diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..6f3a2913e --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/assets/css/estilos.css b/assets/css/estilos.css index dc713cd23..3c9a79591 100644 --- a/assets/css/estilos.css +++ b/assets/css/estilos.css @@ -2,22 +2,35 @@ body { font-family: "Raleway", sans-serif; } +/* navbar */ + +.navbar-brand img { + width: 150px; + height: auto; +} + + /* Hero Section */ #Hero-Section { - background-image: url("../img/bg-hero.jpg"); + background-image: url("../img/hero-img.jpg"); background-repeat: no-repeat; background-size: cover; - background-position: left; + background-position: center; } /* Mis trabajos */ +.card { + height: 100%; +} + #Mis-trabajos .image-top { - height: 250px; + height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center; + object-fit: cover; } /* Contacto */ diff --git a/assets/img/cupones-page.png b/assets/img/cupones-page.png new file mode 100644 index 000000000..976a836f7 Binary files /dev/null and b/assets/img/cupones-page.png differ diff --git a/assets/img/hero-img.jpg b/assets/img/hero-img.jpg new file mode 100644 index 000000000..892bc59bb Binary files /dev/null and b/assets/img/hero-img.jpg differ diff --git a/assets/img/iguana-page.png b/assets/img/iguana-page.png new file mode 100644 index 000000000..ce4f4831d Binary files /dev/null and b/assets/img/iguana-page.png differ diff --git a/assets/img/landing-page.png b/assets/img/landing-page.png new file mode 100644 index 000000000..3b500327b Binary files /dev/null and b/assets/img/landing-page.png differ diff --git a/assets/img/logo-2.png b/assets/img/logo-2.png new file mode 100644 index 000000000..187230762 Binary files /dev/null and b/assets/img/logo-2.png differ diff --git a/index.html b/index.html index d96ee5a64..f7dec4932 100644 --- a/index.html +++ b/index.html @@ -1,227 +1,252 @@ - - - - - - - - - - Olivia Ros - - - - - + + + + + + + + + Raquel Pérez + + + + + + -
-
-
-

- Comidas del fin
del mundo -

-

- 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. -

-
- - -
-
+
+
+

+ Mi pasión por el
+ Desarrollo Web +

+

+ La decisión de transicionar al desarrollo front-end porque fue + natural, y que creo en la importancia del desarrollo web como + herramienta clave en la comunicación y el acceso a la información en + el mundo moderno. El desarrollo web me permite combinar creatividad y + lógica para construir interfaces que sean funcionales, atractivas y + accesibles. Me emociona la idea de formar parte de campo en constante + evolución, donde puedo aprender continuamente y crear soluciones que + realmente marquen una diferencia en la experiencia de los usuarios. +

+
+ +
+
-
- - -

Acerca de mi

- -

- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio quisquam distinctio, odit laborum aliquam - earum itaque cum sequi, dolorem optio vol -

- - -
-
- -

Fotógrafa de comida

-

- 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. -

-
-
- -

Crítica culinaria

-

- 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. -

-
-
- -

Bloggera de viajes

-

- 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. -

-
+

Acerca de mí

+ +

+ Soy una profesional en transición al desarrollo front-end, con + experiencia en roles administrativos y de atención al cliente. Estoy + aprendiendo HTML, CSS, JavaScript y React, motivada por crear interfaces + web funcionales y atractivas. Busco aportar soluciones innovadoras + mientras desarrollo mi carrera en el mundo digital. +

+ +
+
+ +

Creatividad

+

+ Disfruto encontrar soluciones innovadoras a problemas, combinar + ideas de manera única y expresar conceptos de forma visual y + funcional. +

+
+
+ +

Adaptabilidad

+

+ Mi experiencia en roles variados me ha enseñado a trabajar + eficientemente bajo distintas circunstancias y a responder con + flexibilidad a las necesidades del equipo. +

+
+ +

Analítica

+

+ Mi experiencia en gestión de información y resolución de problemas + me permite abordar tareas de manera lógica y estructurada, + asegurando resultados efectivos. +

+
+
-
- -

Mis trabajos

- -
-
-
-
-
-
Asado en la Patagonia
-

- 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. -

- -
-
+

+ Mis proyectos +

+ +
+
+
+
+
+
Mi landing page
+

+ En este proyecto pude crear una landing page que contenía un + header con su barra de navegación, una sección principal con + productos, una sección con una breve descripción de la tienda y + un formulario de contacto. En su pie de página contenia el + disclaimer de copyright. +

+
+ +
-
-
-
-
-
Papas del fin del mundo
-

- 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? -

- -
-
+
+
+
+
+
+
+
Iguana Page
+

+ En esta página se trato de replicar la maqueta llamada "Iguana + Page" para aplicar flexbox en todas las secciones. La misma esta + estructurada con CSS en su totalidad y pudo replicar tando los + colores, las medidas, y las fuentes de la misma. A su vez, se + incluyeron iconos sacados de Font Awesome. +

+
+ +
-
-
-
-
-
Salmones de Alaska
-

- 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. -

- -
-
+
+
+
+
+
+
+
Cuppon Page
+

+ En esta página pude aprender a utilizar los principios de + bootstrap para personalizar el sitio web y, por sobre todas la + cosas, hacer el sitio lo más responsivo posible utilizando su + sintáxis para modificar colores, márgenes, padding, e incluso + aplicar flexbox y grids dentro del HTML. +

+
+ +
+
- +
- -
+

Contáctame

-

Contáctame

- -

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?

- -
- - -
- - -
- -
- - -
- - -
- - -
- -
- -
+

+ ¡Me encantaría saber de ti! Si tienes alguna pregunta sobre mi y mis proyectos, no + dudes en contactarme. ¡Estaré encantada de responderte! +

+ +
+ + +
+
+ + +
-
+
+ + +
+
+ +
+
- -
-

Olivia Ros 2019. Todos los derechos reservados.

+

Raquel Pérez 2019. Todos los derechos reservados.

- - - - - - \ No newline at end of file + +