Fixed stuff

Fixed reveals
Updated contact form to use abide
Fixed menu
Now using a static map link from Google
This commit is contained in:
Chris Sewell
2014-10-07 18:08:30 -04:00
parent e1026b757e
commit 3342d92d14
2 changed files with 30 additions and 46 deletions

View File

@ -23,6 +23,7 @@ gulp.task('vendor', function() {
'vendor/jquery/dist/jquery.min.js', 'vendor/jquery/dist/jquery.min.js',
'vendor/foundation/js/vendor/modernizr.js', 'vendor/foundation/js/vendor/modernizr.js',
'vendor/foundation/js/foundation.js', 'vendor/foundation/js/foundation.js',
'vendor/foundation/js/foundation/foundation.abide.js',
'vendor/foundation/js/foundation/foundation.clearing.js', 'vendor/foundation/js/foundation/foundation.clearing.js',
'vendor/angular/angular.min.js', 'vendor/angular/angular.min.js',
'vendor/angular-loading-bar/build/loading-bar.js', 'vendor/angular-loading-bar/build/loading-bar.js',

View File

@ -6,17 +6,17 @@
<li class="name"> <li class="name">
<a href="/"><h1 class="logo"></h1></a> <a href="/"><h1 class="logo"></h1></a>
</li> </li>
<!--<li class="toggle-topbar menu-icon"> <li class="toggle-topbar menu-icon">
<a href="#"> <a href="#">
menu menu
</a> </a>
</li>--> </li>
</ul> </ul>
<section class="top-bar-section"> <section class="top-bar-section">
<!-- Right Nav Section --> <!-- Right Nav Section -->
<ul class="right"> <ul class="right">
<!--<li> <li>
<a href="#" data-reveal-id="emailModal">Email us</a> <a href="#" data-reveal-id="emailModal">Email us</a>
</li> </li>
<li class="divider"></li> <li class="divider"></li>
@ -25,8 +25,8 @@
</li> </li>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<a href="#">Login</a> <a href="http://site.atlb.co">Tech Login</a>
</li>--> </li>
</ul> </ul>
</section> </section>
</nav> </nav>
@ -40,50 +40,30 @@
</div> </div>
</div> </div>
</div> </div>
<form action="#" method="POST">
<div class="row">
<div class="large-12 columns"> <form data-abide>
<div class="row collapse prefix-radius"> <div class="name-field">
<div class="small-4 columns"> <label>Your name <small>required</small>
<span class="prefix">Name</span> <input type="text" required pattern="[a-zA-Z]+">
</div> </label>
<div class="small-8 columns"> <small class="error">Name is required and must be a string.</small>
<input type="text" placeholder="Your Name">
</div>
</div>
</div>
</div> </div>
<div class="row"> <div class="email-field">
<div class="large-12 columns"> <label>Email <small>required</small>
<div class="row collapse prefix-radius"> <input type="email" required>
<div class="small-4 columns"> </label>
<span class="prefix">Email</span> <small class="error">An email address is required.</small>
</div>
<div class="small-8 columns">
<input type="text" placeholder="Your@email.com">
</div>
</div>
</div>
</div> </div>
<div class="row"> <div>
<div class="large-12 columns"> <label>Message
<div class="row collapse prefix-radius"> <textarea></textarea>
<div class="small-4 columns"> </label>
<span class="prefix">Message</span>
</div>
<div class="small-8 columns">
<textarea placeholder="Your Message"></textarea>
</div>
</div>
</div>
</div> </div>
<div class="row"> <button type="submit">Submit</button>
<div class="large-12 columns">
<a href="#" class="button expand">Submit</a>
</div>
</div>
</form> </form>
<a class="close-reveal-modal">×</a> <a class="close-reveal-modal">×</a>
</div> </div>
<div id="contactModal" class="reveal-modal small" data-reveal> <div id="contactModal" class="reveal-modal small" data-reveal>
@ -99,7 +79,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="medium-12 columns"> <div class="medium-12 columns">
<a href="https://www.google.com/maps/place/Atlantic+Biomedical+Company/@39.256972,-76.684837,17z/data=!3m1!4b1!4m2!3m1!1s0x0:0x69ce4b772564cd53" target="new"><img src="img/map.png" width="100%"></a> <a href="https://www.google.com/maps/place/Atlantic+Biomedical+Company/@39.256972,-76.684837,17z/data=!3m1!4b1!4m2!3m1!1s0x0:0x69ce4b772564cd53" target="new"><img src="http://maps.google.com/staticmap?center=39.25648,-76.68433&zoom=15&size=400x325&maptype=mobile&markers=39.25648,-76.68433,red&key=ABQIAAAAqQJ-gFBKUbBLaFN1HQF4KBQ_k2Fxd8XZtbWUsvz5Vrarxzf2SRSh7DRXLQmAZ-6XwtrmMhkINGT27A&sensor=false" width="100%"></a>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -155,4 +135,7 @@
<p class="copyright">©2014 Atlantic Biomedical. All rights reserved.</p> <p class="copyright">©2014 Atlantic Biomedical. All rights reserved.</p>
</div> </div>
</div> </div>
<script>
$(document).foundation();
</script>
</div> </div>