Skip to content
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

desafio latam github #141

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

desafio latam github #141

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
2b8a723
primeros cambios
luciasoler14 Aug 25, 2024
3736c08
modificacion navbar
luciasoler14 Aug 25, 2024
aeba473
modificacion de titulos en la seccion about
luciasoler14 Aug 25, 2024
a7352b3
cambios de imgs en mis trabajos
luciasoler14 Aug 25, 2024
9286c8d
cambios en hero-section
luciasoler14 Aug 25, 2024
87f9396
modificacion en el form de contacto
luciasoler14 Aug 25, 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
16 changes: 15 additions & 1 deletion assets/css/estilos.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,25 @@ body {
font-family: "Raleway", sans-serif;
}

.navbar-brand {
font-weight: 900;
font-size: 32px;
}

/* Hero Section */

#Hero-Section {
background-image: url("../img/bg-hero.jpg");
background-image: url("../img/banner2.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: left;
}

#Hero-Section .content {
max-width: 100%;
background-color: rgba(26, 26, 26, 0.85);
}

/* Mis trabajos */

#Mis-trabajos .image-top {
Expand All @@ -22,6 +32,10 @@ body {

/* Contacto */

#Contacto {
max-width: 750px;
}

#Contacto form label {
font-weight: 700;
color: #373a3c;
Expand Down
Binary file added assets/img/banner2.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/page1.png
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/page2.png
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/page3.png
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.
31 changes: 16 additions & 15 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/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Olivia Ros</title>
<title>Lucía Soler</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 @@ -21,7 +21,7 @@
<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">
LUCÍA SOLER
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
Expand All @@ -45,11 +45,11 @@
</div>
</nav>

<header id="Hero-Section" class="text-light text-end py-5 mt-5">
<header id="Hero-Section" class="text-light text-end p-5 mt-5">
<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
<div class="content ms-auto col-12 col-md-7 px-5 pt-5">
<h1 class="display-1 fw-bold mb-5">
Full Stack <br> Developer
</h1>
<p class="my-5">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, accusamus iusto quibusdam
Expand Down Expand Up @@ -79,7 +79,7 @@ <h2 class="display-3 fw-bold my-4">Acerca de mi</h2>
<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>
<h3 class="my-3 fw-bold">Front End</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
Expand All @@ -88,8 +88,9 @@ <h3 class="my-3 fw-bold">Fotógrafa de comida</h3>
</p>
</div>
<div class="col-12 col-md-4">
<i class="fa-solid fa-gears my-3"></i>
<i class="fas fa-bullhorn fa-3x my-3"></i>
<h3 class="my-3 fw-bold">Crítica culinaria</h3>
<h3 class="my-3 fw-bold">Back End</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
Expand All @@ -99,7 +100,7 @@ <h3 class="my-3 fw-bold">Crítica culinaria</h3>
</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>
<h3 class="my-3 fw-bold">Full Stack</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
Expand All @@ -118,9 +119,9 @@ <h2 class="display-4 fw-bold text-center text-light mb-3">Mis 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/page1.png)"></div>
<div class="card-body">
<h5 class="card-title fw-bold">Asado en la Patagonia</h5>
<h5 class="card-title fw-bold">Código Secreto</h5>
<p class="card-text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Explicabo iure sint, perspiciatis distinctio molestias nihil
Expand All @@ -135,9 +136,9 @@ <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/page2.png)"></div>
<div class="card-body">
<h5 class="card-title fw-bold">Papas del fin del mundo</h5>
<h5 class="card-title fw-bold">Arq. Contemporánea</h5>
<p class="card-text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Deserunt a culpa doloremque voluptatem dicta nam. Maxime ipsum,
Expand All @@ -152,9 +153,9 @@ <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/page3.png)"></div>
<div class="card-body">
<h5 class="card-title fw-bold">Salmones de Alaska</h5>
<h5 class="card-title fw-bold">Formularios</h5>
<p class="card-text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Obcaecati facere quibusdam sint id laborum magni velit ducimus
Expand Down