-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·179 lines (160 loc) · 8.06 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>
<title>About</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" type="text/css" href="https://network.mofostaging.net/_css/main.compiled.css">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Nunito+Sans:400,600,300i">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Arvo">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<!--<script src="js/top-nav-behaviour.js"></script>-->
<script src="js/dropdown.js"></script>
<script src="js/fixed-menu-mobile.js"></script>
<script src="js/side-menu-fixed.js"></script>
<script src="js/smooth-scroll-one-pager.js"></script>
<script src="js/change-label.js"></script>
<script src="js/desktop-selected.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12 top-nav">
<div class="desktop-imgs"><img src="images/primary-nav.jpg" width="1140px"></div>
<div class="mobile-imgs"><img src="images/primary-nav-mob.jpg"></div>
</div>
<div class="col-md-12 hero">
<div id="margin-top-hero">
<h1 class="h1-home-white">Flexbox Froggy</h1>
</div>
</div>
</div>
<div class="row second-container">
<div class="col-md-3 no-padding-mobile">
<ul class="desktop-menu">
<li>
<h2 class="h5-black">
<a href="#about" class="about-proj">About this Project</a>
</h2>
</li>
<li>
<h2 class="h5-black">
<a href="#research">Research</a>
</h2>
</li>
<li>
<h2 class="h5-black">
<a href="#hackathon">Hack-a-thon</a>
</h2>
<li>
<h2 class="h5-black">
<a href="#contribute">Contribute</a>
</h2>
</li>
</ul>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle h5-black" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<h2 class="h5-black mobile-selected">Menu</h2>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li>
<h2 class="h5-black">
<a href="#about">About this Project</a>
</h2>
</li>
<li>
<h2 class="h5-black">
<a href="#research">Research</a>
</h2>
</li>
<li>
<h2 class="h5-black">
<a href="#hackathon">Hack-a-thon</a>
</h2>
</li>
<li>
<h2 class="h5-black">
<a href="#contribute">Contribute</a>
</h2>
</li>
</ul>
</div>
</div>
<div class="col-md-8 margin-top-mob">
<!--ABOUT-->
<div id="about" class="smooth-scroll-hack"></div>
<div class="mb-5 slanty-background">
<h4 class="h2-headings-white">About this Project</h4>
</div>
<div class="mb-5">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non elementum tellus, at tempus sapien. Praesent pulvinar mattis libero, in ultricies lacus commodo interdum. Aliquam tempus faucibus risus, non facilisis mi suscipit ut. Integer egestas eu mi ut ullamcorper. Maecenas vel imperdiet sapien. Etiam eget sem nec elit scelerisque dapibus nec eget nibh.</p>
<p>Sed lacinia commodo diam, in accumsan eros condimentum non. Sed et mauris ac felis dictum blandit et in quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum, sapien ut porta consequat, massa turpis facilisis dolor, facilisis interdum massa enim sit amet mi. Cras orci ante, lacinia a laoreet ac, egestas eu sem. Etiam vitae elit sit amet lacus facilisis ultricies vitae eget nibh. Donec eu diam tortor. Nam nec ipsum eros. Proin malesuada rhoncus posuere.</p>
<p>Morbi tincidunt varius finibus. Ut vitae urna dolor. Fusce egestas pretium ex, vitae scelerisque quam posuere in. Mauris semper quam sed leo cursus convallis. Quisque neque mi, euismod non porta ut, pellentesque eget sem. Aliquam hendrerit tortor nisi, sit amet placerat lorem condimentum eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac quam egestas, porttitor quam quis, luctus quam. Nulla ac semper tortor, ac mattis turpis. Integer ut suscipit leo, in vulputate tortor. Curabitur condimentum imperdiet urna, id ultrices est molestie convallis. </p>
</div>
<!--RESEARCH-->
<div id="research" class="smooth-scroll-hack"></div>
<div class="mb-5 slanty-background">
<h4 class="h2-headings-white">Research</h4>
</div>
<div class="mb-5">
<p>Morbi tincidunt varius finibus. Ut vitae urna dolor. Fusce egestas pretium ex, vitae scelerisque quam posuere in. Mauris semper quam sed leo cursus convallis. Quisque neque mi, euismod non porta ut.</p>
<ul class="list-research">
<li class="mb-3"><a href="#" class="cta-link">research link #1</a></li>
<li class="mb-3"><a href="#" class="cta-link">research link #2</a></li>
<li class="mb-3"><a href="#" class="cta-link">research link #3</a></li>
<li class="mb-3"><a href="#" class="cta-link">research link #4</a></li>
</ul>
</div>
<!--HACKATHON-->
<div id="hackathon" class="smooth-scroll-hack"></div>
<div class="mb-5 slanty-background">
<h4 class="h2-headings-white">Hack-a-thon</h4>
</div>
<div class="mb-5">
<div class="row mb-4">
<div class="col-md-6 p-3">
<img class="img-hackathon" src="images/hackathon-img1.jpg">
<h2 class="h5-black mb-2">Title of this Section</h2>
<p>Pras enim neque, placerat vitae augue ac, tincidunt ornare turpis. Proin rutrum velit eu scelerisque ultrices.</p>
</div>
<div class="col-md-6 p-3">
<img class="img-hackathon" src="images/hackathon-img2.jpg">
<h2 class="h5-black mb-2">Bigger Title of this Section in 2 Lines Displayed Here</h2>
<p>Nullam vitae nibh id justo consectetur efficitur non varius erat. Nam at tellus tincidunt mauris efficitur vulputate.</p>
</div>
</div>
<div class="row">
<div class="col-md-6 p-3">
<img class="img-hackathon" src="images/hackathon-img3.jpg">
<p>Ut iaculis risus sit amet volutpat porttitor. Praesent pretium, lectus sodales pellentesque blandit, ipsum</p>
</div>
<div class="col-md-6 p-3">
<img class="img-hackathon" src="images/hackathon-img4.jpg">
<h2 class="h5-black mb-2">Title of this Section</h2>
<p>Donec porta ex non dolor vulputate commodo. Sed cursus, nibh a ornare auctor, ligula lectus condimentum massa, sed interdum turpis eros ut mi.</p>
</div>
</div>
</div>
<!--CONTRIBUTE-->
<div id="contribute" class="smooth-scroll-hack"></div>
<div class="mb-5 slanty-background">
<h4 class="h2-headings-white">Contribute</h4>
</div>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non elementum tellus, at tempus sapien. Praesent pulvinar mattis libero, in ultricies lacus commodo interdum. Aliquam tempus faucibus risus, non facilisis mi suscipit ut. Integer egestas eu mi ut ullamcorper. Maecenas vel imperdiet sapien. Etiam eget sem nec elit scelerisque dapibus nec eget nibh.</p>
<a href="https://github.com/thomaspark/flexboxfroggy/" class="cta-link">get involved</a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 footer">
<img class="desktop-imgs" src="images/footer.jpg" width="1140px">
<img class="mobile-imgs" src="images/footer-mob.jpg">
</div>
</div>
</body>
</html>