Skip to content

Desafío 5 #146

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
NicolTapia wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Desafío 5 #146

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
d0e804f
commit img
Sep 11, 2024
5bb80f7
commit styles
Sep 11, 2024
cc2e267
commit head and header
Sep 11, 2024
6cca336
commit section
Sep 11, 2024
7ea8782
commit footer
Sep 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions assets/css/estilos.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,3 +37,7 @@ body {
}

}
.text-brand{
color: white;
text-align: center;
}
Binary file added assets/img/consultorias.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/desarrollomovil.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/desarrolloweb.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
118 changes: 56 additions & 62 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<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>Olivia Ros</title>
<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" />
Expand All @@ -20,17 +20,19 @@
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">
<img src="assets/img/logo.png" class="img-fluid">
</a>
<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 mi</a>
<a class="nav-link" href="#">Acerca de nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Trabajos</a>
Expand All @@ -49,12 +51,15 @@
<div class="container">
<div class="ms-auto col-12 col-md-7 ">
<h1 class="display-1 fw-bold my-5">
Comidas del fin <br> del mundo
WebVanguard <br> Liderando la Frontera Digital
</h1>
<p class="my-5">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, accusamus iusto quibusdam
dignissimos labore sequi. Cupiditate reiciendis eius dolore, illum adipisci harum voluptas iste
mollitia inventore provident labore voluptatum nemo.
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>
Expand All @@ -67,44 +72,43 @@ <h1 class="display-1 fw-bold my-5">

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


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

<p class="my-4">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio quisquam distinctio, odit laborum aliquam
earum itaque cum sequi, dolorem optio vol
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-camera fa-3x my-3"></i>
<h3 class="my-3 fw-bold">Fotógrafa de comida</h3>
<i class="fas fa-lightbulb fa-3x my-3"></i>
<h3 class="my-3 fw-bold">Innovación Constante</h3>
<p class="my-3">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
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-bullhorn fa-3x my-3"></i>
<h3 class="my-3 fw-bold">Crítica culinaria</h3>
<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">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
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="far fa-map fa-3x my-3"></i>
<h3 class="my-3 fw-bold">Bloggera de viajes</h3>
<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">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
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>
Expand All @@ -113,19 +117,18 @@ <h3 class="my-3 fw-bold">Bloggera de viajes</h3>

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

<h2 class="display-4 fw-bold text-center text-light mb-3">Mis trabajos</h2>
<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/card-1.jpg)"></div>
<div class="image-top" style="background-image: url(assets/img/desarrolloweb.jpg)"></div>
<div class="card-body">
<h5 class="card-title fw-bold">Asado en la Patagonia</h5>
<h5 class="card-title fw-bold">Desarrollo Web</h5>
<p class="card-text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Explicabo iure sint, perspiciatis distinctio molestias nihil
repudiandae neque rem adipisci repellendus libero illo quo
blanditiis, velit quasi ad, recusandae voluptates officia.
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
Expand All @@ -135,14 +138,13 @@ <h5 class="card-title fw-bold">Asado en la Patagonia</h5>
</div>
<div class="col-12 col-sm-4 py-2">
<div class="card">
<div class="image-top" style="background-image: url(assets/img/card-2.jpg)"></div>
<div class="image-top" style="background-image: url(assets/img/desarrollomovil.jpeg)"></div>
<div class="card-body">
<h5 class="card-title fw-bold">Papas del fin del mundo</h5>
<h5 class="card-title fw-bold">Desarrollo Móvil</h5>
<p class="card-text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Deserunt a culpa doloremque voluptatem dicta nam. Maxime ipsum,
consequatur quos error fuga excepturi quo. Laudantium optio
pariatur laboriosam modi, ea molestias?
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
Expand All @@ -152,14 +154,13 @@ <h5 class="card-title fw-bold">Papas del fin del mundo</h5>
</div>
<div class="col-12 col-sm-4 py-2">
<div class="card">
<div class="image-top" style="background-image: url(assets/img/card-3.jpg)"></div>
<div class="image-top" style="background-image: url(assets/img/consultorias.jpg)"></div>
<div class="card-body">
<h5 class="card-title fw-bold">Salmones de Alaska</h5>
<h5 class="card-title fw-bold">Consultorías</h5>
<p class="card-text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Obcaecati facere quibusdam sint id laborum magni velit ducimus
corporis facilis qui architecto dolor, accusamus eveniet
exercitationem fugit. Quod autem neque ducimus.
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
Expand All @@ -175,13 +176,9 @@ <h5 class="card-title fw-bold">Salmones de Alaska</h5>

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

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

<p class="text-center my-4 d-none d-md-block">Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Doloribus
sapiente, autem delectus totam expedita
animi corporis dolorem qui magnam, aspernatur officiis quasi culpa tempora est commodi. Voluptate beatae
tempora quaerat?</p>
<p class="text-center my-4 d-none d-md-block">Estamos aquí para convertir tus ideas en realidad digital</p>

<form>

Expand All @@ -192,7 +189,7 @@ <h2 class="display-4 fw-bold text-center my-4">Contáctame</h2>
</div>

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

Expand All @@ -206,16 +203,13 @@ <h2 class="display-4 fw-bold text-center my-4">Contáctame</h2>
<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">Olivia Ros 2019. Todos los derechos reservados.</p>
<p class="mb-0">WebVanguard 2024. Todos los derechos reservados.</p>
</footer>


Expand Down