mirror of
https://github.com/atlanticbiomedical/website.git
synced 2025-07-01 18:07:27 -04:00
Moved everything into a folder
This commit is contained in:
160
biomed-frontend/src/app/layout.html
Normal file
160
biomed-frontend/src/app/layout.html
Normal file
@ -0,0 +1,160 @@
|
||||
<!--Top Bar -->
|
||||
<div class="fixed">
|
||||
<nav class="top-bar" data-topbar>
|
||||
<ul class="title-area">
|
||||
<!-- Title Area -->
|
||||
<li class="name">
|
||||
<h1 class="logo">
|
||||
|
||||
</h1>
|
||||
</li>
|
||||
<li class="toggle-topbar menu-icon">
|
||||
<a href="#">
|
||||
menu
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<section class="top-bar-section">
|
||||
<!-- Right Nav Section -->
|
||||
<ul class="right">
|
||||
<li>
|
||||
<a href="#" data-reveal-id="emailModal">Email us</a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li>
|
||||
<a href="#" data-reveal-id="contactModal">Contact information</a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li>
|
||||
<a href="#">Login</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</nav>
|
||||
</div>
|
||||
<!--Reveals-->
|
||||
<div id="emailModal" class="reveal-modal tiny" data-reveal>
|
||||
<div class="row">
|
||||
<div class="large-12 columnns">
|
||||
<div class="small-12 columns">
|
||||
<h2>Email us:</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form action="#" method="POST">
|
||||
<div class="row">
|
||||
<div class="large-12 columns">
|
||||
<div class="row collapse prefix-radius">
|
||||
<div class="small-4 columns">
|
||||
<span class="prefix">Name</span>
|
||||
</div>
|
||||
<div class="small-8 columns">
|
||||
<input type="text" placeholder="Your Name">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="large-12 columns">
|
||||
<div class="row collapse prefix-radius">
|
||||
<div class="small-4 columns">
|
||||
<span class="prefix">Email</span>
|
||||
</div>
|
||||
<div class="small-8 columns">
|
||||
<input type="text" placeholder="Your@email.com">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="large-12 columns">
|
||||
<div class="row collapse prefix-radius">
|
||||
<div class="small-4 columns">
|
||||
<span class="prefix">Message</span>
|
||||
</div>
|
||||
<div class="small-8 columns">
|
||||
<textarea placeholder="Your Message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="large-12 columns">
|
||||
<a href="#" class="button expand">Submit</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
<a class="close-reveal-modal">×</a>
|
||||
</div>
|
||||
<div id="contactModal" class="reveal-modal small" data-reveal>
|
||||
<div class="row">
|
||||
<div class="medium-12 columns">
|
||||
<ul class="no-bullet">
|
||||
<li><h4>Address:</h4></li>
|
||||
<ul class="square">
|
||||
<li>4707 Benson Ave #101, Baltimore, MD 21227</li>
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="medium-12 columns">
|
||||
<a href="tel:18005508310" class="button expand">Call us: 1800-550-8310</a>
|
||||
</div>
|
||||
</div>
|
||||
<a class="close-reveal-modal">×</a>
|
||||
</div>
|
||||
<!-- /Reveals -->
|
||||
<!-- /Top bar -->
|
||||
<!-- Content -->
|
||||
<div class="content-wrapper">
|
||||
<section id="main-content">
|
||||
<div class="row">
|
||||
<!-- container -->
|
||||
<div id="container" class="large-12 columns transitions-enabled large-centered clearfix">
|
||||
<div ui-view></div>
|
||||
</div>
|
||||
<!--/container -->
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- Content -->
|
||||
<div class="page-footer-bottom">
|
||||
<div class="row">
|
||||
<div class="medium-4 medium-4 push-8 columns">
|
||||
|
||||
<ul class="home-social">
|
||||
<li>
|
||||
<a href="http://www.twitter.com/" class="twitter"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://www.facebook.com/" class="facebook"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/contact" class="mail"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="medium-8 medium-8 pull-4 columns">
|
||||
<ul class="site-links">
|
||||
<li class="name">
|
||||
<a href="#">Atlantic Biomedical</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-reveal-id="contactModal">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="copyright">©2014 Atlantic Biomedical. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
Reference in New Issue
Block a user