<!DOCTYPE html>
<html lang="es" ng-app="estudio4d">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	
    <base href="/">
    <title>Estudio 4ºd</title>
    <link href="/css/main.css?v3" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Noto+Serif:400,700" rel="stylesheet" type="text/css"><!--[if lt IE 9]><script src='https://html5shim.googlecode.com/svn/trunk/html5.js'></script><![endif]-->

  </head>
  <body class="no-touch">
    <header>
      <h1 class="{{idioma}}"><a ui-sref="principal()"><span>Estudio Cuarto derecha 4ºd. Diseño y tecnología visual</span><span>{{ 'inicio' | translate }}</span></a></h1>
      <div id="categorias" ui-view="categorias"></div>
      <div id="menu_seq">
        <ul>
          <li><a ui-sref="principal()" ui-sref-active-eq="activo"><span>{{ 'el_estudio' | translate }}</span><span>{{ 'gogogo' | translate }}</span></a></li>
                    <li><a ui-sref="principal.quienes()" ui-sref-active="activo"><span>{{ 'quienes_somos' | translate }}</span><span>{{ 'delf_y_toni' | translate }}</span></a></li>
        </ul>
      </div>
    </header>
    <div ui-view="proyectos"></div>
    <footer>
      <div id="menu_seq">
        <ul>
          <li><a ui-sref="principal()" ui-sref-active-eq="activo"><span>{{ 'el_estudio' | translate }}</span></a></li>
                    <li><a ui-sref="principal.quienes()" ui-sref-active="activo"><span>{{ 'quienes_somos' | translate }}</span></a></li>
        </ul>
      </div>
      <div id="contact">
        <ul>
          <li><a href="https://twitter.com/cuartoderecha" target="_blank" class="twitter"><span></span><span>Twitter</span></a></li>
          <li><a href="https://facebook.com/cuartoderecha" target="_blank" class="facebook"><span></span><span>Facebook</span></a></li>
          <li><a href="https://instagram.com/cuarto_derecha" target="_blank" class="instagram"><span></span><span>Instagram</span></a></li>
          <li class="email"><span>{{ 'direccion_email' | translate }}</span></li>
        </ul>
      </div>
      <div id="legal">
        <ul class="textos">
          <li><a ng-href="{{idioma == 'fr' ? 'https://cuartoderecha.com/fr/aviso-legal':'https://cuartoderecha.com/aviso-legal'}}">{{ 'aviso_legal' | translate }}</a></li>
          <li><a ng-href="{{idioma == 'fr' ? 'https://cuartoderecha.com/fr/politica-de-cookies':'https://cuartoderecha.com/politica-de-cookies'}}">{{ 'politica_de_cookies' | translate }}</a></li>
        </ul>
        <ul class="idiomas">
          <li><a href="javascript:void(0);" ng-click="cambiaAIdioma('fr')" ng-class="idioma == 'fr' ? 'activo':''">Français</a></li>
          <li><a href="javascript:void(0);" ng-click="cambiaAIdioma('es')" ng-class="idioma == 'es' ? 'activo':''">Español</a></li>
        </ul>
      </div>
    </footer>
    <div id="loading_general">
      <div>
        <div></div><span></span>
      </div>
    </div>
    <script src="/js/vendors.min.js"></script>
    <script src="/js/main.min.js?v6"></script>
  </body>
</html>
