Skip to content

Commit 50541a4

Browse files
NisamovNisamov
committed
Premodel
1 parent b581f51 commit 50541a4

File tree

10 files changed

+411
-124
lines changed

10 files changed

+411
-124
lines changed

‎README.md

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

‎about-us.html

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
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>Sobre Nosotros - Theritex</title>
7+
<link rel="stylesheet" href="styles/styles.css">
8+
</head>
9+
<body>
10+
<header>
11+
<div class="logo">
12+
<h1>Theritex</h1>
13+
<p>Forjando futuros digitales</p>
14+
</div>
15+
<nav id="navbar">
16+
<ul>
17+
<li><a href="index.html">Inicio</a></li>
18+
<li><a href="about-us.html">Sobre Nosotros</a></li>
19+
<li><a href="projects.html">Proyectos</a></li>
20+
<li><a href="contact.html">Contacto</a></li>
21+
22+
</ul>
23+
</nav>
24+
</header>
25+
26+
<main>
27+
<section id="about-us">
28+
<h2>Sobre Theritex</h2>
29+
<p>Somos una empresa dedicada a la creación de soluciones digitales innovadoras que impactan positivamente en los procesos de negocio de nuestros clientes.</p>
30+
31+
<h3>Misión</h3>
32+
<p>Nuestra misión es utilizar la tecnología para mejorar los resultados de nuestros clientes y ayudarles a adaptarse a los cambios rápidos del mundo digital.</p>
33+
34+
<h3>Visión</h3>
35+
<p>Nos vemos como un referente global en soluciones tecnológicas que transformen empresas y procesos a nivel mundial.</p>
36+
37+
<h3>Valores</h3>
38+
<ul>
39+
<li>Innovación continua</li>
40+
<li>Compromiso con la calidad</li>
41+
<li>Responsabilidad social y ética</li>
42+
</ul>
43+
</section>
44+
</main>
45+
46+
<footer>
47+
<p>© 2024 Theritex. Todos los derechos reservados.</p>
48+
</footer>
49+
</body>
50+
</html>

‎contact.html

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
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>Contacto - Theritex</title>
7+
<link rel="stylesheet" href="styles/styles.css">
8+
</head>
9+
<body>
10+
<header>
11+
<div class="logo">
12+
<h1>Theritex</h1>
13+
<p>Forjando futuros digitales</p>
14+
</div>
15+
<nav id="navbar">
16+
<ul>
17+
<li><a href="index.html">Inicio</a></li>
18+
<li><a href="about-us.html">Sobre Nosotros</a></li>
19+
<li><a href="projects.html">Proyectos</a></li>
20+
<li><a href="contact.html">Contacto</a></li>
21+
22+
</ul>
23+
</nav>
24+
</header>
25+
26+
<main>
27+
<section id="contact">
28+
<h2>Contacto</h2>
29+
<form>
30+
<label for="name">Nombre:</label>
31+
<input type="text" id="name" name="name" required>
32+
33+
<label for="email">Correo electrónico:</label>
34+
<input type="email" id="email" name="email" required>
35+
36+
<label for="message">Mensaje:</label>
37+
<textarea id="message" name="message" required></textarea>
38+
39+
<button type="submit">Enviar</button>
40+
</form>
41+
</section>
42+
</main>
43+
44+
<footer>
45+
<p>© 2024 Theritex. Todos los derechos reservados.</p>
46+
</footer>
47+
</body>
48+
</html>

‎index.html

Lines changed: 66 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -3,65 +3,88 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Theritex GitHub Main Page</title>
6+
<title>Theritex - Forjando futuros digitales</title>
77
<link rel="stylesheet" href="styles/styles.css">
8+
<meta name="author" content="Andrés Ruslan Abadías Otal" />
9+
<meta name="description" content="Página web de Theritex, Forjando futuros digitales con diseño innovador." />
10+
<meta property="og:image" content="https://..." />
11+
<meta name="twitter:title" content="Theritex Main Website" />
12+
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
813
</head>
914
<body>
1015
<header>
11-
<div class="container">
12-
<h1>Welcome to Theritex's GitHub Page</h1>
16+
<div class="header-container">
17+
<div class="left-header">
18+
<h1>Theritex</h1>
19+
<p>Forjando futuros digitales</p>
20+
</div>
21+
<div class="center-header">
22+
<h2>Diseño Digital</h2>
23+
</div>
1324
</div>
14-
</header>
15-
16-
<div class="container">
17-
<nav id="sidebar">
25+
<nav id="navbar">
1826
<ul>
19-
<li><a href="#about-us">About Us</a></li>
20-
<li><a href="#projects">Projects</a></li>
21-
<li><a href="#contact">Contact</a></li>
27+
<li><a href="index.html">Inicio</a></li>
28+
<li><a href="about-us.html">Sobre Nosotros</a></li>
29+
<li><a href="projects.html">Proyectos</a></li>
30+
<li><a href="contact.html">Contacto</a></li>
2231
</ul>
2332
</nav>
33+
</header>
2434

25-
<main id="main-content">
26-
<section id="about-us">
27-
<h2>About Us</h2>
28-
<div class="content">
29-
<img src="images/about-us.jpg" alt="About Us">
30-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempor sit amet quam non convallis. Nulla facilisi. Phasellus elementum leo et nisl tincidunt consequat. Integer vel augue at est suscipit tempus in et arcu. Sed ac ullamcorper ante.</p>
31-
<p>Aliquam erat volutpat. Duis ac libero id purus luctus feugiat. Nulla eget libero at elit tristique feugiat in nec turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
35+
<main>
36+
<section id="home">
37+
<div class="slider-container">
38+
<div class="slide active">
39+
<img src="images/slider1.jpg" alt="Imagen 1">
3240
</div>
33-
</section>
34-
35-
<section id="projects">
36-
<h2>Projects</h2>
37-
<div class="content">
38-
<img src="images/projects.jpg" alt="Projects">
39-
<ul>
40-
<li>Project 1</li>
41-
<li>Project 2</li>
42-
<li>Project 3</li>
43-
</ul>
41+
<div class="slide">
42+
<img src="images/slider2.jpg" alt="Imagen 2">
43+
</div>
44+
<div class="slide">
45+
<img src="images/slider3.jpg" alt="Imagen 3">
4446
</div>
45-
</section>
47+
</div>
48+
</section>
4649

47-
<section id="contact">
48-
<h2>Contact</h2>
49-
<div class="content">
50-
<img src="images/contact.jpg" alt="Contact">
51-
<p>Contact information goes here.</p>
52-
<p>Email: [email protected]</p>
53-
<p>Phone: +123 456 7890</p>
50+
<section id="about-us">
51+
<h2>Sobre Nosotros</h2>
52+
<p>En Theritex nos dedicamos a crear soluciones innovadoras en diseño y desarrollo digital. Forjamos futuros sostenibles y digitales para nuestros clientes.</p>
53+
</section>
54+
55+
<section id="projects">
56+
<h2>Proyectos Recientes</h2>
57+
<div class="project-list">
58+
<div class="project-card">
59+
<img src="images/project1.jpg" alt="Proyecto 1">
60+
<h3>Proyecto 1</h3>
61+
<p>Descripción breve del proyecto 1.</p>
62+
</div>
63+
<div class="project-card">
64+
<img src="images/project2.jpg" alt="Proyecto 2">
65+
<h3>Proyecto 2</h3>
66+
<p>Descripción breve del proyecto 2.</p>
67+
</div>
68+
<div class="project-card">
69+
<img src="images/project3.jpg" alt="Proyecto 3">
70+
<h3>Proyecto 3</h3>
71+
<p>Descripción breve del proyecto 3.</p>
5472
</div>
55-
</section>
56-
</main>
57-
</div>
73+
</div>
74+
</section>
75+
76+
<section id="contact">
77+
<h2>Contacto</h2>
78+
<p>Si deseas saber más, ¡contáctanos! Estamos aquí para ayudarte a llevar tu proyecto al siguiente nivel.</p>
79+
<p>Email: [email protected]</p>
80+
<p>Teléfono: +123 456 7890</p>
81+
</section>
82+
</main>
5883

5984
<footer>
60-
<div class="container">
61-
<p>© 2024 Theritex. All rights reserved.</p>
62-
</div>
85+
<p>© 2024 Theritex. Todos los derechos reservados.</p>
6386
</footer>
6487

65-
<script src="javascript/sidebar.js"></script>
88+
<script src="javascript/script.js"></script>
6689
</body>
6790
</html>

‎javascript/script.js

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
// Menú de navegación en móviles: Mostrar/ocultar el menú
2+
document.addEventListener('DOMContentLoaded', function () {
3+
const toggleButton = document.getElementById('menu-toggle'); // Botón de hamburguesa
4+
const navbar = document.getElementById('navbar');
5+
6+
// Toggle del menú de navegación
7+
toggleButton.addEventListener('click', function () {
8+
navbar.classList.toggle('active'); // Cambia la visibilidad del menú
9+
});
10+
});
11+
12+
// Desplazamiento suave al hacer clic en los enlaces
13+
const links = document.querySelectorAll('a[href^="#"]');
14+
15+
links.forEach(link => {
16+
link.addEventListener('click', function (event) {
17+
event.preventDefault();
18+
19+
const targetId = link.getAttribute('href').substring(1);
20+
const targetElement = document.getElementById(targetId);
21+
22+
// Desplazarse suavemente a la sección
23+
window.scrollTo({
24+
top: targetElement.offsetTop - 70, // Ajuste de desplazamiento
25+
behavior: 'smooth'
26+
});
27+
});
28+
});
29+
30+
// Función para el slider de imágenes
31+
let currentSlide = 0;
32+
const slides = document.querySelectorAll('.slide');
33+
const totalSlides = slides.length;
34+
35+
// Mostrar la siguiente imagen en el slider
36+
function showNextSlide() {
37+
slides[currentSlide].classList.remove('active');
38+
currentSlide = (currentSlide + 1) % totalSlides;
39+
slides[currentSlide].classList.add('active');
40+
}
41+
42+
// Mostrar la imagen previa en el slider
43+
function showPreviousSlide() {
44+
slides[currentSlide].classList.remove('active');
45+
currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;
46+
slides[currentSlide].classList.add('active');
47+
}
48+
49+
// Configurar el cambio de imagen cada 5 segundos
50+
setInterval(showNextSlide, 5000);
51+
52+
// Agregar controladores de eventos para los botones del slider (si los tienes)
53+
const nextButton = document.getElementById('next-slide');
54+
const prevButton = document.getElementById('prev-slide');
55+
56+
if (nextButton) {
57+
nextButton.addEventListener('click', showNextSlide);
58+
}
59+
60+
if (prevButton) {
61+
prevButton.addEventListener('click', showPreviousSlide);
62+
}

‎javascript/slider.js

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
// Configuración del slider
2+
let currentSlide = 0;
3+
const slides = document.querySelectorAll('.slide');
4+
5+
function showSlide(index) {
6+
slides.forEach((slide, i) => {
7+
if (i === index) {
8+
slide.classList.add('active');
9+
} else {
10+
slide.classList.remove('active');
11+
}
12+
});
13+
}
14+
15+
function nextSlide() {
16+
currentSlide = (currentSlide + 1) % slides.length;
17+
showSlide(currentSlide);
18+
}
19+
20+
setInterval(nextSlide, 5000); // Cambiar imagen cada 5 segundos

‎javascript/style-asider.js

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

‎projects.html

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
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>Proyectos - Theritex</title>
7+
<link rel="stylesheet" href="styles/styles.css">
8+
</head>
9+
<body>
10+
<header>
11+
<div class="logo">
12+
<h1>Theritex</h1>
13+
<p>Forjando futuros digitales</p>
14+
</div>
15+
<nav id="navbar">
16+
<ul>
17+
<li><a href="index.html">Inicio</a></li>
18+
<li><a href="about-us.html">Sobre Nosotros</a></li>
19+
<li><a href="projects.html">Proyectos</a></li>
20+
<li><a href="contact.html">Contacto</a></li>
21+
</ul>
22+
</nav>
23+
</header>
24+
25+
<main>
26+
<section id="projects">
27+
<h2>Proyectos</h2>
28+
<p>Aquí te mostramos algunos de nuestros proyectos más recientes:</p>
29+
30+
<div class="project">
31+
<h3>Proyecto A</h3>
32+
<p>Descripción detallada del proyecto A.</p>
33+
</div>
34+
35+
<div class="project">
36+
<h3>Proyecto B</h3>
37+
<p>Descripción detallada del proyecto B.</p>
38+
</div>
39+
40+
<div class="project">
41+
<h3>Proyecto C</h3>
42+
<p>Descripción detallada del proyecto C.</p>
43+
</div>
44+
</section>
45+
</main>
46+
47+
<footer>
48+
<p>© 2024 Theritex. Todos los derechos reservados.</p>
49+
</footer>
50+
</body>
51+
</html>

‎stackbit.config.ts

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

0 commit comments

Comments
 (0)