-
Notifications
You must be signed in to change notification settings - Fork 0
/
media.html
193 lines (177 loc) · 8.75 KB
/
media.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
180
181
182
183
184
185
186
187
188
189
190
191
192
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link href='templateWithBoot.css' type='text/css' rel='stylesheet'/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="eco.js"></script>
</head>
<header>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand" data-menuanchor="1">EcoCar3</a>
</div>
<div class="collapse navbar-collapse navbar-main-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right" role="tablist">
<li data-menuanchor="2" id="projectMenu"><a href="project.html">Projects</a></li>
<li data-menuanchor="3" id="modelMenu"><a href="model.html">Model</a></li>
<li data-menuanchor="4" id="sponsorMenu"><a href="sponsors.html#">Sponsors</a></li>
<li data-menuanchor="5" id="mediaMenu"><a href="media.html#">Media</a></li>
<li data-menuanchor="6" id="applyMenu"><a href="https://catalyst.uw.edu/catalyst/chooser/1d95b7f6290c057640861012dec50856">Apply</a></li>
<li data-menuanchor="7" id="ec2Menu"><a href="ec2.html#">EC2</a></li>
<li data-menuanchor="8" id="contactMenu"><a href="contacts.html#">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!--There is only one major bug that I've found with the current template. When you go into mobile form, the image
will not go across the page. This will leave some white space on the edges next to the image.
-->
<body>
<main class="container-fluid">
<!--This is a placeholder image that doesn't actually show up in the html. Rather it allows the background image to show up in order
to maintain the same background as the content field. So the showing background image is in the css labeled "imageHere". Since CSS
is required for it to show, please name your image as pageTile + "imageHere" so it won't be accidentally overwritten.
-->
<section class="row header">
<div class="container">
<div class="col-lg-1" id="sideBar1">
</div>
<div class="col-lg-10" id="mediaImageHere">
<img src="imgs/CameroLarge2.jpg" height="55%" width="100%" id="image">
</div>
<div class="col-lg-1" id="sideBar2">
</div>
</div>
</section>
<!--This is the row for the title of the Web Page-->
<section class="row Title">
<div class="container">
<div class="col-lg-1"></div>
<div class="col-lg-10" id="titleHere">
</div>
<div class="col-lg-1"></div>
</div>
</section>
<!--This is where the content goes. If you plan on using columns within this row, you will have to manually change the mobile form since the mobile form is
pretty much a collapsed version of the grid format.
-->
<section class="row Content">
<div class="container">
<div class="col-lg-1"></div>
<div class="col-lg-10" id="mediatextHere">
<div class="col-md-6">
<h3 align="center">UW EcoCAR in the News</h3>
<hr>
<h5 align="left"><i>December 2, 2012</i></h5>
<p><a href="http://www.seattletimes.com/seattle-news/uw-students-turning-2013-malibu-into-fuel-saving-dual-motor-hybrid/"><b>
UW students turning 2013 Malibu into fuel-saving dual-motor hybrid </b></a><br>
University of Washington engineering students are turning a gas-powered car into an unusual electric-diesel hybrid
as part of a competition sponsored by the U.S. Department of Energy.</p>
<hr>
<h5 align="left"><i>April 19, 2012</i></h5>
<p><a href="http://www.king5.com/story/local/2015/05/26/13099690/"><b>UW students rev up for green car competition</b></a><br>
They didn't have much time or experience but it was an opportunity they could not let get away.</p>
</div>
<div class="col-md-6">
<h3 align="center">Upcoming Events</h3>
<hr>
<h5 align="left"><i>Week of May 26th, 2015 - May 29th, 2015</i></h5>
<p align="left">None Scheduled</p>
<hr>
<h5 align="left"><i>Week of June 1st, 2015 - June 5th, 2015</i></h5>
<p align="left">None Scheduled</p>
<hr>
<h5 align="left"><i>Week of June 8th, 2015 - June 12th, 2015</i></h5>
<p align="left">None Scheduled</p>
<hr>
</div>
</div>
<div class="col-lg-1"></div>
</div>
</section>
</main>
</body>
<footer>
<div class="container">
<section class="row About">
<div class="col-md-1">
</div>
<!--col-md-1-->
<div class="col-md-3">
<div id="about">
<h3>Contact the UW EcoCAR3 Team</h3>
<p>If interested in becoming a sponsor, making a donation, or have additional questions about the UW
EcoCAR team,
please contact our Business Manager Alex or if you would like to join the team, please apply
</p>
</div>
<!--about-->
</div>
<!--col-md-3-->
<div class="col-md-1">
</div>
<!--col-md-1-->
<div class="col-md-3">
<div id="leaveMessage">
<h3>Leave a Message</h3>
<?php
if (isset($_REQUEST['emailForm'])) {
$admin_email = "[email protected]";
$email $_REQUEST['contactemail'];
$subject = $_REQUEST['contactname'];
$comment = $_REQUEST['message'];
mail($admin_email, "$subject", $comment, "From:" . $email);
}
?>
<form method="post" name="emailForm" id="emailForm">
<div class="form-group">
<label for="name">
Name</label>
<input type="text" class="form-control" id="contactname"
placeholder="Please enter your name"
width="50%"/>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" class="form-control" id="contactemail"
placeholder="Please enter your email"/>
</div>
<div class="form-group">
<label for="name">Message</label>
<textarea name="message" id="message" class="form-control" rows="4" cols="25"
placeholder="Please enter your message"></textarea>
</div>
<div>
<button id="submit">Send Message</button>
</form>
</div>
</div>
<!--leaveMessage-->
</div>
<!--col-md-3-->
<div class="col-md-1">
</div>
<!--col-md-1-->
<div class="col-md-2">
<h3>Follow the Team</h3>
<a href="www.facebook.com/UWEcoCAR2"><img src="imgs/Facebook.png" width="25%" height="6%"
class="pull-left"></a>
<a href="www.twitter.com/uwecocar2"><img src="imgs/Twitter.png" width="25%" height="6%"
class="pull-left"></a>
<a href="mailto:[email protected]"><img src="imgs/Gmail.png" width="25%" height="6%"
class="pull-left"></a>
</div>
<!--col-md-2-->
<div class="col-md-1">
</div>
<!--col-md-1-->
</section>
</div>
</footer>