FM / test_template

/home/simp499cl/public_html/test_template/

/home/simp499cl/public_html/test_template

Name	Size	Mode	Actions
logo.png	44963	0644	edit dl rm
test.html	4144	0644	edit dl rm

Edit: /home/simp499cl/public_html/test_template/test.html (4144B)

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Empresa de Desarrollo de Aplicaciones Móviles</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Roboto', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f0f0f0;
            color: #333;
        }
        header {
            background-color: #4da8da;
            padding: 20px 0;
            text-align: center;
        }
        header img {
            width: 150px;
        }
        nav {
            background-color: #333;
            padding: 10px;
            text-align: center;
        }
        nav a {
            color: #f2f2f2;
            margin: 0 15px;
            text-decoration: none;
            font-size: 18px;
        }
        nav a:hover {
            color: #4da8da;
        }
        .container {
            padding: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .section {
            background-color: #fff;
            padding: 20px;
            margin-bottom: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .section h2 {
            color: #4da8da;
            border-bottom: 2px solid #4da8da;
            padding-bottom: 10px;
        }
        .footer {
            background-color: #4da8da;
            text-align: center;
            padding: 10px;
            color: #fff;
            position: fixed;
            width: 100%;
            bottom: 0;
        }
        .contact-form label {
            display: block;
            margin: 10px 0 5px;
        }
        .contact-form input, .contact-form textarea {
            width: 100%;
            padding: 10px;
            margin: 5px 0 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .contact-form button {
            background-color: #4da8da;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        .contact-form button:hover {
            background-color: #333;
        }
    </style>
</head>
<body>

<nav>
    <a href="#quienes-somos">Quienes Somos</a>
    <a href="#que-hacemos">Qué Hacemos</a>
    <a href="#contacto">Contacto</a>
</nav>

<div class="container">
    <div id="quienes-somos" class="section">
        <h2>Quienes Somos</h2>
        <p>Somos una empresa líder en el desarrollo de aplicaciones móviles con años de experiencia en la industria. Nuestro equipo de expertos se dedica a crear soluciones innovadoras y de alta calidad que satisfacen las necesidades de nuestros clientes.</p>
    </div>

<div id="que-hacemos" class="section">
        <h2>Qué Hacemos</h2>
        <p>Nos especializamos en el diseño y desarrollo de aplicaciones móviles para diversas plataformas, incluyendo iOS y Android. Ofrecemos servicios completos que incluyen consultoría, diseño de UX/UI, desarrollo, pruebas y soporte post-lanzamiento.</p>
    </div>

<div id="contacto" class="section">
        <h2>Contacto</h2>
        <form class="contact-form">
            <label for="name">Nombre:</label>
            <input type="text" id="name" name="name" required>

<label for="email">Correo Electrónico:</label>
            <input type="email" id="email" name="email" required>

<label for="message">Mensaje:</label>
            <textarea id="message" name="message" rows="4" required></textarea>

<button type="submit">Enviar</button>
        </form>
    </div>
</div>

<footer class="footer">
    <p>&copy; 2024 Empresa de Desarrollo de Aplicaciones Móviles. Todos los derechos reservados.</p>
</footer>

</body>
</html>

Empresa de Desarrollo de Aplicaciones Móviles

Quienes Somos

Somos una empresa líder en el desarrollo de aplicaciones móviles con años de experiencia en la industria. Nuestro equipo de expertos se dedica a crear soluciones innovadoras y de alta calidad que satisfacen las necesidades de nuestros clientes.

Qué Hacemos

Nos especializamos en el diseño y desarrollo de aplicaciones móviles para diversas plataformas, incluyendo iOS y Android. Ofrecemos servicios completos que incluyen consultoría, diseño de UX/UI, desarrollo, pruebas y soporte post-lanzamiento.