-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgaleria.html
116 lines (103 loc) · 5.65 KB
/
galeria.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Galería | Monos de calenda Bernal</title>
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0">
<link rel="stylesheet" href="css/estilos.css">
<link rel="stylesheet" href="css/font.css">
<link rel="icon" type="image/jpg" href="img/tomasin.jpeg">
<link rel="stylesheet" href="css/galeria.css">
</head>
<body>
<div class="modal" id="modal">
<div class="modal__contec">
<img src="" alt="" class="modal__img" id="modal__img">
</div>
<div class="modal__boton" id="modal__boton">X</div>
</div>
<header class="main-header">
<div class="container container--flex">
<div class="logo-container column column--50">
<h1 class="logo">Monos de calenda Bernal</h1>
</div>
<div class="main-header__contactInfo column column--50">
<p class="main-header__contactInfo__phone">
<span class="icon-phone"> 951-557-26-97</span>
</p>
<p class="main-header__contacInfo__address">
<span class="icon-location">Leona Vicario #4 San Jacinto Amilpas, Oaxaca, Oax.</span>
</p>
</div>
</div>
</header>
<nav class="main-nav">
<div class="container container--flex">
<span class="icon-menu" id="btnmenu"></span>
<ul class="menu" id="menu">
<li class="menu__item"><a href="index.html" class="menu__link ">INICIO</a></li>
<li class="menu__item"><a href="nosotros.html" class="menu__link ">NOSOTROS</a></li>
<li class="menu__item"><a href="paquet.html" class="menu__link ">PAQUETES</a> </li>
<li class="menu__item submenu"><a href="" class="menu__link menu__link--select">GALERIA</a></li>
<li class="menu__item"><a href="contacto.html" class="menu__link">CONTACTO</a></li>
</ul>
<div class="social-icon">
<a href="" class="social-icon__link"><span class="icon-facebook"></span></a>
<a href="" class="social-icon__link"><span class="icon-instagram"></span></a>
<a href="" class="social-icon__link"><span class="icon-mail"></span></a>
</div>
</div>
</nav>
<section class="banner">
<img src="img/d.jpg" alt="" class="banner__img">
<div class="banner__content">Lo mejor de nosotros a tu servicio </div>
</section>
<main class="main">
<div class="group gallery">
<h2 class="group__title">Nuestra Galeria</h2>
<div class="container container--flex">
<div class="column--50-25">
<img src="img/galeria/1.jpeg" alt="" class="galerry__img galerry__img--big">
<img src="img/galeria/2.jpeg" alt="" class="galerry__img galerry__img--small">
</div>
<div class="column--50-25">
<img src="img/galeria/3.jpeg" alt="" class="galerry__img galerry__img--small">
<img src="img/galeria/boda.jpg" alt="" class="galerry__img galerry__img--big">
</div>
<div class="column--50-25">
<img src="img/galeria/5.jpg" alt="" class="galerry__img galerry__img--big">
<img src="img/galeria/6.jpeg" alt="" class="galerry__img galerry__img--small">
</div>
<div class="column--50-25">
<img src="img/galeria/7.png" alt="" class="galerry__img galerry__img--small">
<img src="img/galeria/8.jpg" alt="" class="galerry__img galerry__img--big">
</div>
</div>
</div>
</main>
<footer class="main-footer">
<div class="container container--flex">
<div class="column column--33">
<h2 class="column__title">¿Por qué vicitarnos?</h2>
<p class="column__txt">Somos una empresa 100% oaxaqueña y familiar dedicada a la organización de calendas oaxaqueñas dentro y fuera del estado de Oaxaca, que hará de tu día, uno de los mejores e inolvidables. <br>
Las Calendas Oaxaqueñas son un detalle que no puede faltar en todo evento típico de nuestro estado. <br>
Somos una empresa que le gusta preservar la herencia cultural que ofrece nuestro estado de Oaxaca.</p>
</div>
<div class="column column--33">
<h2 class="column__title">Contactanos</h2>
<p class="column__txt" >Leona Vicario #4 San Jacinto Amilpas, Oaxaca, Oax.</p>
<p class="column__txt">Telefono: 951-557-26-97</p>
<p class="column__txt">E-mail: calendasnuyoo@gmail.com</p>
</div>
<div class="column column--33">
<h2 class="column__title">Siguenos en nuestras redes Sociales</h2>
<p class="column__txt"><a href="https://www.facebook.com/monosdecalendaBernal" class="icon-facebook">monos de calenda Bernal</a></p>
<p class="column__txt"><a href="https://www.instagram.com/monos_de_calenda_bernal/?hl=es-la" class="icon-instagram">monos_de_calenda_bernal</a></p>
</div>
<p class="copy">© 2020 Monos de calenda BERNAL | Todos los derechos reservados</p>
</div>
</footer>
<script src="js/menu.js"></script>
<script src="js/modal.js"></script>
</body>
</html>