Files
website/biomed-frontend/src/app/layout.html
2014-10-30 14:34:58 -04:00

120 lines
4.0 KiB
HTML

<!--Top Bar -->
<div class="fixed">
<nav class="top-bar" data-topbar ng-controller="NavCtrl">
<ul class="title-area">
<!-- Title Area -->
<li class="name">
<a href="/"><h1 class="logo"></h1></a>
</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="http://v1.atlanticbiomedical.com/">About Us</a>
</li>
<li class="divider"></li>
<li>
<a href="http://v1.atlanticbiomedical.com/sales.php">Sales</a>
</li>
<li class="divider"></li>
<li>
<a href="http://v1.atlanticbiomedical.com/service.php">Service</a>
</li>
<li class="divider"></li>
<li>
<a ng-click="showEmail()">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="http://site.atlb.co" target="new">Tech Login</a>
</li>
</ul>
</section>
</nav>
</div>
<!--Reveals-->
<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="/assets/staticmap.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">&#215;</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>
<script>
$(document).foundation();
</script>
</div>