-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
150 lines (136 loc) · 4.23 KB
/
blog.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
<!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/blog.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="bg-gray">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="text-center mg-5 latoheavy">BLOG</h2>
</div>
<div class="col-4 styleimg blog1">
</div>
<div class="col-8 bgblog mb-5">
<h3 class="pt-5 pl-5 lh latoheavy">TÍTULO DEL ARTÍCULO</h3>
<p class="text-gray pl-5 lh">
Fecha
</p>
<p class="pl-5 pr-5">
Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.
</p>
<p class="pl-5 pr-5 pb-5">
Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.
</p>
<button class="text-white">
Ver más
</button>
</div>
<div class="col-4 styleimg blog2">
</div>
<div class="col-8 bgblog mb-5">
<h3 class="pt-5 pl-5 lh latoheavy">TÍTULO DEL ARTÍCULO</h3>
<p class="text-gray pl-5 lh">
Fecha
</p>
<p class="pl-5 pr-5">
Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.
</p>
<p class="pl-5 pr-5 pb-5">
Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.
</p>
<button class="text-white">
Ver más
</button>
</div>
<div class="col-4 styleimg blog3">
</div>
<div class="col-8 bgblog mb-5">
<h3 class="pt-5 pl-5 lh latoheavy">TÍTULO DEL ARTÍCULO</h3>
<p class="text-gray pl-5 lh">
Fecha
</p>
<p class="pl-5 pr-5">
Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.
</p>
<p class="pl-5 pr-5 pb-5">
Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.Descripción del curso en dos líneas como máximo.
</p>
<button class="text-white">
Ver más
</button>
</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>