website/biomed-frontend/src/app/layout.html

<!--Top Bar -->
<div class="fixed">
    <nav class="top-bar" data-topbar>
        <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/">Previous site</a>
                </li>
                <li class="divider"></li>
                <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="http://site.atlb.co" target="new">Tech 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 data-abide>
            <div class="name-field">
                <label>Your name <small>required</small>
                   <input type="text" required pattern="[a-zA-Z]+">
                </label>
                <small class="error">Name is required and must be a string.</small>
            </div>
            <div class="email-field">
                <label>Email <small>required</small>
                    <input type="email" required>
                </label>
                <small class="error">An email address is required.</small>
            </div>
            <div>
                <label>Message
                    <textarea></textarea>
                </label>
            </div>
            <button type="submit">Submit</button>
        </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="/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>