-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
130 lines (109 loc) · 5.15 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/logo-color.png" type="image/x-icon">
<link rel="stylesheet" href="style.css" type="text/css">
<title>Lever Barbershop</title>
</head>
<body>
<div id="main-box">
<header>
<nav>
<ul>
<li>
<a href="#main">Acerca de</a>
</li>
<li>
<a href="#clientes">Galería</a>
</li>
<li>
<a href="#localizacion">localización</a>
</li>
<!-- <li>
<a href="#contacto">Contacto</a>
</li> -->
</ul>
</nav>
<img src="images/logo-color.png" alt="Logo del sitio web" title="Logo del sitio web" width="1500"
height="1500" id="logo">
</header>
<h1>Lever Barbershop</h1>
<main id="main">
<div class="new-box">
<div id="new-box1">
<img src="images/Me.jpg" alt="Barbero profesional" title="Barbero profesional" width="2791"
height="4187" loading="lazy" id="me">
<div id="description">
<h2>Tu barbero de confianza</h2>
<p>Soy un barbero profesional con más de 4 años de experiencia.
Me preocupo por tu image de mis clientes y pongo todo mi empeño
para que tu corte quede perfecto. Siempre con carisma, buena
atencion y sobre todo paciencia con los más pequeños.
</p>
</div>
</div>
</div>
<!-- Slideshow container -->
<section id="clientes" class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="images/before_and_after.jpg" style="width:100%">
<div class="text">Marcos:"Mi cabello quedó tal como lo quería, es genial".</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="images/before_after_1.jpg" style="width:100%">
<div class="text">Estiven:"Muy profesional y una atención excelente"</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img src="images/before_and _after2.jpg" style="width:100%">
<div class="text">Carlos:"Estoy listo para conquistar chicas con mi nuevo look"</div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</section>
<br>
<!-- The dots/circles -->
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
<div class="new-box2">
<section class="localizacion" id="localizacion">
<h2>localización y horario</h2>
<p>San Agustin del Sur, calle 60 con 5ta, casa 101-201</p>
<p>Lunes-Sabados 10:00AM-06:00PM</p>
<img src="images/out_side.jpg" alt="Puerta de vidrio de barbería"
title="Puerta de vidrio de barbería" width="4035" height="2859" id="barbershop1">
<img src="images/inside.jpg" alt="Barbería en el interior" title="Barbería interior" width="4679"
height="3118" id="barbershop2">
</section>
<section class="contacto">
<!-- <h2>Ponerse en contácto</h2>
<p>
Nombre: Javier lever <br>
Teléfono: 0412-3760276 <br>
Correo: [email protected] <br>
Facebook: <a href="https://www.example.com">Click aquí</a>
</p> -->
<a href="https://wa.me/+584123760276?text=%C2%A1Hola!%20%C2%BFTienes%20disponibilidad%20para%20un%20corte%20de%20cabello?" target="_blank" id="whatsapp-button">
<img src="images/—Pngtree—whatsapp icon_8704827.png" alt="WhatsApp Button" id="whatsapp-img">
</a>
</section>
</main>
<hr>
<footer>
<div class="footer-conten">
<<< © Javier Lever >>>
</div>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>