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 GitHub #132

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
+21 −20
Open

Desafio GitHub #132

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
d235545
miprimer-cambio
Torresraul10 Jun 28, 2024
cba3f83
misegundocambio
Torresraul10 Jun 28, 2024
c652437
mitercercambio
Torresraul10 Jun 28, 2024
c5903d7
micuarto-cambio
Torresraul10 Jun 28, 2024
ce3b4a1
miquinto-cambio
Torresraul10 Jun 28, 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: 2 additions & 2 deletions assets/css/estilos.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,13 @@ body {
/* Hero Section */

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

/* Mis trabajos */
/* productos */

#Mis-trabajos .image-top {
height: 250px;
Expand Down
Binary file added assets/img/alexa.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/audifonos.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 removed assets/img/bg-hero.jpg
View file
Open in desktop
Binary file not shown.
Binary file removed assets/img/card-1.jpg
View file
Open in desktop
Binary file not shown.
Binary file removed assets/img/card-2.jpg
View file
Open in desktop
Binary file not shown.
Binary file removed assets/img/card-3.jpg
View file
Open in desktop
Binary file not shown.
Binary file added assets/img/fondo.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 modified assets/img/logo.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/mouse.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.
37 changes: 19 additions & 18 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,18 +10,19 @@
<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>RTElectronic</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">
<script src="https://kit.fontawesome.com/5182c29b36.js" crossorigin="anonymous"></script>
</head>

<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">
<img src="assets/img/logo.png" width="200" class="img-fluid">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -49,7 +50,7 @@
<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
Artículos electrónicos
</h1>
<p class="my-5">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, accusamus iusto quibusdam
Expand Down Expand Up @@ -79,7 +80,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">Fotógrafia de productos</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 +89,8 @@ <h3 class="my-3 fw-bold">Fotógrafa de comida</h3>
</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="fa-brands fa-square-instagram fa-3x my-3"></i>
<h3 class="my-3 fw-bold">Instagram</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 @@ -98,8 +99,8 @@ <h3 class="my-3 fw-bold">Crítica culinaria</h3>
</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="fa-solid fa-wallet fa-3x my-3"></i>
<h3 class="my-3 fw-bold">Valores assecibles</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 @@ -111,16 +112,16 @@ <h3 class="my-3 fw-bold">Bloggera de viajes</h3>
</section>


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

<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">Articulos electrónicos</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/alexa.jpg)"></div>
<div class="card-body">
<h5 class="card-title fw-bold">Asado en la Patagonia</h5>
<h5 class="card-title fw-bold">Alexa</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/audifonos.jpg)"></div>
<div class="card-body">
<h5 class="card-title fw-bold">Papas del fin del mundo</h5>
<h5 class="card-title fw-bold">Audifonos</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/mouse.jpg)"></div>
<div class="card-body">
<h5 class="card-title fw-bold">Salmones de Alaska</h5>
<h5 class="card-title fw-bold">Mouse con teclado</h5>
<p class="card-text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Obcaecati facere quibusdam sint id laborum magni velit ducimus
Expand Down Expand Up @@ -214,8 +215,8 @@ <h2 class="display-4 fw-bold text-center my-4">Contáctame</h2>



<footer class="bg-dark text-center text-light p-4">
<p class="mb-0">Olivia Ros 2019. Todos los derechos reservados.</p>
<footer class="bg-secondary text-center text-light p-4">
<p class="mb-0">RTElectronic 2024. Todos los derechos reservados.</p>
</footer>


Expand Down