-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
179 lines (178 loc) · 5.13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Final Project</title>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./grid.min.css" />
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<section class="landing">
<div class="container">
<div class="row">
<div class="col-12">
<div class="landing-contents">
<h1>
Change your career,<br />
Change your life
</h1>
<p>
Get ahead with expert-led training in<br />
coding & design
</p>
<div class="button-group">
<a href="#" class="fill-button"> Apply Now </a>
<a href="#" class="fill-button inverted"> Learn more </a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="introduction">
<div class="container">
<div class="row">
<div class="col-12 col-md-6">
<h2>Master the Fundamentals while Exploring new Tech</h2>
<p>
We teach cutting-edge tech Full Stack Javascript as well as
Computer Science fundamentals.
</p>
</div>
<div class="col-12 col-md-6">
<h2>Develop Production Level Web Applications</h2>
<p>
You put your knowledge into action with carefully designed
assignments and personal software engineering projects.
</p>
</div>
</div>
</div>
</section>
<section class="program">
<div class="container">
<div class="row">
<div class="col-12">
<strong class="info-category">Program</strong>
<h1 class="info-title">
Frontend Dev.<br />
Immersive Course
</h1>
<p class="info-description">
Your best course for career transformation in front-end
developement. This full-time bootcamp features expert instruction,
one-on-one career coaching, and connections to top employers to
get you hired.
</p>
</div>
</div>
<div class="row">
<div class="col-12 col-md-4 align-self-center">
<a href="#" class="program-card">
<img
src="./assets/img-fulltime-campus.png"
alt="Full-Time On Campus"
/>
<p>Full-Time On Campus</p>
</a>
</div>
<div class="col-12 col-md-4 align-self-center">
<a href="#" class="program-card">
<img
src="./assets/img-fulltime-remote.png"
alt="Full-Time Remote"
/>
<p>Full-Time Remote</p>
</a>
</div>
<div class="col-12 col-md-4 align-self-center">
<a href="#" class="program-card">
<img
src="./assets/img-parttime-flex.png"
alt="Part-Time Flex" />
<p>Part-Time Flex</p>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="curriculum">
<div class="container">
<div class="row">
<div class="col-12 col-md-6">
<div class="apply-guide">
<strong class="info-category">Curriculum</strong>
<h1 class="info-title">
Dive into the web<br />
development
</h1>
<p class="info-description">
Dive into the software development environment and the basics of
computing, networks, and data structures.
</p>
<a href="#" class="fill-button">Apply now</a>
</div>
</div>
<div class="col-12 col-md-6">
<div class="curriculum-support-img">
<img src="assets/img-curriculum.png" alt="">
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<p class="curriculum-detail">
<strong>Real-World Projects.</strong> Solve challenges that
professional engineers face as you work individually and in teams
with designers.
</p>
</div>
<div class="col-12 col-md-6">
<p class="curriculum-detail">
<strong>Individualised Instructor Support.</strong> Get guidance,
feedback, and more during scheduled one-on-one check-ins.
</p>
</div>
</div>
</div>
</section>
<aside class="subscribe-information">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-5">
<div class="subscribe-img">
<img src="./assets/img-banner.png" alt="Checking for subscription" />
</div>
</div>
<div class="col-12 col-md-7">
<div class="subscribe-header">
<h1>Stay with us</h1>
<p>
Subscribe to our email newsletter to stay up to date on the latest
updates
</p>
</div>
<form action="" method="POST" class="subscribe-form">
<div class="input-group">
<input type="email" placeholder=" Enter your email" />
<button type="submit" class="fill-button">Get started</button>
</div>
<em>Cancel any time. Check out <a href="#">Terms of Use.</a> </em>
</form>
</div>
</div>
</div>
</aside>
</body>
<footer>
<a href="#">Terms</a>
<a href="#">Privacy</a>
<a href="#">License</a>
</footer>
</html>