<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Mi Embarazo</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <!--Declare page as mobile friendly --> 
  <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0"/>
  <!-- Declare page as iDevice WebApp friendly -->
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <!-- iDevice WebApp Splash Screen, Regular Icon, iPhone, iPad, iPod Retina Icons -->
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="res/icon/ios/icon.png"> 

  <!-- Android -->
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="res/icon/ios/icon.png"> 
  <!-- iPhone 3, 3Gs -->
  <link rel="apple-touch-startup-image" href="res/screen/ios/screen-iphone-portrait.png"      media="screen and (max-device-width: 320px)" /> 
  <!-- Android -->
  <link rel="apple-touch-startup-image" href="res/screen/ios/screen-iphone-portrait.png"           media="screen and (max-device-width: 320px)" /> 
  <!-- iPhone 4 -->
  <link rel="apple-touch-startup-image" href="res/screen/ios/screen-iphone-portrait.png"    media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" /> 
  <!-- iPhone 5 -->
  <link rel="apple-touch-startup-image" sizes="640x1096" href="res/screen/ios/screen-iphone-portrait-2x.png" />

<!-- Define app icon for each platform. This is a relative path to config.xml.
        For e.g. if you place an icon.png inside res folder, you should modify the
        src in the following setting to "res/icon.png" -->
        <icon src="res/icon/ios/icon.png" />
        <icon src="res/icon/android/icon-36-ldpi.png"   gap:platform="android"    gap:qualifier="ldpi" />
        <icon src="res/icon/android/icon-48-mdpi.png"   gap:platform="android"    gap:qualifier="mdpi" />
        <icon src="res/icon/android/icon-72-hdpi.png"   gap:platform="android"    gap:qualifier="hdpi" />
        <icon src="res/icon/android/icon-96-xhdpi.png"  gap:platform="android"    gap:qualifier="xhdpi" />
        <icon src="images/icon-80.png"     gap:platform="blackberry" />
        <icon src="images/icon-80.png"     gap:platform="blackberry" gap:state="hover"/>
        <icon src="res/icon/ios/icon-57.png"            gap:platform="ios"        width="57" height="57" />
        <icon src="res/icon/ios/icon-72.png"            gap:platform="ios"        width="72" height="72" />
        <icon src="res/icon/ios/icon-57-2x.png"         gap:platform="ios"        width="114" height="114" />
        <icon src="res/icon/ios/icon-72-2x.png"         gap:platform="ios"        width="144" height="144" />
        <icon src="res/icon/windows-phone/icon-48.png"          gap:platform="webos" />
        <icon src="res/icon/windows-phone/icon-48.png"  gap:platform="winphone" />
        <icon src="res/icon/windows-phone/icon-173.png" gap:platform="winphone"   gap:role="background" />

        <!-- Define app splash screen for each platform. -->
        <gap:splash src="res/screen/android/screen-ldpi-portrait.png"       gap:platform="android" gap:qualifier="port-ldpi" />
        <gap:splash src="res/screen/android/screen-mdpi-portrait.png"       gap:platform="android" gap:qualifier="port-mdpi" />
        <gap:splash src="res/screen/android/screen-hdpi-portrait.png"       gap:platform="android" gap:qualifier="port-hdpi" />
        <gap:splash src="res/screen/android/screen-xhdpi-portrait.png"      gap:platform="android" gap:qualifier="port-xhdpi" />
        <gap:splash src="images/screen-225.png"              gap:platform="blackberry" />
        <gap:splash src="res/screen/ios/screen-iphone-portrait.png"         gap:platform="ios"     width="320" height="480" />
        <gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png"      gap:platform="ios"     width="640" height="960" />
        <gap:splash src="res/screen/ios/screen-ipad-portrait.png" gap:platform="ios"     width="640" height="1136" />
        <gap:splash src="res/screen/ios/screen-ipad-portrait.png"           gap:platform="ios"     width="768" height="1024" />
        <gap:splash src="res/screen/ios/screen-ipad-landscape.png"          gap:platform="ios"     width="1024" height="768" />
        <gap:splash src="images/screen-portrait.jpg"      gap:platform="winphone" />
        

        

        <script type="text/javascript" charset="utf-8" src="scripts/phonegap.js"></script>
        <!--<script type="text/javascript" charset="utf-8" src="scripts/cordova.js"></script>-->



    <script type="text/javascript">
        // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);
    // device APIs are available
    //
    
    function openBrowser(){
      window.open('http://www.digitalspot.com.co/chatmiembarazo/', '_blank', 'location=yes');
    }
    </script>

    <script type="text/javascript">
        // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);
    // device APIs are available
    //
    
    function openBrowser2(){
      window.open('http://www.comprandoofertas.com/miembarazo/', '_blank', 'location=yes');
    }
    </script>

    <script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>


<!-- CSS -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/font-awesome.css">
<link rel="stylesheet" href="dist/css/miembarazo.css">
<link rel="stylesheet" href="dist/css/AdminLTE.css">
<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="dist/css/swiper.min.css">

<!-- End CSS -->

</head>
</style>
<body class="hold-transition skin-blue sidebar-mini">
  <div class="wrapper fonwraper">
    <header class="main-header" style="z-index:9999; ">
      <nav class="navbar navbar-static-top" role="navigation">
        <a href="index.html"><img class="logg" src="dist/img/logo-miembarazo.png" alt=""></a> 
        <div class="navbar-custom-menu">
          <ul class="nav navbar-nav" style="margin-top:10px;">
            <li>
              <a href="#" data-toggle="control-sidebar">
                <i class="fa fa-bars fa-lg"></i>
              </a>
            </li>
          </ul>
        </div>
      </nav>
    </header>

    <!-- Content -->

    <div class="content-wrapper">


      <div class="row">
           <div class="navigation-icons" style="overflow: visible !important;min-height:610px;">       
           <center><div style="margin-top:20px; margin-bottom:20px;">
                <center><div>
                      <form id="aform">
                      <select class="minimal" id="mymenu" size="1">
                      <option value="nothing" >Seleccione una galeria</option>
                      <option value="videosparto.html">Parto</option>
                      <option value="videosembarazo.html">Embarazo</option>
                      <option value="videospartohumanizado.html" selected="selected">Parto Humanizado</option>
                      <option value="videosposparto.html">Posparto</option>
                      <option value="videoslactancia.html">Lactancia</option>
                      <option value="videosejercicioembarazo.html">Ejercicios durante el embarazo</option>
                      </select>
                      </form>
                    </div></center>

                    <center><h2>Parto Humanizado</h2></center>

                    <center><div class="videobox">
                <div class="separator-fields"></div>
                  <h4 class="title-new" style="margin-left:10%; margin-right:10%;">Clases de Parto Humanizado</h4>
                  <div class="separator-fields"></div>
                    <iframe width="270" height="200" src="https://www.youtube.com/embed/mgHTxpO4I90" frameborder="0" allowfullscreen></iframe>
                  <div class="separator-fields"></div>
              </div></center>
              
              <center><div class="videobox">
                <div class="separator-fields"></div>
                  <h4 class="title-new" style="margin-left:10%; margin-right:10%;">Papel de la matrona en el parto humanizado</h4>
                  <div class="separator-fields"></div>
                    <iframe width="270" height="200" src="https://www.youtube.com/embed/-mpCXQ6PaDU" frameborder="0" allowfullscreen></iframe>
                  <div class="separator-fields"></div>
              </div></center>

              <center><div class="videobox">
                <div class="separator-fields"></div>
                  <h4 class="title-new" style="margin-left:10%; margin-right:10%;">Posparto: Volviendo a la rutina</h4>
                  <div class="separator-fields"></div>
                    <iframe width="270" height="200" src="https://www.youtube.com/embed/mgHTxpO4I90" frameborder="0" allowfullscreen></iframe>
                  <div class="separator-fields"></div>
              </div></center>

              <center><div class="videobox">
                <div class="separator-fields"></div>
                  <h4 class="title-new" style="margin-left:10%; margin-right:10%;">Impacto emocional del parto y su medicalización</h4>
                  <div class="separator-fields"></div>
                    <iframe width="270" height="200" src="https://www.youtube.com/embed/TLvAdz87cls" frameborder="0" allowfullscreen></iframe>
                  <div class="separator-fields"></div>
              </div></center>

              <div class="espacio" style="height:90px;"></div>  
             
                        
                    </div></center>
                    </div>
                    </div>

      
    </div>

    <!--End Content -->

    
  </div>

  <!--footer-->
  <footer></footer>
  <!-- Control Sidebar -->
   <aside class=" control-sidebar control-sidebar-dark " style="position:fixed;">
    <sidebar></sidebar>
  </aside>
</div>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="dist/js/app.min.js"></script>
<script type="text/javascript">

      // we're ready, include away
      $(window).ready(function(){
        

        // add footer.html into <footer>
        $.get("sidebar.html", function(fileData){
          $('sidebar').html(fileData); 
        });
        
      });
      
      </script>


      <script type="text/javascript">
      
      // we're ready, include away
      $(window).ready(function(){
        

        // add footer.html into <footer>
        $.get("footer.html", function(fileData){
          $('footer').html(fileData); 
        });
        
      });
      
      </script>

      <script type="text/javascript">
      
      // we're ready, include away
      $(window).ready(function(){
        

        // add footer.html into <footer>
        $.get("perfil.html", function(fileData){
          $('.perfil').html(fileData); 
        });
        
      });
      
      </script>

      <script type="text/javascript">

var selectmenu=document.getElementById("mymenu")
selectmenu.onchange=function(){ //run some code when "onchange" event fires
 var chosenoption=this.options[this.selectedIndex] //this refers to "selectmenu"
 if (chosenoption.value!="nothing"){
  window.open(chosenoption.value, "_self", "") //open target site (based on option's value attr) in new window
 }
}

</script>

      <script type="text/javascript" src="scripts/framework.js"></script>

    </body>
    </html>



    
    
    
