-
Notifications
You must be signed in to change notification settings - Fork 2
/
inspireHome.html
142 lines (119 loc) · 5.76 KB
/
inspireHome.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
<!DOCTYPE html>
<html>
<head>
<title>Davenport West</title>
<meta name="google-site-verification" content="qq-qthh29CbdOq7Orduj7ArH1fyRxCjZygviLe5mrDw" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body id="top">
<!-- Top Background Image Wrapper -->
<div class="bgded overlay" style="background-image:url('images/inspireHomePage.PNG');">
<!-- ################################################################################################ -->
<div class="wrapper row1">
<header id="header" class="hoc clear">
<!-- ################################################################################################ -->
<h1><a class="mainHeader"href="http://www.davenportschools.org/west/"> Davenport West INSPIRE</a></h1>
<p class="mainHeader"><i>Click on the links to explore your child's future.</i></p>
<div id="logo" class="fl_left">
</div>
<nav id="mainav" class="fl_right">
<ul class="clear">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="advancedManufacturing.html">Advanced Manufacturing</a> </li>
<li><a href="computerScience.html">Computer Science</a> </li>
<li><a href="business.html">Business</a> </li>
<li><a href="engineering.html">Engineering</a></li>
<li><a href="bioMedical.html">Bio Medical</a></li>
</ul>
</nav>
<!-- ################################################################################################ -->
</header>
</div>
<!-- ################################################################################################ -->
<div id="pageintro" class="hoc clear">
<!-- ################################################################################################ -->
<article class="introtxt">
<h2 class="heading"></h2>
<p></p>
</article>
<!-- ################################################################################################ -->
<div class="clear"></div>
</div>
<!-- ################################################################################################ -->
</div>
<!-- End Top Background Image Wrapper -->
<div class="wrapper row3">
<main class="hoc container clear">
<!-- main body -->
<!-- ################################################################################################ -->
<div class="group center" id="socialMedia">
<article class="one_quarter first">
<h4 class="font-x1">Advanced Manufacturing</h4>
</article>
<article class="one_quarter">
<h4 class="font-x1">Computer Science</h4>
</article>
<article class="one_quarter">
<h4 class="font-x1">Engineering</h4>
</article>
<article class="one_quarter">
<h4 class="font-x1">Business</h4>
</article>
<article class="one_quarter">
<h4 class="font-x1">Health Services</h4>
</article>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- / main body -->
<div class="clear"></div>
</main>
</div>
<div class="wrapper row3">
<section id="latest" class="hoc container clear">
<div class="center btmspace-50">
<p class="nospace"></p>
</div>
</section>
</div>
<div class="wrapper bgded overlay coloured" >
<div class="hoc container clear">
<!-- ################################################################################################ style="background-image:url('images/demo/backgrounds/03.png');"-->
<article class="center">
<h2 class="heading font-x3">All Things Social</h2>
<p class="btmspace-30"></p>
<!-- <footer><a class="btn medium" href="https://davenportwest.github.io/tvsite/">TV Displays In The School</a></footer><br><br> -->
<iframe src="https://calendar.google.com/calendar/embed?showNav=0&showPrint=0&showTz=0&mode=WEEK&height=200&wkst=1&bgcolor=%23ffffff&src=davenport.k12.ia.us_4gqaiqd6bugjhsim0q4snehcl8%40group.calendar.google.com&color=%23711616&ctz=America%2FChicago"
style="border-width:0" width="800" height="200" frameborder="0" scrolling="no"></iframe>
</article>
<!-- ################################################################################################ -->
</div>
</div>
<div class="wrapper row5">
<div id="copyright" class="hoc clear">
<!-- ################################################################################################ -->
<p class="fl_left">Contact John Brosius for more information.</p>
<p class="fl_left">WEST HIGH SCHOOL
3505 West Locust Street
Davenport, Iowa 52804
Phone: 563.723.5600; Fax: 563.445.5954 </p>
<br>
<br>
<p><a href="https://youtu.be/HaPJq26G6Cg">
<i class="fa fa-facebook-square" style="font-size:30px;color:#cc0000"></i></a>
<a href="https://twitter.com/DavenportWest">
<i class="fa fa-twitter-square" style="font-size:30px;color:#cc0000"></i></a>
<i class="fa fa-youtube-square" style="font-size:30px;color:#cc0000"></i></p>
</div>
</div>
<a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a>
<!-- JAVASCRIPTS -->
<script src="layout/scripts/jquery.min.js"></script>
<script src="layout/scripts/jquery.backtotop.js"></script>
<script src="layout/scripts/jquery.mobilemenu.js"></script>
</body>
</html>