-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathexample.html
More file actions
156 lines (150 loc) · 10.8 KB
/
Copy pathexample.html
File metadata and controls
156 lines (150 loc) · 10.8 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Sehome Seamonsters</title>
<link rel="stylesheet" type="text/css" href="css/reset.min.css">
<link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta charset='UTF-8'>
<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
<script type="text/javascript" src='./js/jquery.carouFredSel-6.2.1-packed.js'></script>
<script type="text/javascript" src='./js/gallery.js'></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-38122373-2', 'sehomeseamonsters.org');
ga('send', 'pageview');
</script>
</head>
<body>
<div id='gradient'></div>
<div id="blueBG"> <!--Blue background section-->
<header id='header'>
<div class='navFont' id='headerBox'>
<div id='title' class='headerItem'>Sehome Seamonsters</div>
<h2 class='headerItem' id='teamNumber'>FRC Team #2605</h2>
<img class='headerItem' id='firstLogo' src='img/firstLogo.png' width='80' height='73'> <!--first logo goes here-->
</div>
</header>
<img src='../img/queequeg.png' id='queequeg' width='482' height='500'>
<div id='gallery'>
<img src='./img/gallery/leftArrow.png' id='leftArrow'>
<ul id='carousel'>
</ul>
<div class='clearfix'></div>
<img src='./img/gallery/rightArrow.png' id='rightArrow'>
</div>
<div class='navFont' id='navbar'> <!--Navigation Links-->
<!-- <img src=''> --> <!--Left Edge-->
<nav>
<ul>
<li class='navLink' id='homeLink'><a href='#'>Home</a>
<ul>
<li class='navLink'><a href="#">FRC</a></li>
<li class='navLink'><a href="#">FTC</a></li>
</ul>
</li>
<li class='navLink' id='aboutLink'><a href='#'>About</a>
<ul>
<li class='navLink'><a href="#">Team Information</a></li>
<li class='navLink'><a href="#">Team Profiles</a></li>
</ul>
</li>
<li class='navLink' id='resourcesLink'><a href='#'>Resources</a>
<ul>
<li class='navLink'><a href="#">Fundraising</a></li>
<li class='navLink'><a href="#">Bumpers Tutorial</a></li>
</ul>
</li>
<li class='navLink' id='mediaLink'><a href='#'>Media</a>
<ul>
<li class='navLink'><a href="#">Weekly Videos</a></li>
<li class='navLink'><a href="#">Overview Videos</a></li>
<li class='navLink'><a href="#">Photo Gallery</a></li>
<li class='navLink'><a href="#">Past Season Videos</a></li>
</ul>
</li>
<li class='navLink' id='blogLink'><a href='#'>Blog</a></li>
<li class='navLink' id='firstLink'><a href='#'>FIRST</a></li>
<li class='navLink' id='outreachLink'><a href='#'>Outreach</a></li>
<li class='navLink' id='sponsorLink'><a href='#'>Sponsorship</a>
<ul>
<li class='navLink'><a href="#">Current Sponsors</a></li>
<li class='navLink'><a href="#">Get Involved!</a></li>
<li class='navLink'><a href="#">Lightbulb Fundraiser</a></li>
</ul>
</li>
<li class='navLink' id='contactLink' style='margin: 0 !important;'><a href='#'>Contact</a></li>
</ul>
</nav>
<!-- <img src=""> --> <!--Right edge-->
</div>
<div id='content' class='navFont'>
<!--Content div-->
<h2>Lorem Ipsum</h2>
<div id='contentContainer'>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et scelerisque erat. Sed consectetur fringilla turpis. Cras sagittis arcu lacus. Etiam sollicitudin aliquam libero non rhoncus. Mauris a magna sed sem sodales congue id quis turpis. Pellentesque non rhoncus tellus. Ut bibendum, nibh et tincidunt accumsan, magna nibh placerat nibh, sed pretium purus est et ipsum. Quisque vitae bibendum mi. Vestibulum viverra urna quam. Nunc laoreet rutrum malesuada. Nullam a fermentum libero. Suspendisse condimentum imperdiet cursus. Nulla fringilla nec urna id gravida. Cras auctor tellus mattis, varius augue sit amet, interdum odio.</p>
<p>Aenean ac vehicula leo, sed aliquam magna. Mauris tempor nisi non luctus blandit. Nunc euismod eu nulla a imperdiet. Curabitur sit amet rhoncus mauris, malesuada imperdiet risus. Nam pharetra commodo suscipit. Nulla felis neque, laoreet in elementum vel, congue in arcu. Phasellus sed nunc quis purus mollis varius at non tortor. Nam in diam eu purus interdum aliquet. Vivamus dignissim turpis lacus, at ornare erat lacinia ac. Nullam sapien odio, rutrum vitae molestie sit amet, mattis at est. Proin a iaculis magna.</p>
<p>Quisque id lorem eget nisi sollicitudin gravida eget eget nisi. Vestibulum interdum elit nec velit convallis, a faucibus sapien hendrerit. Mauris aliquam euismod massa, at porta odio tincidunt ut. Quisque vel odio quis metus tempus fermentum quis a libero. Donec dictum diam quam. Ut augue diam, pulvinar nec facilisis non, congue nec massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In placerat diam in velit hendrerit vulputate. Duis quis purus in velit suscipit sollicitudin vel ut massa.</p>
<p>Donec dictum ac arcu sed aliquam. Proin et ipsum pretium, porttitor mi sit amet, consequat enim. Morbi ante dolor, ornare a metus quis, volutpat fringilla diam. Etiam molestie euismod arcu, ut aliquet velit mattis eu. Duis vitae velit eget enim interdum cursus placerat eu purus. Cras volutpat, velit vitae luctus luctus, mi quam sodales risus, vel volutpat nulla sem eu mi. Praesent dui ligula, placerat in fringilla sed, eleifend at augue.</p>
<p>Donec nec nisl tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus bibendum cursus mollis. Suspendisse potenti. Mauris accumsan sem id elit varius elementum. Duis tristique at orci quis imperdiet. Integer a condimentum massa. Fusce convallis, est congue congue gravida, risus dui lobortis diam, sit amet accumsan ipsum orci ut augue. Vivamus placerat, dui nec tristique venenatis, sapien odio ultricies est, sed facilisis dolor lorem non nisl.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et scelerisque erat. Sed consectetur fringilla turpis. Cras sagittis arcu lacus. Etiam sollicitudin aliquam libero non rhoncus. Mauris a magna sed sem sodales congue id quis turpis. Pellentesque non rhoncus tellus. Ut bibendum, nibh et tincidunt accumsan, magna nibh placerat nibh, sed pretium purus est et ipsum. Quisque vitae bibendum mi. Vestibulum viverra urna quam. Nunc laoreet rutrum malesuada. Nullam a fermentum libero. Suspendisse condimentum imperdiet cursus. Nulla fringilla nec urna id gravida. Cras auctor tellus mattis, varius augue sit amet, interdum odio.</p>
<p>Aenean ac vehicula leo, sed aliquam magna. Mauris tempor nisi non luctus blandit. Nunc euismod eu nulla a imperdiet. Curabitur sit amet rhoncus mauris, malesuada imperdiet risus. Nam pharetra commodo suscipit. Nulla felis neque, laoreet in elementum vel, congue in arcu. Phasellus sed nunc quis purus mollis varius at non tortor. Nam in diam eu purus interdum aliquet. Vivamus dignissim turpis lacus, at ornare erat lacinia ac. Nullam sapien odio, rutrum vitae molestie sit amet, mattis at est. Proin a iaculis magna.</p>
<p>Quisque id lorem eget nisi sollicitudin gravida eget eget nisi. Vestibulum interdum elit nec velit convallis, a faucibus sapien hendrerit. Mauris aliquam euismod massa, at porta odio tincidunt ut. Quisque vel odio quis metus tempus fermentum quis a libero. Donec dictum diam quam. Ut augue diam, pulvinar nec facilisis non, congue nec massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In placerat diam in velit hendrerit vulputate. Duis quis purus in velit suscipit sollicitudin vel ut massa.</p>
<p>Donec dictum ac arcu sed aliquam. Proin et ipsum pretium, porttitor mi sit amet, consequat enim. Morbi ante dolor, ornare a metus quis, volutpat fringilla diam. Etiam molestie euismod arcu, ut aliquet velit mattis eu. Duis vitae velit eget enim interdum cursus placerat eu purus. Cras volutpat, velit vitae luctus luctus, mi quam sodales risus, vel volutpat nulla sem eu mi. Praesent dui ligula, placerat in fringilla sed, eleifend at augue.</p>
<p>Donec nec nisl tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus bibendum cursus mollis. Suspendisse potenti. Mauris accumsan sem id elit varius elementum. Duis tristique at orci quis imperdiet. Integer a condimentum massa. Fusce convallis, est congue congue gravida, risus dui lobortis diam, sit amet accumsan ipsum orci ut augue. Vivamus placerat, dui nec tristique venenatis, sapien odio ultricies est, sed facilisis dolor lorem non nisl.</p>
</div>
</div>
<div class='navFont' id='depts'>
<!--Department links-->
<a href="1" class='department' id='fabrication'>
<!--Fabrication-->
<div class='deptPic' id='fabricationPic'></div>
<div class='deptTxt'>fabrication</div>
</a>
<a href='2' class='department' id='programming'>
<!--Programming-->
<div class='deptPic' id='programmingPic'></div>
<div class='deptTxt'>programming</div>
</a>
<a href='3' class='department' id='am'>
<!--Aestethics & Marketing-->
<div class='deptPic' id='amPic'></div>
<div class='deptTxt'>aesthetics & marketing</div>
</a>
<a href='4' class='department' id='electronics'>
<!--Electronics-->
<div class='deptPic' id='electronicsPic'></div>
<div class='deptTxt'>electronics</div>
</a>
<a href='5' class='department' id='video'>
<!--Video-->
<div class='deptPic' id='videoPic'></div>
<div class='deptTxt'>video</div>
</a>
<a href='6' class='department' id='website'>
<!--Website-->
<div class='deptPic' id='websitePic'></div>
<div class='deptTxt'>website</div>
</a>
</div>
</div>
<div id='footer'>
<div id='yellowBG'>
<!--Yellow section-->
</div>
<div id="blackBG">
<!--Black section-->
<div id='iconContainer'>
<a href="https://www.facebook.com/SehomeSeamonsters" target="_blank" title="Facebook"><img src="./img/icn/facebook.png" width="32" height="32"></a>
<a href="https://twitter.com/frc2605" target="_blank" title="Twitter"><img src="./img/icn/twitter.png" width="32" height="32"></a>
<a href="http://www.flickr.com/photos/sehome_seamonsters/" target="_blank" title="Flickr"><img src="./img/icn/flickr.png" width="32" height="32"></a>
<a href="https://www.youtube.com/user/sehomeseamonsters" target="_blank" title="YouTube"><img src="./img/icn/youtube.png" width="32" height="32"></a>
</div>
</div>
</div>
</body>
</html>