<!DOCTYPE html>
<html lang="en">
<head>
<?php 
session_start();
require("componentes/placeholders.php");
require("componentes/functions.php");
require("componentes/cambiaridioma.php");
$idioma = $GLOBALS["idioma"];
?>
<title><?php echo $html_head_title;?>
</title>
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/estilosgenerales.css?rand=<?php echo rand(); ?>" >
<link rel="stylesheet" href="css/w3.css?rand=<?php echo rand(); ?>" >
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
  @font-face {
    font-family: 'eb garamond 08 regular';
    src: url('fonts/EBGaramond08-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'eb garamond 08 italic';
    src: url('fonts/EBGaramond08-Italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
  }

  @font-face {
    font-family: 'eb garamond 12 regular';
    src: url('fonts/EBGaramond12-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'eb garamond 12 italic';
    src: url('fonts/EBGaramond12-Italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
  }

  @font-face {
    font-family: 'eb garamond 12 allsc';
    src: url('fonts/EBGaramond12-ALLSC.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'eb garamond initials';
    src: url('fonts/EBGaramond-Initials.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'eb garamond initials f1';
    src: url('fonts/EBGaramond-InitialsF1.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'eb garamond initials f2';
    src: url('fonts/EBGaramond-InitialsF2.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'eb garamond sc08 regular';
    src: url('fonts/EBGaramondSC08-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'eb garamond sc12 regular';
    src: url('fonts/EBGaramondSC12-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  body,h1,h2,h3,h4,h5,h6 {font-family: "eb garamond 08 italic", sans-serif}
  .w3-bar,h1{font-family: "eb garamond 08 italic"}
  .w3-bar{font-family: "Montserrat", sans-serif}
  .fa-anchor,.fa-coffee {font-size:200px}
  .button {font-family: "eb garamond sc12 regular"}
</style>

</head>
<body>
<!-- Navbar -->
<div class="w3-top">
  <div class="w3-bar w3-red w3-card w3-left-align w3-large">
    <div class="menuizq alturasmall padding-small">
    <div class="menu-toggle w3-hide-large" id="mobile-menu">
          <span class="bar"></span>
          <span class="bar"></span>
          <span class="bar"></span>
       </div>

      <div class="navbar-links w3-hide-large w3-hide-medium" id="navbar-links">
        <ul>
          <li><a href="index.php"><?php echo $ph["menusup_botoninicio"][$idioma]; ?></a></li>
          <li><a href="portfolio.php"><?php echo $ph["menusup_botonportafolio"][$idioma];?></a></li>
          <li><a href="#"><?php echo $ph["menusup_botonotros"][$idioma];?></a></li>
          <li><a href="contact.php"><?php echo $ph["menusup_botoncontacto"][$idioma];?></a></li>
        </ul>
      </div>
    </div>
    <div class="margengrandeizq">
      <a href="index.php" class="w3-bar-item w3-hide-small w3-button w3-padding-large w3-white"><?php echo $ph["menusup_botoninicio"][$idioma]; ?></a>
      <a href="portfolio.php" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-white"><?php echo $ph["menusup_botonportafolio"][$idioma];?></a>
      <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-white"><?php echo $ph["menusup_botonotros"][$idioma]; ?></a>
    </div>

    <div id="logotipo">
      <img id="logoup" src="images/favicon.png"></img>
    </div>

    <div class="menuder1 margengrandeder padding-small">
      <a href="?idioma=<?php echo $GLOBALS["idioma_alternativo"]; ?>" class="w3-bar-item w3-hide-large w3-hide-medium w3-button w3-padding-large w3-white" style=""><?php echo strtoupper($GLOBALS["idioma_alternativo"]); ?></a>
      <a href="?idioma=<?php echo $GLOBALS["idioma_alternativo"]; ?>" class="w3-bar-item w3-hide-small w3-button w3-padding-large w3-white" style=""><?php echo strtoupper($GLOBALS["idioma_alternativo"]); ?></a>
      <a href="contact.php" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-white"><?php echo $ph["menusup_botoncontacto"][$idioma];?></a>
      <img class="adorno1 w3-hide-small w3-hide-medium" src="images/img1.png"></img>
    </div>
  </div>
</div>