<?php
$html_head_title = "Evelyn Molina Studio";
require("header.php");
?>

<!-- Sección 1 -->
<header class="w3-padding-200 w3-container w3-red w3-center" style="padding:16px 16px">
  
  <h1 class="w3-jumbo"><?php echo $ph["seccion1_linea1_principal"][$idioma];?></h1>
  <h2 class="w3-xxlarge"><?php echo $ph["seccion1_linea2_secundario"][$idioma];?></h2>
  <h1 class="w3-xlarge"><?php echo $ph["seccion1_linea3"][$idioma];?></h1>
  <button class="w3-button w3-black w3-padding-large w3-large w3-margin-top"><?php echo $ph["seccion1_call_to_action"][$idioma]; ?></button>
  
</header>

<!-- Sección 2 -->
<div class="w3-row-padding w3-padding-16 w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto w3-container">
    <div>
      <h1 class="w3-jumbo interlineado"><?php echo $ph["seccion2_linea1_principal"][$idioma];?></h1>
      <h2 class="w3-xxlarge interlineado"><?php echo $ph["seccion2_linea1_secundario"][$idioma];?></h2>
      <h5 class="w3-padding-32"><?php echo $ph["seccion2_linea2_secundario"][$idioma];?></h5>

      <div class="w3-half w3-section">

        <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion2_linea3"][$idioma];?></p>
        
        <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion2_linea4"][$idioma];?></p>

      </div>

      <div class="w3-half w3-section">

        <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion2_linea5"][$idioma];?></p>

        <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion2_linea6"][$idioma];?></p>
      
      </div>
    </div>
  </div>
 <?php require("formcontacto.php"); ?>
</div>


<!-- Sección 3 -->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto">
    <div>
      <h1 class="w3-jumbo interlineado"><?php echo $ph["seccion3_linea1_principal"][$idioma];?></h1>
      <h2 class="w3-xxlarge interlineado"><?php echo $ph["seccion3_linea1_secundario"][$idioma];?></h2>
      <h5 class="w3-padding-16 w3-section"><?php echo $ph["seccion3_linea2_secundario"][$idioma];?></h5>
      <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion3_linea3"][$idioma];?></p>
    </div>
  </div>
</div>

<!-- Sección 4 -->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid blue !important">
  <h1 class="w3-margin w3-jumbo interlineado"><?php echo $ph["seccion4_linea1_principal"][$idioma];?></h1>

  <div class="w3-auto">

    <div class="w3-section contenedor">
      <div class="w3-section hide-smaller">
        <p class=""><img src="images/img2.png"></img></p>
      </div>
      <div class="w3-half w3-section">
        <h2 class="subseccion"><?php echo $ph["seccion4_subtitulo1"][$idioma];?></h2>
        <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion4_parrafo1"][$idioma];?></p>
        <div class="w3-section hide-medlar centrado-img">
          <p class="adorno"><img class="centrarimg" src="images/img2.png"></img></p>
        </div>
        <div class="centrado"><button class="button w3-button w3-black w3-padding-large w3-large w3-margin-top"><?php echo $ph["seccion4_call_to_action1"][$idioma];?></button></div>
      </div>
    </div>
    
    <div class="w3-section contenedor menuder">
      <div class="w3-half w3-section">
        <h2 class="subseccion"><?php echo $ph["seccion4_subtitulo2"][$idioma];?></h2>
        <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion4_parrafo2"][$idioma];?></p>
        <div class="w3-section hide-medlar centrado-img">
          <p class="adorno"><img class="centrarimg" src="images/img2.png"></img></p>
        </div>
        <div class="centrado"><button class="button w3-button w3-black w3-padding-large w3-large w3-margin-top"><?php echo $ph["seccion4_call_to_action2"][$idioma];?></button></div>
      </div>
      <div class="w3-section hide-smaller">
        <p class="adorno"><img src="images/img2.png"></img></p>
      </div>
    </div>

    <div class="w3-section contenedor">
      <div class="w3-section hide-smaller">
        <p class=""><img src="images/img2.png"></img></p>
      </div>
      <div class="w3-half w3-section">
      <h2 class="subseccion"><?php echo $ph["seccion4_subtitulo3"][$idioma];?></h2>
      <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion4_parrafo3"][$idioma];?></p>
      <div class="w3-section hide-medlar centrado-img">
          <p class="adorno"><img class="centrarimg" src="images/img2.png"></img></p>
      </div>
      <div class="centrado"><button class="button w3-button w3-black w3-padding-large w3-large w3-margin-top"><?php echo $ph["seccion4_call_to_action3"][$idioma];?></button></div>
    </div>

  </div>
</div>
</div>
<!--Sección Nueva: Galería -->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto">
    <h1><?php echo $ph["galeria_titulo"][$idioma];?></h1>
    <div class="testimonial-slider" id="slider1">
   

      <div class="testimonial-slide">
        <a href="producto1.php">
         <img class="imgproducto" src="images/product.png">
         <h3><?php echo $ph["galeria_producto1"][$idioma];?></h3>
       </a>
     </div> 

      <div class="testimonial-slide">
      <a href="producto2.php">
        <img class="imgproducto" src="images/product.png">
        <h3><?php echo $ph["galeria_producto2"][$idioma];?></h3>
      </a>
      </div>

     <div class="testimonial-slide">
      <a href="producto3.php">
       <img class="imgproducto" src="images/product.png">
        <h3><?php echo $ph["galeria_producto3"][$idioma];?></h3>
      </a>
      </div>

     <div class="testimonial-slide">
      <a href="producto4.php">
        <img class="imgproducto" src="images/product.png">
        <h3><?php echo $ph["galeria_producto4"][$idioma];?></h3>
      </a>
     </div>

     <div class="testimonial-slide">
      <a href="producto5.php">
       <img class="imgproducto" src="images/product.png">
       <h3><?php echo $ph["galeria_producto5"][$idioma];?></h3>
      </a>
     </div>

     <div class="testimonial-slide">
      <a href="producto6.php">
        <img class="imgproducto" src="images/product.png">
       <h3><?php echo $ph["galeria_producto6"][$idioma];?></h3>
      </a>
     </div>

     <div class="testimonial-slide">
      <a href="producto7.php">
       <img class="imgproducto" src="images/product.png">
       <h3><?php echo $ph["galeria_producto7"][$idioma];?></h3>
      </a>
     </div>

     <div class="testimonial-slide">
      <a href="producto8.php">
        <img class="imgproducto" src="images/product.png">
       <h3><?php echo $ph["galeria_producto8"][$idioma];?></h3>
      </a>
     </div>

     <div class="testimonial-slide">
     <a href="producto9.php">
       <img class="imgproducto" src="images/product.png">
       <h3><?php echo $ph["galeria_producto9"][$idioma];?></h3>
     </a>
     </div>

     <div class="dots">
      <span class="dot" onclick="sliders[0].currentSlide(1)"></span>
      <span class="dot" onclick="sliders[0].currentSlide(2)"></span>
      <span class="dot" onclick="sliders[0].currentSlide(3)"></span>
      <span class="dot" onclick="sliders[0].currentSlide(4)"></span>
      <span class="dot" onclick="sliders[0].currentSlide(5)"></span>
      <span class="dot" onclick="sliders[0].currentSlide(6)"></span>
      <span class="dot" onclick="sliders[0].currentSlide(7)"></span>
      <span class="dot" onclick="sliders[0].currentSlide(8)"></span>
      <span class="dot" onclick="sliders[0].currentSlide(9)"></span>
     </div>

   </div>
  </div>
</div> -->

<!-- Sección 5 -->
<div class="w3-row-padding w3-padding-16 w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto">
    <h1 class="w3-margin w3-jumbo interlineado"><?php echo $ph["seccion5_titulo"][$idioma];?></h1>
    <div>
      <div class="colizquierda w3-section contenedor2 centrado-small">
        <h2 class="w3-cursive interlineado-small-parrafo"><?php echo $ph["seccion5_linea1"][$idioma];?></h2>
        <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion5_parrafo1"][$idioma];?></p>
        <div class="w3-hide-medium w3-hide-large">
        <img src="images/img3.png" class="adorno"></img>
        <p class="w3-hide-medium w3-hide-large"><?php echo $ph["seccion5_parrafo2"][$idioma];?></p>
      </div>
        <div class="centrado"><button class="button w3-button w3-black w3-padding-large w3-large w3-margin-top"><?php echo $ph["sección5_call_to_action"][$idioma];?></button></div>
      </div>
      <div class="derecha">
        <img src="images/img3.png" class="adorno w3-hide-small"></img>
        <p class="w3-hide-small"><?php echo $ph["seccion5_parrafo2"][$idioma];?></p>
      </div>
    </div>
  </div>  
</div>

<!-- Sección 6 TESTIMONIALS-->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto">
      <h1 class="w3-margin w3-xxlarge w3-jumbo"><?php echo $ph["seccion6_titulo"][$idioma];?></h1>

      <div class="testimonial-slider" id="slider2">
		<?php 
			for($j=1; $j<=4; $j++) {
				require("componentes/testimonial-slide.php");
			}
		?>  

       
        <div class="dots">
          <span class="dot" onclick="sliders[1].currentSlide(1)"></span>
          <span class="dot" onclick="sliders[1].currentSlide(2)"></span>
          <span class="dot" onclick="sliders[1].currentSlide(3)"></span>
          <span class="dot" onclick="sliders[1].currentSlide(4)"></span>
        </div>
    </div>
  </div>
</div>

<!-- Sección 7 -->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto">
    <div>
      <h1><?php echo $ph["sección7_titulo"][$idioma];?></h1>
      
      <!-- Espacio en blanco para colocar allí el contenido correspondiente-->

    </div>
  </div>
</div>

<!-- Sección 8 Creativity section -->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto">
    <h1><?php echo $ph["seccion8_titulo"][$idioma];?></h1>
    
    <div class="testimonial-slider" id="slider3">

<?php 
$j=1;
for($j=1; $j<=9; $j++) {
  require("componentes/testimonial-slide.php");
}
?>    
      


     <div class="dots">
      <span class="dot" onclick="sliders[2].currentSlide(1)"></span>
      <span class="dot" onclick="sliders[2].currentSlide(2)"></span>
      <span class="dot" onclick="sliders[2].currentSlide(3)"></span>
      <span class="dot" onclick="sliders[2].currentSlide(4)"></span>
      <span class="dot" onclick="sliders[2].currentSlide(5)"></span>
      <span class="dot" onclick="sliders[2].currentSlide(6)"></span>
      <span class="dot" onclick="sliders[2].currentSlide(7)"></span>
      <span class="dot" onclick="sliders[2].currentSlide(8)"></span>
      <span class="dot" onclick="sliders[2].currentSlide(9)"></span>
     </div>

   </div>
  </div>
</div>
<?php require("footer.php");?>