Skip to content

Commit

Permalink
Merge pull request #18 from KrashLeviathan/Add_content_to_Contact_page
Browse files Browse the repository at this point in the history
Add content to Contact page
  • Loading branch information
Nathan Karasch authored and Nathan Karasch committed Oct 28, 2015
2 parents 4cc5dd3 + 65b4682 commit ef7aea6
Show file tree
Hide file tree
Showing 7 changed files with 157 additions and 13 deletions.
Binary file added prisum/static/img/icon_email.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added prisum/static/img/icon_handshake.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added prisum/static/img/icon_home.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added prisum/static/img/map.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added prisum/static/img/outreach1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added prisum/static/img/outreach2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
170 changes: 157 additions & 13 deletions prisum/templates/contact.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,24 +4,168 @@
<div class="container">
<h1>Contact Us</h1>

<p>Contains links to:</p>

<ol>
<ul class="contact-page-nav">
<li>
Outreach opportunities
<ul>
<li>"Invite us"</li>
<li>Garage Tours</li>
<li>Sun Run</li>
<li>Solar Car Fundraisers</li>
</ul>
<a href="#email-and-postal-address">
<img src="../static/img/icon_email.png" width="50px">

Email & Postal Address
</a>
</li>
<li>
Location of PrISUm's facilities
<a href="#location">
<img src="../static/img/icon_home.png" width="50px">

Location
</a>
</li>
<li>
Email
<a href="#outreach">
<img src="../static/img/icon_handshake.png" width="50px">

Outreach
</a>
</li>
</ol>
</ul>

<div id="email-and-postal-address">
<h2>Email & Postal Address</h2>

<div class="container-fluid">
<div class="row">
<div class="col-sm-4">
<div class="address-card">
<h3>General Inquiries</h3>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
<div class="col-sm-6">
<div class="address-card">
<h3>Outreach Email</h3>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="address-card">
<h3>Mailing Address</h3>
Attn: Team PrISUm<br>
Iowa State University<br>
2620 Howe Hall<br>
Ames, IA 50011
</div>
</div>
<div class="col-sm-6">
<div class="address-card">
<h3>Package Shipping Address</h3>
Attn: Team PrISUm<br>
Iowa State University<br>
1043 Black Engineering<br>
Ames, IA 50011
</div>
</div>
</div>
</div>

</div>

<div id="location">
<h2>Location</h2>

<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<p>Team PrISUm's facilities located on the western part of campus in "Old" Sweeney Hall. Feel free
to stop by our office anytime! There are always team members around who would be glad to show
you the cars, answer any questions, and help get you involved with the project.</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<a href="https://www.google.com/maps/@42.0273704,-93.6500621,19z" target="_blank">
<img src="../static/img/map.png"
alt="The offices are in the southeastern part of Sweeney Hall. The doors are on the eastern side, facing Durham Hall"
style="max-width:100%; display:block; margin-left:auto; margin-right:auto">

<h3 style="text-align:center">Find us in Google Maps</h3>
</a>
</div>
<div class="col-sm-4">
<div class="address-card">
<h3>Physical Address</h3>
Iowa State University<br>
1322 "Old" Sweeney Hall<br>
Ames, IA 50011
</div>
</div>
</div>
</div>

</div>

<div id="outreach">
<h2>Outreach</h2>

<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<p>Giving back to the community is an important commitment of Team PrISUm. Year-round, PrISUm
members tour the midwest United States visiting elementary schools, middle schools, high
schools, community colleges, and community events in an effort to educate the masses about
renewable energy, STEM, and the importance of education. Team PrISUm reaches an average audience
of 50,000 people per year while participating in events as small as a classroom field trip to
our garage or as large as participating in the <a href="http://www.desmoinesconcours.com/"
target="_blank">Des Moines Concours
d’Elegance</a>. While on outreach events, team members explain the process of designing,
manufacturing, and racing a solar powered vehicle.</p>
<img src="../static/img/outreach1.jpg"
style="max-width:100%; display:block; margin-left:auto; margin-right:auto">
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>SunRun</h3>

<p>An annual tradition of Team PrISUm is to participate in the SunRun, a week-long event dedicated
to outreach. While on the SunRun, the team travels over 1,000 miles across the state of Iowa in
an attempt to visit as many schools, sponsors, and events as possible.</p>
</div>
<div class="col-md-6">
<img src="../static/img/outreach2.jpg" style="width: 100%">
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Garage Tours</h3>

<p style="color: red">Generate content for here.</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="mailto:[email protected]">
<h3>Invite PrISUm to your event!</h3>
</a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3 style="color: red">Solar Car Fundamentals (MOVE TO DIFFERENT PAGE?)</h3>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Outreach Calendar</h3>
<br>
<iframe src="http://www.google.com/calendar/embed?src=outreachprisum%40gmail.com&amp;ctz=America/Chicago"
style="border-width: 0px;width:100%;height:80vw;max-height:500px" frameborder="0"
scrolling="no"></iframe>
</div>
</div>
</div>

</div>

</div>
{% endblock %}

0 comments on commit ef7aea6

Please sign in to comment.