fdsw-github/index.html at main · NicolTapia/fdsw-github · 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
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
        <title>WebVanguard</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"
        integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="assets/css/estilos.css">
</head>

<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
        <div class="container">
            <div class="text-brand">
                <h1 class="brand-name">WebVanguard</h1>
                <p class="brand-tagline">Liderando la Frontera Digital</p>
            </div>

            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ms-auto mb-2 mb-lg-0 fs-5">
                    <li class="nav-item">
                        <a class="nav-link" href="#">Acerca de nosotros</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Trabajos</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Contacto</a>
                    </li>

                </ul>

            </div>
        </div>
    </nav>

    <header id="Hero-Section" class="text-light text-end py-5 mt-5">
        <div class="container">
            <div class="ms-auto col-12 col-md-7 ">
                <h1 class="display-1 fw-bold my-5">
                    WebVanguard <br> Liderando la Frontera Digital
                </h1>
                <p class="my-5">
                    Es una empresa innovadora de desarrollo web dedicada a transformar ideas en experiencias digitales
                    impactantes. Nos especializamos en la creación de sitios web modernos, funcionales y adaptativos que
                    destacan en un entorno digital en constante evolución. Con un enfoque en la excelencia técnica y el
                    diseño vanguardista, ayudamos a nuestros clientes a alcanzar sus objetivos en línea, asegurando una
                    presencia digital robusta y efectiva. En WebVanguard, lideramos la frontera digital con soluciones
                    personalizadas que impulsan el crecimiento y el éxito de cada proyecto.
                </p>
                <div class="mb-5 pb-5">
                    <button class="btn btn-lg btn-outline-info text-light me-4">Trabajos</button>
                    <button class="btn btn-lg btn-info text-light">Contacto</button>
                </div>
            </div>
        </div>
    </header>


    <section id="Acerca-de-mi" class="container text-center my-5">

        <h2 class="display-3 fw-bold my-4">Acerca de nosotros</h2>

        <p class="my-4">
            En WebVanguard, somos apasionados por la tecnología y el diseño. Nuestra misión es brindar soluciones web
            que no solo cumplan con los estándares actuales, sino que los superen. Con un equipo de expertos en
            desarrollo, diseño y estrategia digital, trabajamos mano a mano con nuestros clientes para crear sitios web
            que sean tanto visualmente atractivos como técnicamente sólidos. Creemos en el poder de la innovación y nos
            esforzamos por estar a la vanguardia de las tendencias digitales, asegurando que cada proyecto que
            realizamos esté perfectamente alineado con las necesidades y objetivos de nuestros clientes.
        </p>

        <div class="row">
            <div class="col-12 col-md-4">
                <i class="fas fa-lightbulb fa-3x my-3"></i>
                <h3 class="my-3 fw-bold">Innovación Constante</h3>
                <p class="my-3">
                    Nos mantenemos siempre al día con las últimas tendencias y tecnologías en desarrollo web. Nuestro
                    enfoque en la innovación nos permite ofrecer soluciones frescas y creativas que destacan en un
                    mercado competitivo.
                </p>
            </div>
            <div class="col-12 col-md-4">
                <i class="fas fa-user-friends fa-3x my-3"></i>
                <h3 class="my-3 fw-bold">Enfoque en la Experiencia del Usuario</h3>
                <p class="my-3">
                    Creemos que un buen diseño va más allá de lo estético; se trata de crear experiencias de usuario
                    intuitivas y fluidas. Nos enfocamos en desarrollar sitios web que sean fáciles de navegar, rápidos y
                    accesibles desde cualquier dispositivo.
                </p>
            </div>
            <div class="col-12 col-md-4">
                <i class="fas fa-check-circle fa-3x my-3"></i>
                <h3 class="my-3 fw-bold">Compromiso con la Calidad</h3>
                <p class="my-3">
                    La excelencia es el estándar en WebVanguard. Cada proyecto que tomamos es sometido a rigurosos
                    controles de calidad para asegurar que cumplimos con las expectativas de nuestros clientes y
                    ofrecemos resultados que perduran.
                </p>
            </div>
        </div>
    </section>


    <section id="Mis-trabajos" class="my-5 p-5 bg-info">

        <h2 class="display-4 fw-bold text-center text-light mb-3"> Nuestros Trabajos</h2>

        <div class="row">
            <div class="col-12 col-sm-4 py-2">
                <div class="card">
                    <div class="image-top" style="background-image: url(assets/img/desarrolloweb.jpg)"></div>
                    <div class="card-body">
                        <h5 class="card-title fw-bold">Desarrollo Web</h5>
                        <p class="card-text">
                            Creamos sitios web personalizados que combinan diseño innovador y funcionalidad avanzada.
                            Desde la estructura básica hasta las características más complejas, nos aseguramos de que tu
                            presencia en línea sea atractiva, intuitiva y optimizada para todos los dispositivos.
                        </p>
                        <button type="button" class="btn btn-outline-info">
                            Ver más
                        </button>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-4 py-2">
                <div class="card">
                    <div class="image-top" style="background-image: url(assets/img/desarrollomovil.jpeg)"></div>
                    <div class="card-body">
                        <h5 class="card-title fw-bold">Desarrollo Móvil</h5>
                        <p class="card-text">
                            Desarrollamos aplicaciones móviles nativas y multiplataforma que ofrecen una experiencia de
                            usuario fluida y eficiente. Ya sea que necesites una app para iOS, Android, o ambas, nuestro
                            equipo se encarga de todo, desde el diseño hasta la implementación y el mantenimiento.
                        </p>
                        <button type="button" class="btn btn-outline-info">
                            Ver más
                        </button>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-4 py-2">
                <div class="card">
                    <div class="image-top" style="background-image: url(assets/img/consultorias.jpg)"></div>
                    <div class="card-body">
                        <h5 class="card-title fw-bold">Consultorías</h5>
                        <p class="card-text">
                            Ofrecemos asesoramiento experto en estrategias digitales, optimización de procesos y
                            selección de tecnologías. Nuestro objetivo es ayudarte a tomar decisiones informadas y
                            desarrollar soluciones efectivas que impulsen el crecimiento y la eficiencia de tu negocio.
                        </p>
                        <button type="button" class="btn btn-outline-info">
                            Ver más
                        </button>
                    </div>
                </div>
            </div>
        </div>

    </section>


    <section id="Contacto" class="container my-5">

        <h2 class="display-4 fw-bold text-center my-4">Contáctanos</h2>

        <p class="text-center my-4 d-none d-md-block">Estamos aquí para convertir tus ideas en realidad digital</p>

        <form>


            <div class="form-group mb-4">
                <label class="mb-2">Nombre</label>
                <input class="form-control" placeholder="Nombre">
            </div>

            <div class="form-group mb-4">
                <label class="mb-2">Correo Electrónico</label>
                <input class="form-control" placeholder="Correo electrónico" />
            </div>


            <div class="form-group">
                <label class="mb-2">Mensaje</label>
                <textarea class="form-control" placeholder="Escribe aquí tu mensaje"></textarea>
            </div>

            <div class="my-3 text-end">
                <button class="btn btn-info text-light">Enviar</button>
            </div>

        </form>

    </section>


    <footer class="bg-dark text-center text-light p-4">
        <p class="mb-0">WebVanguard 2024. Todos los derechos reservados.</p>
    </footer>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
        crossorigin="anonymous"></script>
</body>

</html>