-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (119 loc) · 4.79 KB
/
index.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
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>GALO | Galeria de arte Local</title>
<link rel="shortcut icon" href="img/ico.ico"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="galeria, arte, La Costa, diseño, arquitectura, fotografía">
<script src="http://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="functions.js"></script>
<link rel="stylesheet" href="sass/main.css"/>
</head>
<body>
<section>
<div class="#hamburguesa">
<a id="menu_on">
<img src="img/menu.png" href="#">
</a>
</div>
<header>
<div class="logo">
<a href="index.html"><img src="img/logo.png"></a>
</div>
<nav>
<a id="menu_off">
<img src="img/menuoff.png" style="float:left">
</a>
<ul>
<li><a href="limonsito.html" ><h3>pobre limonsito</h3></a></li>
<li><a href="reisser.html"><h3>Reiser</h3></a></li>
<li><a href="eze_.html"><h3>EZE_</h3></a></li>
<li><a href="damianrico.html"><h3>Damian Rico</h3></a></li>
<li><a href="nachocisneros.html"><h3>Nacho Cisneros</h3></a></li>
</ul>
</nav>
</header>
</section>
<main>
<div class="grid9"></div>
<div class="grid3">
<div class="grid8">
<h1><a style="color:white; text-decoration: none;"> El arte local</a> lo vale</h1>
</div>
<div class="banner6">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="img/limonsito/limonsito16.png" class="img-rounded" alt="limoncito" style="width:100%;">
</div>
<div class="item">
<img src="img/eze_/clot1.jpg" alt="reisser" style="width:100%;">
</div>
<div class="item">
<img src="img/damianrico/perfil.jpg" alt="eze_" style="width:100%;">
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previa</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Siguiente</span>
</a>
</div>
</div>
</div>
<div class="grid5">
<div class="titulo">
<h4>Marcas que eligen<br>el diseño local:</h4>
</div>
</div>
<div class="grid5" style="height: 400px; align-items: center;">
<a href="https://www.instagram.com/clotcoin" target="nueva"><img src="img/clotcoinn.png"></a>
<a href="https://www.instagram.com/clotcoin" target="nueva"><img src="img/clotcoinn.png"></a>
<a href="https://www.instagram.com/clotcoin" target="nueva"><img src="img/clotcoinn.png"></a>
<a href="https://www.instagram.com/clotcoin" target="nueva"><img src="img/clotcoinn.png"></a>
</div>
<div class="grid">
<form action="envia.php" method="post" class="form-consulta">
<a>Si sos un/a artista que reside en el Partido de La Costa, y te interesa participar
de este proyecto independiente, podes ponerte en contacto con nosostrxs para más
información de como exhibir tus trabajos.</a><br><br>
<label>Nombre y apellido: <span>*</span>
<input type="text" name="nombre" placeholder="Nombre y apellido" class="campo-form" required>
</label>
<label>Email: <span>*</span>
<input type="email" name="email" placeholder="Email" class="campo-form" required>
</label>
<label>Mensaje:
<textarea name="consulta" class="campo-form"></textarea>
</label>
<input type="submit" value="Enviar" class="btn-form" href="confirma.html">
</form>
<img src="img/contacto.png">
</div>
</main>
<footer>
<div class="bajadita"><a>Derechos de EZE_<br>Diseñado por EZE_<br>¡Soy responsive!</a>
</div>
<div class="redes">
<li><a>¡Encontrame por acá!:</a></li>
<ul style="padding-left: 0">
<li style="padding-left: 0"><a href="https://www.behance.net/EZE_" target="nueva"><img src="img/be.png" style="width:3em ;"></a></li>
<li><a href="https://www.linkedin.com/in/ezequiel-rico-2b54b4162/" target="nueva"><img src="img/linkedin.png" style="width:3em;"></a></li>
<li><a href="https://www.instagram.com/eze_.pdf/" target="nueva"><img src="img/instagram.png" style="width:3em;"></a></li>
</ul>
</div>
</footer>
</body>
</html>