web-derejsoft/index.html at main · CodeAriCos28/web-derejsoft · GitHub

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
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DerejSoft</title>
    <meta name="description" content="DerejSoft ofrece soluciones tecnológicas para empresas y emprendedores. Innovación en software y desarrollo web.">
    <meta name="keywords" content="DerejSoft, derej, soft, soluciones tecnológicas, desarrollo web, software innovador">
    <link rel="stylesheet" href="estilos.css">
    <meta name="google-site-verification" content="U8NxFe4ImPVgVONMKLManzbFzU_wdJkFNd8_-gbuSBo" />
    <meta name="google-site-verification" content="nCp--AE32HJM6zSVggKokuL5yRJ2mJ9DlwJadmQxgyM" />

</head>
<body>
    <header>
        <nav>
            <div class="logo28">
                <img src="imagenes/DerejSoft-removebg.ico" alt="Logo DerejSoft" class="logo-img">
                <div class="logo28">Derej<span>Soft</div>
            </div>
            <button class="menu-toggle" aria-label="Abrir menú">
                <span></span>
                <span></span>
                <span></span>
            </button>
            <ul class="nav-links">
                <li><a href="#inicio">Inicio</a></li>
                <li><a href="#servicios">Servicios</a></li>
                <li><a href="nosotros.html">Nosotros</a></li>
                <li><a href="#proyectos">Proyectos</a></li>
                <li><a href="#contacto">Contacto</a></li>
            </ul>
        </nav>
    </header>


    <main>
        <section id="inicio" class="hero">
            <h1>Innovación en Desarrollo de Software</h1>
            <p>Transformamos ideas en soluciones digitales de vanguardia</p>
            <a href="#contacto" class="cta-button">Inicia tu Proyecto</a>
        </section>

        <section id="servicios">
            <h2>Nuestros Servicios</h2>
            <div class="services-grid">
                <div class="service-card">
                    <img src="imagenes/development.png" alt="Ícono de Desarrollo Web" width="100" height="100">
                    <h3>Desarrollo Web</h3>
                    <p>Creamos sitios web responsivos y aplicaciones web de alto rendimiento.</p>
                </div>
                <div class="service-card">
                    <img src="imagenes/chat.png" alt="Ícono de Desarrollo Móvil" width="100" height="100">
                    <h3>Desarrollo Móvil</h3>
                    <p>Desarrollamos aplicaciones móviles nativas y multiplataforma.</p>
                </div>
                <div class="service-card">
                    <img src="imagenes/dato.png" alt="Ícono de Bases de Datos" width="100" height="100">
                    <h3>Bases de Datos</h3>
                    <p>Diseñamos e implementamos soluciones de bases de datos escalables.</p>
                </div>
            </div>
        </section>


        <div class="whatsapp-float">
            <a href="https://wa.me/8294772269" target="_blank" aria-label="Abrir chat de WhatsApp">
                <img src="https://upload.wikimedia.org/wikipedia/commons/5/5e/WhatsApp_icon.png" alt="WhatsApp">
            </a>
        </div>

        <section id="proyectos">
            <h2>Proyectos Destacados</h2>
            <div class="projects-grid">
                <div class="project-card">
                    <img src="imagenes/tenis.jpg" alt="Plataforma E-commerce" width="300" height="200">
                    <h3>Plataforma E-commerce</h3>
                    <p>Sistema de comercio electrónico escalable y seguro.</p>
                </div>
                <div class="project-card">
                    <img src="imagenes/carro.jpg" alt="App de Banca Móvil" width="300" height="200">
                    <h3>App de Banca Móvil</h3>
                    <p>Aplicación móvil para transacciones bancarias seguras.</p>
                </div>
                <div class="project-card">
                    <img src="imagenes/mtooo.jpg" alt="Dashboard IoT" width="300" height="200">
                    <h3>Dashboard IoT</h3>
                    <p>Panel de control para dispositivos de Internet de las Cosas.</p>
                </div>
            </div>
        </section>

        <section id="contacto">
            <h2>Contáctanos</h2>
            <form id="contact-form">
                <input type="text" name="nombre" placeholder="Nombre" required>
                <input type="email" name="email" placeholder="Email" required>
                <textarea name="mensaje" placeholder="Mensaje" required></textarea>
                <button type="submit" class="submit-button">Enviar Mensaje</button>
            </form>
        </section>

    </main>
    <footer>
        <div class="footer-logo">Derej<span>Soft</div>
        <nav>
            <a href="Documentos_Legales/Terminos_de_Servicios.html" class="footer-link">Términos de Servicio</a>
            <div class="redes">
                <ul>
                    <li><a href="https://www.facebook.com/share/1JKws2oMEp/" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
                        <img src="imagenes/icons8-facebook-logo.svg" alt="Facebook">
                    </a></li>
                    <li><a href="https://www.instagram.com/derejsoft/?utm_source=ig_web_button_share_sheet" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
                        <img src="imagenes/icons8-instagram-logo.svg" alt="Instagram">
                    </a></li>
                    <li><a href="https://www.linkedin.com/in/derejsoft-121509344?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
                        <img src="imagenes/icons8-linkedin-logo.svg" alt="Linkedin">
                    </a></li>
                    <li><a href="https://www.tiktok.com/@derejsoft?is_from_webapp=1&sender_device=pc" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
                        <img src="imagenes/icons8-tiktok-logo.svg" alt="TikTok">
                    </a></li>
                </ul>
            </div>
            <a href="Documentos_Legales/Politicas_de _privacidad.html" class="footer-link">Política de Privacidad</a>
        </nav>
      <!-- Copyright abajo del todo, FUERA del footer-content -->
      <div>
        <div class="copyright-bar">© 2025 DerejSoft. Todos los derechos reservados.</div>
    </div>
    </footer>
    <script src="script.js" defer></script>
</body>
</html>