Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
169 lines (122 sloc) 5.62 KB
<!DOCTYPE html>
<!-- -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>Welcome to Foundation | Blog</title>
<!-- Included CSS Files (Uncompressed) -->
<link rel="stylesheet" href="stylesheets/foundation.css">
<!-- Included CSS Files (Compressed) -->
<link rel="stylesheet" href="stylesheets/foundation.min.css">
<link rel="stylesheet" href="stylesheets/app.css">
<script src="javascripts/"></script>
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src=""></script>
<!-- Top Bar -->
<div class="row">
<div class="twelve columns">
<p>Top Bar Goes Here</p>
<!-- End Top Bar -->
<!-- Main Page Content and Sidebar -->
<div class="row">
<!-- Contact Details -->
<div class="nine columns">
<h3>Get in Touch!</h3>
<p>We'd love to hear from you. You can either reach out to us as a whole and one of our awesome team members will get back to you, or if you have a specific question reach out to one of our staff. We love getting email all day <em>all day</em>.</p>
<dl class="contained tabs">
<dd class="active"><a href="#contactForm">Contact Our Company</a></dd>
<dd><a href="#contactPeople">Specific Person</a></dd>
<ul class="tabs-content contained">
<li id="contactFormTab" class="active">
<div class="row collapse">
<div class="two columns"><label class="inline">Your Name</label></div>
<div class="ten columns"><input type="text" id="yourName" placeholder="Jane Smith" />
<div class="row collapse">
<div class="two columns"><label class="inline">Your Email</label></div>
<div class="ten columns"><input type="text" id="yourEmail" placeholder="" />
<label>What's up?</label>
<textarea rows="4"></textarea>
<button type="submit" class="radius button">Submit</button>
<li id="contactPeopleTab">
<ul class="block-grid five-up">
<li><a href="mailto:mal@serenity.bc.reb"><img src="[person]" /><br />Mal Reynolds</a></li>
<li><a href="mailto:zoe@serenity.bc.reb"><img src="[person]" /><br />Zoe Washburne</a></li>
<li><a href="mailto:jayne@serenity.bc.reb"><img src="[person]" /><br />Jayne Cobb</a></li>
<li><a href="mailto:doc@serenity.bc.reb"><img src="[person]" /><br />Simon Tam</a></li>
<li><a href="mailto:killyouwithmymind@serenity.bc.reb"><img src="[person]" /><br />River Tam</a></li>
<li><a href="mailto:leafonthewind@serenity.bc.reb"><img src="[person]" /><br />Hoban Washburne</a></li>
<li><a href="mailto:book@serenity.bc.reb"><img src="[person]" /><br />Shepherd Book</a></li>
<li><a href="mailto:klee@serenity.bc.reb"><img src="[person]" /><br />Kaywinnet Lee Fry</a></li>
<li><a href="mailto:inara@guild.comp.all"><img src="[person]" /><br />Inarra Serra</a></li>
<!-- End Contact Details -->
<!-- Sidebar -->
<div class="three columns">
<!-- Clicking this placeholder fires the mapModal Reveal modal -->
<a href="" data-reveal-id="mapModal"><img src="" /></a><br />
<a href="" data-reveal-id="mapModal">View Map</a>
123 Awesome St.<br />
Barsoom, MA 95155
<!-- End Sidebar -->
<!-- End Main Content and Sidebar -->
<!-- Footer -->
<footer class="row">
<div class="twelve columns">
<hr />
<div class="row">
<div class="six columns">
<p>&copy; Copyright no one at all. Go to town.</p>
<div class="six columns">
<ul class="link-list right">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<!-- End Footer -->
<!-- Map Modal -->
<div class="reveal-modal" id="mapModal">
<h4>Where We Are</h4>
<p><img src="" /></p>
<!-- Any anchor with this class will close the modal. This also inherits certain styles, which can be overriden. -->
<a href="#" class="close-reveal-modal">&times;</a>
<!-- End Modal -->
<!-- Included JS Files (Compressed) -->
<script src="javascripts/foundation.min.js"></script>
<!-- Initialize JS Plugins -->
<script src="javascripts/app.js"></script>