<!doctype html>
<html lang="en">

<head>
  <link rel="icon" type="image/png" href="image/klinik satuy parah.png">
  <meta charset="utf-8">
  <title>| Web Poliklinik ZaZaKa |</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="" />
  <meta name="author" content="" />
  <!-- styles -->
  <link href="assets/css/bootstrap.css" rel="stylesheet" />
  <link href="assets/css/bootstrap-responsive.css" rel="stylesheet" />
  <link href="assets/css/prettyPhoto.css" rel="stylesheet" />
  <link href="assets/css/animate.css" rel="stylesheet" />
  <link href="https://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic|Roboto+Condensed:400,300,700" rel="stylesheet" />

  <link href="assets/css/style.css" rel="stylesheet" />
  <link href="assets/color/default.css" rel="stylesheet" />

  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png" />
  <link rel="shortcut icon" href="ico/favicon.ico" />

  <!-- =======================================================
    Theme Name: Vesperr
    Theme URL: https://bootstrapmade.com/vesperr-free-bootstrap-template/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
  ======================================================= -->
</head>

<body>
  <header>
    <!-- start top -->
    <div id="topnav" class="navbar navbar-fixed-top default">
      <div class="navbar-inner">
        <div class="container">
          <div class="logo">
             <ul class="nav pull-left">
                <li class="current"><a href="inc/login.php">POLIKLINIK</a></li>
                  <ul class="nav pull-right">
          </div>
          <div class="navigation">
            <nav>
              <ul class="nav pull-right">
                <li class="current"><a href="#intro"> Home </a></li>
                <li><a href="#about"> About </a></li>
                <li><a href="#contact"> Contact </a></li>
                 <li class="dropdown">
                  <a href="inc/login.php"> Login or Exit <i class="icon-angle-down"></i></a>
                  <ul class="dropdown-menu">
                    <li><a href="inc/login.php" class="external">Login</a></li>
                    <li><a href="../index.html" class="external">Exit</a></li>
                    <li><a href="#" class="external">NULL</a></li>
                    <li><a href="#" class="external">NULL</a></li>
                  </ul>                  
                </li>
              </ul>
            </nav>
          </div>
          <!--/.nav-collapse -->
        </div>
      </div>
    </div>
    <!-- end top -->
  </header>
  <!-- section intro -->
  <section id="intro">
    <div class="slogan">
      <div class="icon">
        <i class="icon-beaker icon-10x"></i>
      </div>
      <h1>Welcome to <span>WEB Poliklinik</span> Zamzam Kamal</h1>
      <h2>Student | Gammer</h2>
<BR>

 

    </div>
  </section>


  <!-- end intro -->
  <!-- Section about -->
  <section id="about" class="section">
    <div class="container">
      <div class="row">
        <div class="span12">
          <div class="heading">
            <h3><span>About us</span></h3>
          </div>
          <div class="sub-heading">
            <p>
             
            </p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="span3">
          <img src="assets/img/dummies/doc2.jpg" alt="" class="img-polaroid" />
          <div class="roles">
            <h5><strong>Mrs.Miselia</strong></h5>
            <p>
              Docter Bedah
            </p>
            <ul class="social-profile">
              <li><a href="#"><i class="icon-facebook icon-32 icon-circled"></i></a></li>
              <li><a href="#"><i class="icon-twitter icon-32 icon-circled"></i></a></li>
              <li><a href="#"><i class="icon-linkedin icon-32 icon-circled"></i></a></li>
            </ul>
          </div>
        </div>
        <div class="span3">
          <img src="assets/img/dummies/doc3.jpg" alt="" class="img-polaroid" />
          <div class="roles">
            <h5><strong>Mr.Tom</strong></h5>
            <p>
              Docter Kulit
            </p>
            <ul class="social-profile">
              <li><a href="#"><i class="icon-facebook icon-32 icon-circled"></i></a></li>
              <li><a href="#"><i class="icon-twitter icon-32 icon-circled"></i></a></li>
              <li><a href="#"><i class="icon-linkedin icon-32 icon-circled"></i></a></li>
            </ul>
          </div>
        </div>
        <div class="span3">
          <img src="assets/img/dummies/doc6.jpg" alt="" class="img-polaroid" />
          <div class="roles">
            <h5><strong>Mrs.Lina</strong></h5>
            <p>
              Docter Gigi
            </p>
            <ul class="social-profile">
              <li><a href="#"><i class="icon-facebook icon-32 icon-circled"></i></a></li>
              <li><a href="#"><i class="icon-twitter icon-32 icon-circled"></i></a></li>
              <li><a href="#"><i class="icon-linkedin icon-32 icon-circled"></i></a></li>
            </ul>
          </div>
        </div>
        <div class="span3">
          <img src="assets/img/dummies/doc7.jpg" alt="" class="img-polaroid" />
          <div class="roles">
            <h5><strong>Mr.Thiyang yo</strong></h5>
            <p>
              Docter Mata
            </p>
            <ul class="social-profile">
              <li><a href="#"><i class="icon-facebook icon-32 icon-circled"></i></a></li>
              <li><a href="#"><i class="icon-twitter icon-32 icon-circled"></i></a></li>
              <li><a href="#"><i class="icon-linkedin icon-32 icon-circled"></i></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- end section about -->
  
  <!-- section contact -->
  <section id="contact" class="section">
    <div class="container">
      <div class="row">
        <div class="span12">
          <div class="heading">
            <h3><span>Get in touch</span></h3>
          </div>
          <div class="sub-heading">
            <p>
             
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="container">

      <div class="row">
        <div class="span6">
          <h4><i class="icon-envelope"></i><strong>Contact form</strong></h4>
          <p>
            Want to work with us or just want to say hello? Don't hesitate to get in touch!
          </p>
          <!-- start contact form -->
          <form action="" method="post" role="form" class="contactForm">
            <div id="sendmessage">Your message has been sent. Thank you!</div>
            <div id="errormessage"></div>

            <ul class="contact-list">
              <li class="form-group">
                <label>Name <span>*</span></label>
                <input type="text" name="name" class="form_input" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
                <div class="validation"></div>
                <li class="form-group">
                  <label>Email <span>*</span></label>
                  <input type="email" class="form_input" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
                  <div class="validation"></div>
                </li>
                <li class="form-group">
                  <label>Subject <span>*</span></label>
                  <input type="text" class="form_input" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
                  <div class="validation"></div>
                </li>

                <li class="form-group">
                  <label>Your message <span>*</span></label>
                  <textarea class="form_textarea" name="message" rows="12" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
                  <div class="validation"></div>
                </li>
                <li class="last">
                  <button class="btn btn-large btn-theme" type="submit" id="send">Send a message</button>
                </li>
            </ul>
          </form>

          <!-- end contact form -->
        </div>
        <div class="span6">
          <h4><i class="icon-suitcase"></i><strong>Our office</strong></h4>
          <p>
            Feel free to ask if you have any question regarding our services or if you just want to say Hello, we would love to hear from you.
          </p>
          <div class="dotted_line">
          </div>
          <p>
            <strong>Zazaka Labs Inc</strong>
          </p>
          <p>
           Terusan JL.Jakarta Bandung, Indonesia 242424
          </p>
          <p>
            <span><i class="icon-phone"></i><strong>Phone:</strong> +62 816-4681-1924</span>
          </p>
          <p>
            <span><i class="icon-comment"></i><strong>Skype:</strong> zazaka.contact</span>
          </p>
          <p>
            <span><i class="icon-envelope-alt"></i><strong>Email:</strong> zamzamkamal31@gmail.com</span>
          </p>
          <div class="dotted_line">
          </div>
          <h4><i class="icon-group"></i><strong>Connect to our social profiles</strong></h4>
          <div class="social-links">
            <ul class="social-links">
              <li><a href="#" title="Twitter"><i class="icon-square icon-32 icon-twitter"></i></a></li>
              <li><a href="#" title="Facebook"><i class="icon-square icon-32 icon-facebook"></i></a></li>
              <li><a href="#" title="Google plus"><i class="icon-square icon-32 icon-google-plus"></i></a></li>
              <li><a href="#" title="Linkedin"><i class="icon-square icon-32 icon-linkedin"></i></a></li>
              <li><a href="#" title="Pinterest"><i class="icon-square icon-32 icon-pinterest"></i></a></li>
            </ul>
          </div>
          <div>
              <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d22864.11283411948!2d-73.96468908098944!3d40.630720240038435!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbg!4v1540447494452" width="100%" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- end section contact -->

  <footer>
    <div class="verybottom">
      <div class="container">
        <div class="row">
          <div class="span12">
            <div class="aligncenter">
                <!--
                  All the links in the footer should remain intact.
                  You can delete the links only if you purchased the pro version.
                  Licensing information: https://bootstrapmade.com/license/
                  Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Vesperr
                -->
<span><b>Copyright © <a href="http://instagram.com/zamzam_kamal">Zamzam Kamal</a> 2019</b></span><br>               </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <a href="#" class="scrollup"><i class="icon-chevron-up icon-square icon-48 active"></i></a>

  <!-- Javascript Library Files -->
  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/jquery.easing.js"></script>
  <script src="assets/js/bootstrap.js"></script>
  <script src="assets/js/parallax/jquery.parallax-1.1.3.js"></script>
  <script src="assets/js/nagging-menu.js"></script>
  <script src="assets/js/jquery.nav.js"></script>
  <script src="assets/js/prettyPhoto/jquery.prettyPhoto.js"></script>
  <script src="assets/js/portfolio/jquery.quicksand.js"></script>
  <script src="assets/js/portfolio/setting.js"></script>
  <script src="assets/js/hover/jquery-hover-effect.js"></script>
  <script src="assets/js/jquery.scrollTo.min.js"></script>
  <script src="assets/js/animate.js"></script>

  <!-- Contact Form JavaScript File -->
  <script src="contactform/contactform.js"></script>

  <!-- Template Custom Javascript File -->
  <script src="assets/js/custom.js"></script>

</body>

</html>
