-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
218 lines (192 loc) · 12.3 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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!DOCTYPE html>
<html lang="esdxxxx">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Techies Senior 2.0 Web</title>
<!-- <link rel="stylesheet" href="styles/reset.css"> -->
<link rel="stylesheet" href="styles/main.css">
<!-- icono del sitio -->
<link rel="icon" href="img/IconTechies_Proxi.webp">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
</head>
<body>
<!-- Navegación -->
<nav>
<a class="logoMobile" href="index.html">Techies Senior 2.0</a>
<button class="btn open"></button>
<ul class="menu margin-0">
<li><a class="anchorSite" href="#header">Inicio</a></li>
<li><a class="anchorSite" href="#novedades">Novedades</a></li>
<li><a class="anchorSite" href="#productos">Productos</a></li>
<li><a class="anchorSite" href="#acercademi">Acerca de mí</a></li>
<li><a class="anchorSite" href="#contact">Contacto</a></li>
<li id="liRedes"><a href="https://www.facebook.com/TechiesSeniorDota2" target="_blank"><img id="imgSocialNav" src="img/redesSociales/fb.png" alt="Facebook"></a></li>
<li id="liRedes"><a href="https://www.instagram.com/cesarmartel96" target="_blank"><img id="imgSocialNav" src="img/redesSociales/instagram.png" alt="instagram"></a></li>
<li id="liRedes"><a href="https://www.tiktok.com/@techiessenior2.0" target="_blank"><img id="imgSocialNav" src="img/redesSociales/tiktok.png" alt="tiktok"></a></li>
<li id="liRedes"><a href="https://twitter.com/TechiesSenior" target="_blank"><img id="imgSocialNav" src="img/redesSociales/twitter.png" alt="twitter"></a></li>
<li id="liRedes"><a href=https://www.youtube.com/TechiesSenior2" target="_blank"><img id="imgSocialNav" src="img/redesSociales/youtube.png" alt="youtube"></a></li>
</ul>
</nav>
<!-- Cabecera de pagina -->
<header id="header">
<h1 class="h1Header">Techies Senior 2.0</h1>
<p class="sinMiedo">Sin Miedo Al Exito.</p>
</header>
<!-- Contenido Principal -->
<main id="novedades">
<div class="contenedorVideoYoutube">
<h2>💣Trabajo en equipo :V💣</h2>
<div class="videoDivYoutube">
<iframe class="videoYoutube" src="https://www.facebook.com/plugins/video.php?height=314&href=https%3A%2F%2Fwww.facebook.com%2FTechiesSeniorDota2%2Fvideos%2F1259340191548946%2F&show_text=true&width=560&t=0" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe>
</div>
</div>
<div class="contenedorVideoYoutube">
<h2>💣Como Matar a Templar Assasin con techies💣</h2>
<div class="videoDivYoutube">
<iframe class="videoYoutube" src="https://www.youtube.com/embed/FhYXj5Lm7Cc" title="Techisor❤️"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
</div>
<div class="contenedorGralTikTok">
<h2>Unban prosor ＼⍩⃝／ </h2>
<div class="videoDivTikTok">
<blockquote class="tiktok-embed videoTikTok"
cite="https://www.tiktok.com/@techiessenior2.0/video/7152984038804851974"
data-video-id="7152984038804851974" style="max-width: 325px;min-width: 325px;">
<section> <a target="_blank" title="@techiessenior2.0"
href="https://www.tiktok.com/@techiessenior2.0?refer=embed">@techiessenior2.0</a>
<p>Unban prosor :,v</p> <a target="_blank" title="TechiesSenior"
href="https://www.tiktok.com/music/sonido-original-7152984060205468421?refer=embed">♬ sonido
original - TechiesSenior</a>
</section>
</blockquote>
<script async src="https://www.tiktok.com/embed.js"></script>
</div>
</div>
</main>
<!-- Productos -->
<section id="productos">
<header>
<h2>Productos Techies Senior 2.0</h2>
</header>
<article>
<p class="parrafo">¡¡¡Los mejores y mas novedesos productos de tu amigo Techies Senior!!!</p>
<h3> Productos Actuales: </h3>
<ul id="ulProductos" class="flexbox">
<li class="cardLi">
<img src="img/productos/auris1.jpg" alt="Auriculares-OpenHeart">
<p class=""><strong>Auriculares OPEN HEART!
<br>
<br>
<br>
⎝⊜ω⊜⎠ </strong></p>
</li>
<li class="cardLi">
<img src="img/productos/aurisculares2.jpg" alt="Auriculares-OpenHeart">
<p class=""><strong>Auriculares OPEN HEART!
<br>
<br>
<br>
⎝⊜ω⊜⎠
</strong></p>
</li>
<li class="cardLi">
<img src="img/productos/mochilaProducto.jpg" alt="Mochila">
<p class=""><strong> ☀️Llegaron las Mochilas Game Boy Retro para que seas la envidia de todos a donde sea que
vayas 🕹️</strong>
📌Material: PVC y Nylon
📌Tamaño: 50 cm de alto , 30 de ancho y 12 cm de profundidad
📌Se hacen envíos a todos el Perú y si eres de Lima te lo entrego personalmente 👀 Mas
información y fotos enviar mensaje a la pagina o escribir al WhatsApp🌻</p>
</li>
<li class="cardLi">
<img src="img/productos/mochila-cliente.jpg" alt="Mochila">
<p class=""><strong>💣 Gracias por la confianza mi king que lo disfrutes 👀</strong>Entrega del día de hoy
Hoy día stream a las 8 pm los espero aca en Facebook wa ha ha! 🌻</p>
</li>
</ul>
</article>
</section>
<!-- Acerca de mi -->
<section id="acercademi">
<header id="headerAcercaDeMi">
<h2>¿Quien es el techisor?</h2>
<p class="parrafo">Hola👋 ¡Muchas gracias por estar aquí! Me llamo Cesar mas conocido en el mundo
del Dota 2 como Techisor❤️. <br>Espero la pasemos bien juntos y hagamos una alegre cooperación ☀️🌻🙌
</p>
</header>
<article>
<header>
<h3>Preguntas Frecuentes</h3>
</header>
<ul class="ulAcercaDeMi">
<li class="cardLi"><strong class="titleLi">Porque ya no juegas Techies?</strong>
Desde su rework cambio mucho su esencia de héroe troll y diferente :( simplemente no es lo mismo
jugarlo pipipi
</li>
<li class="cardLi"><strong class="titleLi">Porque no te cambias de nombre si ya no juegas Techies?
</strong>
Porque independientemente de que haga siempre seré conocido como Techisor , esa es nuestra marca
personal y seguirá así por mucho tiempo 💣
</li>
<li class="cardLi"><strong class="titleLi">Que se siente pasar de tener 20k viewers a tener menos de
1k?</strong>
En su momento se sintió muy mal pero es un tema que ya quedo en el pasado, ahora solo queda aprender
de los errores y seguir adelante ❤️</li>
<li class="cardLi"><strong class="titleLi">Como manejas todo el hate que te tira la gente?</strong>
Simplemente los ignoro , la opinión de los demás no define quien soy o quien puedo ser 👍</li>
<li class="cardLi"><strong class="titleLi">Regalaste un Iphone a tu ex?</strong>
No , no regale un Iphone a mi ex con nombre de astro . Lo que paso fue que alguien random de un
grupo de dota invento ese rumor y se extendió por toda la comunidad :V</li>
<li class="cardLi"><strong class="titleLi">Porque no te cambias de Internet?</strong>Donde vivo solo hay
Movistar , Robistar ,
Choristar , etc y tener eso o no tener nada :,v</li>
</ul>
</article>
</section>
<!-- Footer -->
<footer id="footer">
<form action="" id="contact" method="get">
<h2>Dejame tu mensaje rey</h2>
<label for="contact_name">Ingrese su nombre:</label>
<input id="contact_name" name="name" type="text" placeholder="Nombre(*): Cesar Martel"
pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{3,20}$"
title="Complete el campo ingresando solamente letras entre 3 y 50 caracteres,sin ñ ,ni ç, ni tildes."
maxlength="50" required>
<div class="valid">Complete el campo ingresando solamente letras entre 3 y 50 caracteres,sin ñ ,ni ç, ni
tildes. </div>
<label for="contact_email">Ingrese su Correo:</label>
<input id="contact_email" type="email" placeholder="Correo(*): [email protected]" minlength="6"
title="Complete el campo colocando una direccion de correo de al menos 8 caracteres y que respete el formato usuario@servidor"
required>
<div class="valid">Complete el campo colocando una direccion de correo de al menos 8 caracteres y que
respete el formato "usuario@servidor"
</div>
<label for="contact_consult">Tu mensaje:</label>
<textarea name="consult" id="contact_consult" cols="30" rows="10" minlength="20" maxlength="200"
required="required"></textarea>
<div class="valid">Escriba un mensaje con un minimo de 20 caracteres</div>
<button class="btn-form">Enviar</button>
</form>
<!-- MAPA : UBICACION -->
<!-- <iframe class="cover" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15624.829789793857!2d-77.17852573189063!3d-11.750431220881996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9105d5451df56977%3A0xc8b24208cd77794!2zQW5jw7NuLCBQZXLDug!5e0!3m2!1ses!2sar!4v1665860025858!5m2!1ses!2sar" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> -->
<iframe class="cover" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7811.75778606935!2d-77.18265073876283!3d-11.773577051871325!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x91067ff9800a1833%3A0x5219941c73588e16!2sPlaya%20Hermosa!5e0!3m2!1ses!2sar!4v1665860959155!5m2!1ses!2sar" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<p class="copy">© Copyright 2022 | Todos los derechos reservados.</p>
<ul id="ulRedes">
<li><a href="https://www.facebook.com/TechiesSeniorDota2" target="_blank"><img id="imgSocial" src="img/redesSociales/fb.png" alt="Facebook"></a></li>
<li><a href="https://www.instagram.com/cesarmartel96" target="_blank"><img id="imgSocial" src="img/redesSociales/instagram.png" alt="instagram"></a></li>
<li><a href="https://www.tiktok.com/@techiessenior2.0" target="_blank"><img id="imgSocial" src="img/redesSociales/tiktok.png" alt="tiktok"></a></li>
<li><a href="https://twitter.com/TechiesSenior" target="_blank"><img id="imgSocial" src="img/redesSociales/twitter.png" alt="twitter"></a></li>
<li><a href=https://www.youtube.com/TechiesSenior2" target="_blank"><img id="imgSocial" src="img/redesSociales/youtube.png" alt="youtube"></a></li>
</ul>
</footer>
<script src="script/main.js"></script>
</body>
</html>