-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (159 loc) · 5.92 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Thinkful Navigation</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
<link rel="stylesheet" href="index.css">
</head>
<body>
<!-- Hamburger button -->
<div class="hamburger">
<div class="hamburger-stripe"></div>
<div class="hamburger-stripe"></div>
<div class="hamburger-stripe"></div>
</div>
<!-- Main menu -->
<nav class='mainNav'>
<ul class="navbar">
<li class="logo"> <!-- Thinkful logo -->
<svg xmlns="http://www.w3.org/2000/svg" width="136" height="28">
<g fill="#6799ff" fill-rule="evenodd">
<path d="M9 20h3V8H3V3h17V0H0v11h9v9z"></path>
<path d="M17 8v17H9v3h11V11h8V0h-3v8h-8zm25 3.5V20h3v-8.5h3.5V9h-10v2.5H42zM66 9v11h3V9h-3zm-11 4V9h-3v11h3v-4.5h4V20h3V9h-3v4h-4zm45 7h3v-4h5v-2.4h-5v-2h5.5V9H100v11zm-20-4.5L76 9h-3v11h3v-6.5l4 6.5h3V9h-3v6.5zM130 9h-3v11h8.5v-2.5H130V9zM93.5 9L90 14V9h-3v11h3v-5l3.5 5H97l-4-5.5L97 9h-3.5zm24 11.5c3 0 5.5-2.5 5.5-5.5V9h-3v5.5c0 1.5-.5 3-2.5 3s-2.5-1.5-2.5-3V9h-3v6c0 3 2.5 5.5 5.5 5.5z"></path>
</g>
</svg>
</li>
<li class="courses noDisplay">
<a href="#">
Courses
</a>
<nav class='courses noDisplay'>
<ul class="courses">
<li class="webdev">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/wow-next/course-icons/career.gz.svg" alt="Web Development Bootcamp">
<span>Web Development Bootcamp</span>
</a>
</li>
<li class="datascience">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/splash/data-science/data_science.svg" alt="Data Science">
<span>Data Science Bootcamp</span>
</a>
</li>
<li class="allcourses">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/wow-next/splash-nav/master-a-new-skill.gz.svg" alt="All courses">
<span>All courses</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="howitworks noDisplay">
<a href="#">
How it works
</a>
<nav class="howitworks noDisplay">
<ul class="howitworks">
<li class="oneonone">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/splash/nav-icons/mentorship.gz.svg" alt="1-on-1 mentorship">
<span>1-on-1 mentorship</span>
</a>
</li>
<li class="careerprep">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/splash/nav-icons/career-services.gz.svg" alt="Career prep">
<span>Career prep</span>
</a>
</li>
<li class="jobguarantee">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/splash/nav-icons/guarantee.gz.svg" alt="Job guarantee">
<span>Web Development job guarantee</span>
</a>
</li>
<li class="studentoutcomes">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/splash/nav-icons/jobs-report.gz.svg" alt="Student outcomes">
<span>Student outcomes</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="reviews noDisplay">
<a href="#">
Reviews
</a>
</li>
<li class="pricing noDisplay">
<a href="#">
Pricing
</a>
</li>
</ul>
<ul class='navbar-secondary noDisplay'>
<li class="signin noDisplay">
<a href="#">
Sign in
</a>
</li>
</ul>
</nav>
<!-- <div class="courses noDisplay">
<ul class="courses">
<li class="webdev">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/wow-next/course-icons/career.gz.svg" alt="Web Development Bootcamp">
<span>Web Development Bootcamp</span>
</a>
</li>
<li class="datascience">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/splash/data-science/data_science.svg" alt="Data Science">
<span>Data Science Bootcamp</span>
</a>
</li>
<li class="allcourses">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/wow-next/splash-nav/master-a-new-skill.gz.svg" alt="All courses">
<span>All courses</span>
</a>
</li>
</ul>
</div>
<div class="howitworks noDisplay">
<ul class="howitworks">
<li class="oneonone">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/splash/nav-icons/mentorship.gz.svg" alt="1-on-1 mentorship">
<span>1-on-1 mentorship</span>
</a>
</li>
<li class="careerprep">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/splash/nav-icons/career-services.gz.svg" alt="Career prep">
<span>Career prep</span>
</a>
</li>
<li class="jobguarantee">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/splash/nav-icons/guarantee.gz.svg" alt="Job guarantee">
<span>Web Development job guarantee</span>
</a>
</li>
<li class="studentoutcomes">
<a href="#">
<img src="http://tf-assets-prod.s3.amazonaws.com/splash/nav-icons/jobs-report.gz.svg" alt="Student outcomes">
<span>Student outcomes</span>
</a>
</li>
</ul> -->
</div>
</body>
<script src="index.js"></script>
</html>