Skip to content

Commit 000453a

Browse files
NisamovNisamov
committed
Rediseño web
1 parent 50541a4 commit 000453a

20 files changed

+833
-463
lines changed

‎about-us.html

Lines changed: 0 additions & 50 deletions
This file was deleted.

‎contact.html

Lines changed: 0 additions & 48 deletions
This file was deleted.

‎docs/manual-hosting-basico-1.pdf

Whitespace-only changes.

‎documentacion.css

Lines changed: 199 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,199 @@
1+
/* Reset básico */
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
box-sizing: border-box;
6+
}
7+
8+
/* Tipografía y fondo */
9+
body {
10+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
11+
background-color: #fafafa;
12+
color: #222222;
13+
min-height: 100vh;
14+
display: flex;
15+
flex-direction: column;
16+
}
17+
18+
/* Header y menú */
19+
header {
20+
background-color: #ffffff;
21+
padding: 1rem 2rem;
22+
display: flex;
23+
justify-content: space-between;
24+
align-items: center;
25+
border-bottom: 1px solid #e0e0e0;
26+
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
27+
position: sticky;
28+
top: 0;
29+
z-index: 100;
30+
}
31+
32+
.logo {
33+
font-weight: 700;
34+
font-size: 1.8rem;
35+
color: #111111;
36+
user-select: none;
37+
}
38+
39+
.navbar ul {
40+
list-style: none;
41+
display: flex;
42+
gap: 2rem;
43+
font-weight: 600;
44+
}
45+
46+
.navbar ul li a {
47+
text-decoration: none;
48+
color: #444444;
49+
padding: 0.5rem 0;
50+
transition: color 0.3s ease;
51+
cursor: pointer;
52+
}
53+
54+
.navbar ul li a.active,
55+
.navbar ul li a:hover,
56+
.navbar ul li a:focus {
57+
color: #0099aa;
58+
outline: none;
59+
}
60+
61+
/* Main content */
62+
main {
63+
flex: 1;
64+
max-width: 900px;
65+
margin: 3rem auto 5rem auto;
66+
padding: 0 1rem;
67+
}
68+
69+
.documentacion {
70+
background-color: #ffffff;
71+
padding: 2.5rem 2rem;
72+
border-radius: 12px;
73+
box-shadow: 0 6px 15px rgba(0,0,0,0.1);
74+
}
75+
76+
.documentacion h2 {
77+
font-size: 2.2rem;
78+
color: #0aa;
79+
margin-bottom: 0.8rem;
80+
text-align: center;
81+
font-weight: 700;
82+
}
83+
84+
.intro-text {
85+
font-size: 1.1rem;
86+
color: #555;
87+
text-align: center;
88+
margin-bottom: 2rem;
89+
max-width: 600px;
90+
margin-left: auto;
91+
margin-right: auto;
92+
}
93+
94+
/* Lista de documentos */
95+
.docs {
96+
list-style: none;
97+
display: flex;
98+
flex-direction: column;
99+
gap: 1.5rem;
100+
}
101+
102+
.docs li {
103+
display: flex;
104+
justify-content: space-between;
105+
align-items: center;
106+
padding: 0.9rem 1.5rem;
107+
border: 1px solid #ddd;
108+
border-radius: 8px;
109+
background-color: #f9f9f9;
110+
transition: box-shadow 0.3s ease, background-color 0.3s ease;
111+
}
112+
113+
.docs li:hover {
114+
box-shadow: 0 4px 12px rgba(0,170,170,0.2);
115+
background-color: #e0f7f7;
116+
}
117+
118+
/* Link principal del documento */
119+
.docs li a:first-child {
120+
color: #006677;
121+
font-weight: 600;
122+
text-decoration: none;
123+
font-size: 1.05rem;
124+
max-width: 70%;
125+
overflow-wrap: break-word;
126+
}
127+
128+
.docs li a:first-child:hover,
129+
.docs li a:first-child:focus {
130+
text-decoration: underline;
131+
color: #0099aa;
132+
}
133+
134+
/* Botón de descarga */
135+
.download-btn {
136+
display: inline-flex;
137+
align-items: center;
138+
background-color: #0099aa;
139+
color: #fff;
140+
padding: 0.4rem 1rem;
141+
font-weight: 600;
142+
font-size: 0.9rem;
143+
border-radius: 6px;
144+
text-decoration: none;
145+
gap: 0.4rem;
146+
transition: background-color 0.3s ease, box-shadow 0.3s ease;
147+
box-shadow: 0 2px 6px rgba(0,153,170,0.4);
148+
user-select: none;
149+
}
150+
151+
.download-btn svg {
152+
fill: white;
153+
width: 18px;
154+
height: 18px;
155+
}
156+
157+
.download-btn:hover,
158+
.download-btn:focus {
159+
background-color: #007a88;
160+
box-shadow: 0 4px 12px rgba(0,122,136,0.6);
161+
outline: none;
162+
cursor: pointer;
163+
}
164+
165+
/* Footer sencillo */
166+
footer {
167+
background-color: #fff;
168+
text-align: center;
169+
padding: 1rem 1rem;
170+
font-weight: 500;
171+
font-size: 0.9rem;
172+
color: #777777;
173+
border-top: 1px solid #e0e0e0;
174+
user-select: none;
175+
margin-top: auto;
176+
position: relative;
177+
}
178+
179+
/* Responsive */
180+
@media (max-width: 600px) {
181+
.docs li {
182+
flex-direction: column;
183+
align-items: flex-start;
184+
gap: 0.5rem;
185+
}
186+
187+
.docs li a:first-child {
188+
max-width: 100%;
189+
}
190+
191+
.download-btn {
192+
align-self: flex-end;
193+
}
194+
195+
.navbar ul {
196+
flex-direction: column;
197+
gap: 1rem;
198+
}
199+
}

‎documentacion.html

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<!DOCTYPE html>
2+
<html lang="es">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6+
<title>Documentación | Theritex</title>
7+
<link rel="stylesheet" href="documentacion.css" />
8+
</head>
9+
<body>
10+
<header>
11+
<div class="logo"><a href="index.html">Theritex</a></div>
12+
<nav class="navbar">
13+
<ul>
14+
<li><a href="index.html">Inicio</a></li>
15+
<li><a href="productos.html">Productos</a></li>
16+
<li><a href="documentacion.html" class="active">Documentación</a></li>
17+
<li><a href="sobre-nosotros.html">Sobre Nosotros</a></li>
18+
</ul>
19+
</nav>
20+
</header>
21+
22+
<main>
23+
<section class="documentacion">
24+
<h2>Documentación y Manuales</h2>
25+
<p class="intro-text">Descarga los manuales y documentos que te ayudarán a entender mejor nuestros servicios y productos.</p>
26+
<ul class="docs">
27+
<li>
28+
<a href="docs/manual-hosting-basico-1.pdf" download>Manual Hosting Básico 1 (PDF)</a>
29+
<a href="docs/manual-hosting-basico-1.pdf" download class="download-btn" aria-label="Descargar Manual Hosting Básico 1">
30+
Descargar
31+
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
32+
<path d="M5 20h14v-2H5v2zm7-18v10.17l3.59-3.58L16 10l-6 6-6-6 1.41-1.41L11 12.17V2h2z"/>
33+
</svg>
34+
</a>
35+
</li>
36+
<li>
37+
<a href="docs/manual-hosting-basico-2.pdf" download>Manual Hosting Básico 2 (PDF)</a>
38+
<a href="docs/manual-hosting-basico-2.pdf" download class="download-btn" aria-label="Descargar Manual Hosting Básico 2">
39+
Descargar
40+
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
41+
<path d="M5 20h14v-2H5v2zm7-18v10.17l3.59-3.58L16 10l-6 6-6-6 1.41-1.41L11 12.17V2h2z"/>
42+
</svg>
43+
</a>
44+
</li>
45+
<li>
46+
<a href="docs/manual-hosting-basico-3.pdf" download>Manual Hosting Básico 3 (PDF)</a>
47+
<a href="docs/manual-hosting-basico-3.pdf" download class="download-btn" aria-label="Descargar Manual Hosting Básico 3">
48+
Descargar
49+
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
50+
<path d="M5 20h14v-2H5v2zm7-18v10.17l3.59-3.58L16 10l-6 6-6-6 1.41-1.41L11 12.17V2h2z"/>
51+
</svg>
52+
</a>
53+
</li>
54+
</ul>
55+
</section>
56+
</main>
57+
58+
<footer>
59+
&copy; 2025 Theritex. Todos los derechos reservados.
60+
</footer>
61+
</body>
62+
</html>

‎img/logo.ico

254 KB
Binary file not shown.

‎img/logo.png

96.8 KB
Loading

‎img/slide1.jpg

102 KB
Loading

‎img/slide2.jpg

86.6 KB
Loading

‎img/slide3.jpg

180 KB
Loading

0 commit comments

Comments
 (0)