-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
68 lines (63 loc) · 3.24 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
---
layout: default
title: Home
bodyclass: landing
---
<!-- Banner -->
<section id="banner" class="parallax lazy" data-src="/images/topview.jpg">
<div class="content">
<h1>Meet Monty</h1>
<a href="/about" role="button" class="btn btn-outline-light">Learn More</a>
</div>
<a href="#one" class="next d-none d-md-block">
<i class="mdi mdi-chevron-down mdi-48px"></i>
<span class="sr-only">Next</span>
</a>
</section>
<!-- One -->
<section id="one" class="parallax bottom lazy" data-src="/images/frontview.jpg">
<div class="content">
<h2 class="d-none d-md-block">Competitive Strategy</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nam libero justo laoreet sit amet cursus sit amet. Nulla facilisi nullam vehicula ipsum. Eu augue ut lectus arcu bibendum at. Ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus. Senectus et netus et malesuada fames ac turpis egestas. Nec ultrices dui sapien eget. Nunc consequat interdum varius sit amet mattis vulputate enim nulla. Luctus venenatis lectus magna fringilla urna porttitor rhoncus dolor purus. Sit amet porttitor eget dolor morbi non.</p>
<a href="/about#strategy" role="button" class="btn btn-outline-light">Learn More</a>
</div>
<a href="#two" class="next d-none d-md-block">
<i class="mdi mdi-chevron-down mdi-36px"></i>
<span class="sr-only">Next</span>
</a>
</section>
<!-- Two -->
<section id="two" class="parallax right lazy" data-src="/images/altfrontview.jpg">
<div class="content">
<h2 class="d-none d-md-block">Mechanical Design</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nam libero justo laoreet sit amet cursus sit amet. Nulla facilisi nullam vehicula ipsum. Eu augue ut lectus arcu bibendum at. Ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus. Senectus et netus et malesuada fames ac turpis egestas. Nec ultrices dui sapien eget. Nunc consequat interdum varius sit amet mattis vulputate enim nulla. Luctus venenatis lectus magna fringilla urna porttitor rhoncus dolor purus. Sit amet porttitor eget dolor morbi non.</p>
<a href="/about#mechanical" role="button" class="btn btn-outline-light">Learn More</a>
</div>
<a href="#three" class="next d-none d-md-block">
<i class="mdi mdi-chevron-down mdi-36px"></i>
<span class="sr-only">Next</span>
</a>
</section>
<!-- Three -->
<section id="three">
<div class="row content home flex">
<div class="col-12 col-md-4 text-center">
<h2>Contact</h2>
<i class="mdi mdi-email-outline mdi-48px"></i>
<p>Reach out to find out more or get involved.</p>
<a href="/contact" role="button" class="btn btn-outline-light">Learn More</a>
</div>
<div class="col-12 col-md-4 text-center">
<h2>Team</h2>
<i class="mdi mdi-account-multiple-outline mdi-48px"></i>
<p>Learn about the team.</p>
<a href="/team" role="button" class="btn btn-outline-light">Learn More</a>
</div>
<div class="col-12 col-md-4 text-center">
<h2>Sponsors</h2>
<i class="mdi mdi-help-circle-outline mdi-48px"></i>
<p>Help support the NASA Knights!</p>
<a href="/sponsors" role="button" class="btn btn-outline-light">Learn More</a>
</div>
</div>
</section>