<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie ie6" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />  -->

        <title>medTransGo - Coming Soon</title>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1"/>

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" type="text/css" href="/res/fonts/font.css"/>
        <link rel="stylesheet" type="text/css" href="/res/style/plugins.css"/>
        <link rel="stylesheet" type="text/css" href="/res/style/style.css"/>	

        <script type="text/javascript" src="/res/js/jquery.js"></script>
        <script type="text/javascript" src="/res/js/plugins.js"></script>
        <script type="text/javascript" src="/res/js/script.js"></script>
        <script type="text/javascript" src="/res/js/custom.js"></script>

        <!--[if lt IE 9]>
            <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

    </head>
    <body id="container">

        <!-- BEGIN HEADER SECTION -->
        <header class="header">
                <!-- h1 id="logo" class="align-left"><a href="/"><span>MedTransGo</span></a></h1 -->
            <div id="subscriber">
                <a href="#newsletter" class="popup-trigger">subscribe</a>
                <div id="newsletter" class="popup-form">
                    <a class="close-popup" href="#">×</a>
                    <form id="newsletter-form" action="subscribe.php">
                        <div class="field-wrapper">
                            <input type="email" class="textfield" name="email" placeholder="Email address" required />
                            <input type="hidden" name="submit" value="1" />
                            <button type="submit" class="btn">Subscribe</button>
                        </div>
                        <div class="message"></div>
                    </form>
                </div>
            </div>
        </header><!-- END HEADER SECTION -->

        <!-- BEGIN MENU SECTION -->
        <nav class="nav">
            <div class="nav-wrap">
                <ul class="menu">
                    <li><a href="#about">About</a></li>
                    <li><a href="#contact-us">Contact Us</a></li>
                </ul>
                <a class="nav-trigger" href="#"></a>
            </div>
        </nav><!-- END MENU SECTION -->

        <!-- BEGIN MAIN PAGE SECTION -->
        <section id="main-page" class="page">
            <div class="wrap">
                <h2 class="main-tagline">SOON</h2>
                <div id="countdown"></div>
            </div>
        </section><!-- END MAIN PAGE SECTION -->

        <!-- BEGIN ABOUT PAGE SECTION -->
        <section id="about" class="page">
            <a class="close-this" href="#">×</a>
            <div class="page-container">
                <div class="wrap">
                    <article>
                        <h2 class="section-title">About Us</h2>
                        <h5>-- Nam id sapien molestie, iaculis massa sit amet, iaculis nunc --</h5>
                        <p>Phasellus quis nulla at orci bibendum tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare mi et enim consequat facilisis. Nam id sapien molestie, iaculis massa sit amet, iaculis nunc. Morbi id lacinia dui, quis condimentum velit.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare mi et enim consequat facilisis. Nam id sapien molestie, iaculis massa sit amet, iaculis nunc. Morbi id lacinia dui, quis condimentum velit.</p>
                        <ul class="gear">
                            <li>Consectetur adipiscing elit. Nunc ornare mi et enim</li>
                            <li>Nunc ornare mi et enim consequat facilisis</li>
                            <li>Nam id sapien molestie, iaculis massa sit amet, iaculis nunc</li>
                        </ul>
                    </article>
                    <aside>
                        <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare mi et enim consequat facilisis. Nam id sapien molestie, iaculis massa sit amet, iaculis nunc.</blockquote>
                    </aside>
                </div>
            </div>
        </section><!-- END ABOUT PAGE SECTION -->

        <!-- BEGIN CONTACT PAGE SECTION -->
        <section id="contact-us" class="page">
            <a class="close-this" href="#">×</a>
            <div class="page-container">
                <div class="wrap">
                    <article>
                        <h2 class="section-title">Contact Us</h2>
                        <p>Please feel free to contact us on:<br/>
                            <i class="home"></i> Jl. Sunset Road Near Carefour No. 3 Kuta Utara<br/>
                            <i class="phone"></i> +62 8190 1234 567<br/>
                            <i class="file"></i> +62 8190 1234 567<br/>
                            <i class="mail"></i> <a href="mailto:example@domain.com">support@medtransgo.net</a></p>
                        <form id="contact-form" action="contact.php">
                            <div class="field-wrapper">
                                <input type="text" class="textfield" name="name" placeholder="Your Name" required /><br/>
                                <input type="email" class="textfield" name="email" placeholder="Your Email address" required /><br/>
                                <textarea class="textarea" name="message" placeholder="Message" row="5" required ></textarea><br/>
                                <input type="hidden" name="submit" value="1" />
                            </div>
                            <button type="submit" class="btn">Submit</button>
                            <div class="message"></div>
                        </form>
                    </article>
                    <aside>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7887.816066791351!2d115.17451781744388!3d-8.700283457626265!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd246cbb03c6125%3A0xb16c7dc5d9237394!2sJalan+Sunset+Road%2C+Badung%2C+Bali%2C+Indonesia!5e0!3m2!1sen!2s!4v1386527019253" width="800" height="600" frameborder="0" style="border:0"></iframe>
                    </aside>
                </div>
            </div>
        </section><!-- END CONTACT PAGE SECTION -->

        <!-- BEGIN FOOTER SECTION -->
        <footer>
            <ul class="social-links">
                <li><a class="icon facebook" href="#" target="_blank"></a></li>
                <li><a class="icon twitter" href="#" target="_blank"></a></li>
                <li><a class="icon dribbble" href="#" target="_blank"></a></li>
                <li><a class="icon pinterest" href="#" target="_blank"></a></li>
                <li><a class="icon youtube" href="#" target="_blank"></a></li>
                <li><a class="icon vimeo" href="#" target="_blank"></a></li>
            </ul>
        </footer><!-- END FOOTER SECTION -->

        <!-- BEGIN BACKGROUND -->
        <div id="background">
            <img src="/res/images/medical1.jpg" width="1371" height="818" />
            <img src="/res/images/medical2.jpg" width="1371" height="818" />
        </div><!-- END BACKGROUND -->

    </body>
</html>