-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbuilding.html
109 lines (107 loc) · 5.91 KB
/
building.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="=width=device-width, initial-scale=1.0, user-scalable=no"/>
<meta name="keywords" content="Firma de arquitectura y diseño">
<meta name="author" content="r|g|f arquitectura">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="google-site-verification" content="A6P_0k3LcuxPVJTOgfXkEak50mU6IM6YlgM9pwtd9NI" />
<title id="windowtittle">r | g | f - arquitectura</title>
<link rel="stylesheet" type="text/css" href="styles/styles.css">
<link rel="stylesheet" type="text/css" href="styles/threeimgproj.css">
<link rel="stylesheet" href="https://use.typekit.net/oov2wcw.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="favicon.png">
<link rel="stylesheet" type="text/css" href="styles/lightbox.min.css">
<script type="text/javascript" src="js/lightbox-plus-jquery.min.js"></script>
</head>
<body>
<div class="contenedor">
<header class="header">
<div class="containerlogophone">
<a href="/"><img id="logophone" alt="logo3" src="img/smalllogo2.png"></a>
</div>
<ul class="nav-links">
<li class="itemphone"><a href="/" id="homeenglishphone">inicio</a></li>
<li class="itemphone"><a href="sobremi.html" id="aboutenglishphone">sobre mí</a></li>
<li class="itemphone"><a href="proyectos.html" id="projectenglishphone">proyectos</a></li>
<li class="itemphone"><a href="https://imagouy.com" id="imagoenglishphone" target="_blank">imago</a></li>
<li class="itemphone"><a href="contactame.html" id="contactenglishphone">contáctame</a></li>
<li class="itemphone"><a href="#eng" onclick="timedRefresh()">eng</a> | <a href="#es" onclick="timedRefresh()">esp</a></li>
<li class="socialphone" id="instagram"><a href="https://www.instagram.com/g.figue91/" target="_blank"><i class="fa fa-instagram" id="instagramfa"></i></a></li>
<li class="socialphone" id="linkedin"><a href="https://www.linkedin.com/in/rodrigo-figueredo/" target="_blank"><i class="fa fa-linkedin" id="instagramfa"></i></a></li>
<li class="socialphone"><a href="https://github.com/rgfigueredo91" target="_blank"><i class="fa fa-github" id="instagramfa"></i></a></li>
<li class="socialphone"><a href="https://www.facebook.com/rgfigueredo91/" target="_blank"><i class="fa fa-facebook" id="facebookfa"></i></a></li>
</ul>
<div class="burguer">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</header>
<div class="nav">
<a href="/">
<div class="logo">
<h1>r|g|f</h1>
<h5 id="tittleenglish">arquitectura</h5>
</div>
</a>
<nav class="navizq">
<ul class="navitem">
<li class="item"><a href="/" id="homeenglish">inicio</a></li>
<li class="item"><a href="sobremi.html" id="aboutenglish">sobre mí</a></li>
<li class="item"><a href="proyectos.html" id="projectenglish">proyectos</a></li>
<li class="item"><a href="https://imagouy.com" target="_blank" id="imagoenglish">imago</a></li>
<li class="item"><a href="contactame.html" id="contactenglish">contáctame</a></li>
</ul>
</nav>
<div class="social-icons">
<ul>
<li class="social-iconli" id="instagram"><a href="https://www.instagram.com/g.figue91/" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li class="social-iconli" id="linkedin"><a href="https://www.linkedin.com/in/rodrigo-figueredo/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li class="social-iconli"><a href="https://github.com/rgfigueredo91" target="_blank"><i class="fa fa-github"></i></a></li>
<li class="social-iconli"><a href="https://www.facebook.com/rgfigueredo91/" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li class="item engesp"><a href="#eng" onclick="timedRefresh()"><strong>EN</strong></a> | <a href="#es" onclick="timedRefresh()"><strong>ES</strong></a></li>
</ul>
</div>
<div class="smalllogo">
<a href="/"><img alt="logo2" src="img/smalllogo.png"></a>
</div>
</div>
<main class="main">
<div class="supercontainer">
<div class="gallery">
<div class="img1" id="imagen1">
<a href="img/building/building.jpg" data-lightbox="mygallery"><img src="img/building/building.jpg"></a>
</div>
<div class="img1" id="imagen2">
<a href="img/building/sections.jpg" data-lightbox="mygallery">
<img src="img/building/sectionssmall.jpg">
<div class="fadedbox">
<div class="title text"> Secciones </div>
</div>
</a>
</div>
<div class="img1" id="imagen3">
<a href="img/building/plans.jpg" data-lightbox="mygallery">
<img src="img/building/planssmall.jpg">
<div class="fadedbox">
<div class="title text"> Planta tipo </div>
</div>
</a>
</div>
</div>
<div class="texto-abajo">
<h4><strong>Proyecto Académico</strong> - Vivienda Colectiva - Julio 2015</h4>
<p>El proyecto se define como una pantalla de doble terraza, conceptualizando un espacio intermedio, un umbral, un pulmón articulador entre el exterior y el interior. Todas las viviendas poseen ambientes pasantes orientados este-oeste, permitiendo dar excelentes condiciones de confort a los espacios, aprovechando la ventilación cruzada en los períodos calurosos y un buen asoleamiento en el período frío.</p>
<p class="italic">“It is important to make buildings in which users find freedom” - Lacaton & Vassal</p>
</div>
<div class="blanquito"></div>
</div>
</main>
</div>
<script src="js/app.js"></script>
<script src="js/translate.js"></script>
</body>
</html>