-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (152 loc) · 4.32 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Escuela de Danza</title>
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Montserrat:400,700'>
<link rel="stylesheet" type="text/css" href="css/grid-system.css">
<link rel="stylesheet" type="text/css" href="css/utilities.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<header>
<div class="container">
<div class="row">
<div class="col-12">
<a class="a-none-decoration text-gray" href="index.html"><h1 class="text-center pt-5 pb-5">ESCUELA DE DANZA</h1></a>
</div>
</div>
<div class="row">
<div class="col-2">
</div>
<div class="col-8">
<nav>
<ul>
<li>
<a href="nosotros.html">Nosotros</a>
</li>
<li>
<a href="clases.html">Clases</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="#Contáctanos">Contáctanos</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<section class="cover">
<h1 class="text-white">STUDIO</h1>
<P class="text-white lh">
Juilliard Studios is the perfect place
to find your feet with over 20
unique stylesof dance and 80
teachers to choose from.
</P>
<button class="button1 text-white">
Inscríbete
</button>
</section>
<section class="bg4">
<div class="container">
<div class="row">
<div class="col-12">
<p class="pt-5 pl-10 pr-10 text-center fontsize-25 lh">
Juilliard cuenta con una amplia trayectoria y reputación, brindando una educación de excelencia a cientos de amantes de la danza.
</p>
</div>
<div class="col-5">
</div>
<div class="col-2">
<img class="w-100 imgdeco" src="img/decoration_1.png">
</div>
<div class="col-12">
<button class="text-white button2">
Oferta de Clases
</button>
</div>
</div>
</div>
</section>
<section class="bg1">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="button3 text-white text-center">
Nuestros Instructores
</div>
</div>
</div>
</div>
</section>
<section class="bg4">
<div class="container">
<div class="row">
<div class="col-12">
<p class="quote text-center">
"La danza es un poema en el que cada movimiento es una palabra."
</p>
</div>
</div>
</div>
</section>
<section class="bgblue">
<div class="container-fluid">
<div class="row">
<div class="col-6">
<p class="text-white pr25 ml mt-10">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas dolore itaque eaque obcaecati esse reprehenderit amet optio, quae quis placeat reiciendis.
</p>
<h2 class="text-white ml mt-5">Visítanos</h2>
<p class="text-white dir">
The Juilliard School
60 Lincoln Center Plaza
New York, NY 10023
Estados Unidos
</p>
</div>
<div class="col-6 mt-5 mb-5">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2540.7247480525048!2d-73.98305904448952!3d40.77416525241074!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2585ff9df2f6d%3A0xf876ccebba645bff!2sEscuela+Juilliard!5e0!3m2!1ses!2smx!4v1439304739595" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<a name="Contáctanos">
<section class="bgcontact">
<div class="container">
<div class="row">
<div class="col-6">
<h1 class="mt-10 fontsize-30 text-blue">Contáctanos</h1>
<form>
<fieldset>
<div>
<input class="icon1 iconstyle" type="text" name="Nombre" placeholder=" Nombre">
<input class="icon2 iconstyle" type="text" name="Email" placeholder=" Email" />
<textarea class="icon3" name="Mensaje" cols="50" rows="7" placeholder=" Mensaje"></textarea>
<input type="button" value="Enviar"/>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</section>
<footer class="bgblue">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<p class="text-white pd-2">
© Escuela de danza. Todos los derechos reservados.
</p>
</div>
</div>
</div>
</footer>
</body>
</html>