-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (135 loc) 路 9.66 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
153
154
155
156
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximun-scale=1.0, minimum-scale=1.0">
<title>Imay Nails 馃拝</title>
<link rel="stylesheet" href="/assets/css/styles.css">
<script src="/ProyectoEgg (1)/script.js"></script>
</head>
<body>
<!--Cabecera de p谩gina -->
<header class="cabecera">
<h2>IMAY NAILS </h2>
<nav class="navbar">
<ul class="menu">
<ul id="menuhorizontal">
<li> <a class="navli" href="index.html"> INICIO </a></li>
<li> <a class="navli" href="index.personal.html#work"> 鉁╰rabajo </a> </li>
<li> <a class="navli"href="index.personal.html#services"> 鉁╯ervicios </a> </li>
<li> <a class="navli"href="#seccion-principal"> 鉁╝cerca de mi </a> </li>
<li> <a class="navli" href="#contactame"> 鉁╟ontacto </a> </li>
</ul>
</nav>
</header>
<!--Secci贸n de sobre mi-->
<main class="cuerpo">
<div class="sobremi">
<div class="imagen_sobremi">
<h2> Acerca de </h2>
<p>Bienvenido podras apreciar todo mi trabajo en u帽as</p>
<p class="parrafo2">en esta pagina encontraras opciones para contactarme
y conocer mucho mas sobre mi trabajo</p>
<img src="assets/img/5d3fe1ba-f307-4729-9261-3f7385427f12.webp" width="1200" height="500" alt="foto de la cedula"/></div>
</div>
<!-- seccion-carrusel -->
</section>
<section id="section-carrusel">
<div class="seccion-carrusel">
<img src="assets/img/WhatsApp Image 2023-09-12 at 9.48.26 AM.jpeg" width="400" height="400" alt=" imagen carrusel"/></div>
<br>
<br>
<div class="trabajorealizado">
<div class="texto_trabajorealizado">
<img src="assets/img/WhatsApp Image 2023-09-12 at 9.48.21 AM.jpeg" width="400" height="400" alt="imagen trabajo" />
<h3> IMPLEMENTOS DE TRABAJO</h3>
<br>
<p class="parrafo-final" >
les muestro un poco
<br> del trabajo que realizado
<br> en u帽as con semipermante
<div class="button">leer mas ... </div>
</p>
</section>
<div>
</main>
<!--Secci贸n mitrabajo-->
<div class="mitrabajo">
<div class="texto_mitrabajo">
<span class="texto_2"><h1>CONOCE MAS SOBRE MI TRABAJO</h1></span>
<br>
<span class="texto_1"><h2>NO TE ARREPENTIRAS</h2></span>
</div>
<div class="imagen_mi trabajo">
<!-- <img src="assets\img\5d3fe1ba-f307-4729-9261-3f7385427f12.webp" width="200" height="200"> -->
</div>
</div>
<!--Secci贸n conocemas-->
<div class="logo_conocemas">
<img src="assets/img/u帽as1.jpg" >
</div>
<div class="conoce1">
<div class="conoce1_img">
<img src="assets\img\ideas-de-unas-decoradas_10641bbb_230416163114_990x990.webp">
</div>
<div class="conoce1_txt">
<p> estas u帽as son semipermanete con figuras
</p>
</div>
</div>
<div class="conoce2">
<div class="conoce2_img">
<img src="assets\img\istockphoto-618754142-612x612.jpg">
</div>
<div class="conoce2_txt">
son u帽as esculpidas en acrilico con base rubber
</div>
</div>
</main>
<!-- Pie de p谩gina -->
<!-- formulario -->
<footer class="form-header">
<h1>Contacto</h1>
<p><em>隆Esperamos tu consulta!</em></p>
<form action="" method="get" class="formulario"><div class="form-row">
<label for="nombre">name</label>
<input id="nombre" name="nombre" type="text" />
</div>
<div class="form-row">
<label for="email">Email</label>
<input
id="email"
name="email"
type="email"
placeholder="[email protected]"
required
/>
</div>
<div class="form-row">
<label for="mensaje">Mensaje</label>
<textarea id="mensaje" name="mensaje"></textarea>
</div>
<div class="form-row">
<button>Enviar</button>
</div>
</form>
</nav> </div>
<br>
<br>
<div class="navega">
<nav >
<ul id="contactame">
<li> <a href="https://wa.me/3157627596 "> <svg xmlns="http:https://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48">
<path fill="#fff" d="M4.9,43.3l2.7-9.8C5.9,30.6,5,27.3,5,24C5,13.5,13.5,5,24,5c5.1,0,9.8,2,13.4,5.6 C41,14.2,43,18.9,43,24c0,10.5-8.5,19-19,19c0,0,0,0,0,0h0c-3.2,0-6.3-0.8-9.1-2.3L4.9,43.3z"></path><path fill="#fff" d="M4.9,43.8c-0.1,0-0.3-0.1-0.4-0.1c-0.1-0.1-0.2-0.3-0.1-0.5L7,33.5c-1.6-2.9-2.5-6.2-2.5-9.6 C4.5,13.2,13.3,4.5,24,4.5c5.2,0,10.1,2,13.8,5.7c3.7,3.7,5.7,8.6,5.7,13.8c0,10.7-8.7,19.5-19.5,19.5c-3.2,0-6.3-0.8-9.1-2.3 L5,43.8C5,43.8,4.9,43.8,4.9,43.8z"></path><path fill="#cfd8dc" d="M24,5c5.1,0,9.8,2,13.4,5.6C41,14.2,43,18.9,43,24c0,10.5-8.5,19-19,19h0c-3.2,0-6.3-0.8-9.1-2.3 L4.9,43.3l2.7-9.8C5.9,30.6,5,27.3,5,24C5,13.5,13.5,5,24,5 M24,43L24,43L24,43 M24,43L24,43L24,43 M24,4L24,4C13,4,4,13,4,24 c0,3.4,0.8,6.7,2.5,9.6L3.9,43c-0.1,0.3,0,0.7,0.3,1c0.2,0.2,0.4,0.3,0.7,0.3c0.1,0,0.2,0,0.3,0l9.7-2.5c2.8,1.5,6,2.2,9.2,2.2 c11,0,20-9,20-20c0-5.3-2.1-10.4-5.8-14.1C34.4,6.1,29.4,4,24,4L24,4z"></path><path fill="#40c351" d="M35.2,12.8c-3-3-6.9-4.6-11.2-4.6C15.3,8.2,8.2,15.3,8.2,24c0,3,0.8,5.9,2.4,8.4L11,33l-1.6,5.8 l6-1.6l0.6,0.3c2.4,1.4,5.2,2.2,8,2.2h0c8.7,0,15.8-7.1,15.8-15.8C39.8,19.8,38.2,15.8,35.2,12.8z"></path><path fill="#fff" fill-rule="evenodd" d="M19.3,16c-0.4-0.8-0.7-0.8-1.1-0.8c-0.3,0-0.6,0-0.9,0 s-0.8,0.1-1.3,0.6c-0.4,0.5-1.7,1.6-1.7,4s1.7,4.6,1.9,4.9s3.3,5.3,8.1,7.2c4,1.6,4.8,1.3,5.7,1.2c0.9-0.1,2.8-1.1,3.2-2.3 c0.4-1.1,0.4-2.1,0.3-2.3c-0.1-0.2-0.4-0.3-0.9-0.6s-2.8-1.4-3.2-1.5c-0.4-0.2-0.8-0.2-1.1,0.2c-0.3,0.5-1.2,1.5-1.5,1.9 c-0.3,0.3-0.6,0.4-1,0.1c-0.5-0.2-2-0.7-3.8-2.4c-1.4-1.3-2.4-2.8-2.6-3.3c-0.3-0.5,0-0.7,0.2-1c0.2-0.2,0.5-0.6,0.7-0.8 c0.2-0.3,0.3-0.5,0.5-0.8c0.2-0.3,0.1-0.6,0-0.8C20.6,19.3,19.7,17,19.3,16z" clip-rule="evenodd"></path>
</svg></a></li>
<li ><a href="https://www.facebook.com/YamiileAltamar?mibextid=ZbWKwL"><svg xmlns="http:https://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48">
<path fill="#039be5" d="M24,5C13.5,5,5,13.5,5,24s8.5,19,19,19s19-8.5,19-19S34.5,5,24,5z"></path><path fill="#fff" d="M21.2,20.7V24h-4.7v5h4.7v13.7C22.1,42.9,23,43,24,43c0.9,0,1.7-0.1,2.6-0.2V29h4.9l0.8-5h-5.7v-2.7 c0-2.1,0.7-3.9,2.6-3.9h3.1V13c-0.5-0.1-1.7-0.2-3.9-0.2C23.8,12.8,21.2,15.2,21.2,20.7z"></path>
</svg></a></li>
<li> <a href="https://www.tiktok.com/@imay_alohap?_t=8fRcPSzJMZy&_r=1"><svg xmlns="http:https://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48">
<path fill="#212121" fill-rule="evenodd" d="M10.904,6h26.191C39.804,6,42,8.196,42,10.904v26.191 C42,39.804,39.804,42,37.096,42H10.904C8.196,42,6,39.804,6,37.096V10.904C6,8.196,8.196,6,10.904,6z" clip-rule="evenodd"></path><path fill="#ec407a" fill-rule="evenodd" d="M29.208,20.607c1.576,1.126,3.507,1.788,5.592,1.788v-4.011 c-0.395,0-0.788-0.041-1.174-0.123v3.157c-2.085,0-4.015-0.663-5.592-1.788v8.184c0,4.094-3.321,7.413-7.417,7.413 c-1.528,0-2.949-0.462-4.129-1.254c1.347,1.376,3.225,2.23,5.303,2.23c4.096,0,7.417-3.319,7.417-7.413V20.607L29.208,20.607z M30.657,16.561c-0.805-0.879-1.334-2.016-1.449-3.273v-0.516h-1.113C28.375,14.369,29.331,15.734,30.657,16.561L30.657,16.561z M19.079,30.832c-0.45-0.59-0.693-1.311-0.692-2.053c0-1.873,1.519-3.391,3.393-3.391c0.349,0,0.696,0.053,1.029,0.159v-4.1 c-0.389-0.053-0.781-0.076-1.174-0.068v3.191c-0.333-0.106-0.68-0.159-1.03-0.159c-1.874,0-3.393,1.518-3.393,3.391 C17.213,29.127,17.972,30.274,19.079,30.832z" clip-rule="evenodd"></path><path fill="#fff" fill-rule="evenodd" d="M28.034,19.63c1.576,1.126,3.507,1.788,5.592,1.788v-3.157 c-1.164-0.248-2.194-0.856-2.969-1.701c-1.326-0.827-2.281-2.191-2.561-3.788h-2.923V28.79c-0.007,1.867-1.523,3.379-3.393,3.379 c-1.102,0-2.081-0.525-2.701-1.338c-1.107-0.558-1.866-1.705-1.866-3.029c0-1.873,1.519-3.391,3.393-3.391 c0.359,0,0.705,0.056,1.03,0.159v-3.19c-4.024,0.083-7.26,3.369-7.26,7.411c0,2.018,0.806,3.847,2.114,5.183 c1.18,0.792,2.601,1.254,4.129,1.254c4.096,0,7.417-3.319,7.417-7.413L28.034,19.63L28.034,19.63z" clip-rule="evenodd"></path><path fill="#81d4fa" fill-rule="evenodd" d="M33.626,18.262v-0.854c-1.05,0.002-2.078-0.292-2.969-0.848 C31.445,17.423,32.483,18.018,33.626,18.262z M28.095,12.772c-0.027-0.153-0.047-0.306-0.061-0.461v-0.516h-4.036v16.019 c-0.006,1.867-1.523,3.379-3.393,3.379c-0.549,0-1.067-0.13-1.526-0.362c0.62,0.813,1.599,1.338,2.701,1.338 c1.87,0,3.386-1.512,3.393-3.379V12.772H28.095z M21.635,21.38v-0.909c-0.337-0.046-0.677-0.069-1.018-0.069 c-4.097,0-7.417,3.319-7.417,7.413c0,2.567,1.305,4.829,3.288,6.159c-1.308-1.336-2.114-3.165-2.114-5.183 C14.374,24.749,17.611,21.463,21.635,21.38z" clip-rule="evenodd"></path>
</svg></a></li>
</ul>
</footer>
</body>
</html>