-
Notifications
You must be signed in to change notification settings - Fork 0
/
descarted.txt
171 lines (126 loc) · 7.47 KB
/
descarted.txt
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
<header class="font-inter bg-white tracking-widest">
<section class="flex justify-around py-3 px-2">
<article class="flex md:hidden">
<img class="w-10" src="/assets/svg/Xiaomi_logo.svg" alt="#">
</article>
<article class="hidden md:flex justify-center items-center gap-2 text-base text-black font-medium">
<img class="w-10" src="/assets/svg/Xiaomi_logo.svg" alt="#">
<a class="cursor-pointer p-2 pl-1.5 pr-1.5 transition hover:rotate-3"
rel="noopener noreferrer" href="/index.html">Xiaomi</a>
<a class="cursor-pointer p-2 pl-1.5 pr-1.5 transition hover:rotate-3"
rel="noopener noreferrer" href="/redmi-page/redmi.html">Redmi</a>
<a class="cursor-pointer p-2 pl-1.5 pr-1.5 transition hover:rotate-3"
rel="noopener noreferrer" href="/smart-page/smart-home.html">Smart Home</a>
<a class="cursor-pointer p-2 pl-1.5 pr-1.5 transition hover:rotate-3"
rel="noopener norefferrer" href="/life-style/life-style.html">Life Style</a>
</article>
<article class="hidden md:flex justify-center items-center gap-4 text-base font-semibold">
<button class="p-2 text-orange-500">Soporte</button>
<button id="loginBtn"
class=" bg-gray-200 text-orange-700 rounded py-3 px-4 transition-colors duration-700 hover:bg-orange-500 hover:text-white">Iniciar
Sesión</button>
<button id="registerBtn"
class="bg-orange-300 text-black rounded py-3 px-4 transition-colors duration-700 border border-transparent hover:border-white hover:bg-black hover:text-white">Registrarse</button>
</article>
<article id="menu__Art" class="md:hidden flex gap-2 justify-center items-center font-semibold">
<h3>Menú</h3>
<img class="invert w-8" src="/assets/svg/list.svg" alt="menu icon">
</article>
<section id="menu"
class="hidden fixed top-0 pt-8 bg-colors-5 h-screen w-full justify-center items-center z-10 align-center grid-cols-1 grid-rows-6 ease-in">
<section class="w-full h-full">
<article class="flex justify-around items-center">
<img class="w-10" src="/assets/svg/Xiaomi_logo.svg" alt="#">
<img id="btnCloseMenu" class="w-10 invert" src="/assets/svg/x.svg" alt="">
</article>
</section>
<section class="row-span-5 h-full">
<article class="flex justify-center items-center gap-2 flex-col text-base font-medium">
<a class="text-slate-100 cursor-pointer p-2 pl-1.5 pr-1.5 transition hover:rotate-3"
rel="noopener noreferrer" href="/index.html">Xiaomi</a>
<a class="text-slate-100 cursor-pointer p-2 pl-1.5 pr-1.5 transition hover:rotate-3"
rel="noopener noreferrer" href="/redmi-page/redmi.html">Redmi</a>
<a class="text-slate-100 cursor-pointer p-2 pl-1.5 pr-1.5 transition hover:rotate-3"
rel="noopener noreferrer" href="/smart-page/smart-home.html">Smart Home</a>
<a class="text-slate-100 cursor-pointer p-2 pl-1.5 pr-1.5 transition hover:rotate-3"
rel="noopener noreferrer" href="/life-style/life-style.html">
Life Style</a>
</article>
<article class="flex justify-center items-center gap-4 flex-col text-base font-semibold">
<button class="p-2 text-orange-500">Soporte</button>
<button id="loginBtn"
class="bg-white text-orange-700 rounded py-3 px-4 transition-colors duration-700 hover:bg-orange-500 hover:text-white">Iniciar
Sesión</button>
<button id="registerBtn"
class="bg-orange-300 text-black rounded py-3 px-4 transition-colors duration-700 border border-transparent hover:border-white hover:bg-black hover:text-white">Registrarse</button>
</article>
</section>
</section>
</section>
</header>
<!-- LOGIN POPUP -->
<section id="login" class="z-50 hidden w-full h-screen top-0 fixed justify-center items-center backdrop-brightness-50 ">
<article class="relative w-full h-full sm:w-4/5 sm:h-4/5 m-auto bg-neutral-800 text-white rounded-lg flex flex-col justify-center items-center">
<h1 class="font-bold text-2xl">Iniciar Sesión</h1>
<main class="">
<section class="p-4">
<form class="flex flex-col justify-center items-center" action="" method="post">
<fieldset class="">
<legend>Datos Personales</legend>
<label for="nameLogin">Nombre:</label>
<input id="nameLogin" class="text-black border border-black my-1 rounded pl-2" type="text">
</fieldset>
<fieldset>
<label for="passLogin">Ingrese Contraseña:</label>
<input id="passLogin" class="text-black border border-black my-1 rounded pl-2" type="text">
</fieldset>
<br>
<button
class="border border-black p-2 py-0 bg-teal-600 transition-colors rounded hover:bg-black">Enviar</button>
</form>
</section>
</main>
<div class="absolute top-12 right-12">
<img id="closeLogin" class="w-8 h-8 invert" src="/assets/svg/x.svg" alt="">
</div>
</article>
</section>
<!-- REGISTER POPUP -->
<section id="register" class="z-50 hidden w-full h-screen top-0 fixed justify-center items-center backdrop-brightness-50 ">
<article class="relative w-full h-full sm:w-4/5 sm:h-4/5 m-auto bg-neutral-800 text-white rounded-lg flex flex-col justify-center items-center">
<h1 class="font-bold text-2xl">Registrarse</h1>
<main class="">
<section class="p-4">
<form class="flex flex-col justify-center items-center" action="" method="post">
<fieldset class="">
<legend>Datos Personales</legend>
<label for="nameRegister">Nombre:</label>
<input class="text-black border border-black my-1 rounded pl-2" id="nameRegister" type="text">
<br>
<label for="surnameRegister">Apellido:</label>
<input class="text-black border border-black my-1 rounded pl-2" id="surnameRegister" type="text">
</fieldset>
<fieldset>
<legend>Contacto</legend>
<label for="phoneRegister">Telefono:</label>
<input class="text-black border border-black my-1 rounded pl-2" id="phoneRegister" type="text">
</fieldset>
<fieldset>
<legend>Indique el sexo</legend>
<label for="maleRegister">Masculino</label>
<input id="maleRegister" type="radio">
<br>
<label for="femaleRegister">Femenino</label>
<input id="femaleRegister" type="radio">
</fieldset>
<br>
<button
class="border border-black p-2 py-0 bg-teal-600 transition-colors rounded hover:bg-black">Enviar</button>
</form>
</section>
</main>
<div class="absolute top-12 right-12">
<img id="closeRegister" class="w-8 h-8 invert" src="/assets/svg/x.svg" alt="">
</div>
</article>
</section>