From 929b3900dbfba9712b1739eaf6edcc4cab3e27c9 Mon Sep 17 00:00:00 2001 From: Yuliya110692 <122671093+Yuliya110692@users.noreply.github.com> Date: Fri, 2 Jun 2023 09:17:39 +0100 Subject: [PATCH] London10 - Yulia - Html-Css-CourseWork-Week4 --- css/main.css | 94 ++++++++++++++++++++++++++++++++++++++++++++++++++-- index.html | 48 ++++++++++++++++++++++----- 2 files changed, 132 insertions(+), 10 deletions(-) diff --git a/css/main.css b/css/main.css index aa561706..11b1f7a3 100644 --- a/css/main.css +++ b/css/main.css @@ -1,3 +1,93 @@ -/* Add your CSS here */ +* { + font-family: 'Quicksand', sans-serif; +} -/* Dont' forget to link this file to your HTML in the */ +.logo { + width: 17px; + height: 17px; + background-color: #0150FD; + border: 1px solid; + margin-left: 50px; + margin-right: 10px; +} + +.custom-nav { + display: flex; + align-items: center; + font-size: 18px; +} + +.nav-items--left { + font-size: 22px; +} + +.nav-items--right { + display: flex; + margin-left: auto; +} + +.nav-link { + margin-right: 50px; +} + +.name { + font-family: 'Poppins', sans-serif; + font-size: 30px; +} + +main { + background-color: antiquewhite; + margin-top: 6rem; + margin-bottom: 6rem; + display: flex; + flex-direction: row-reverse; + justify-content: center; + align-items: center; +} + +.info-section { + width: 25rem; + height: 35rem; + display: flex; + flex-direction: column; + justify-content: center; +} + +.picture-section { + background-color: #f4ece6; + margin-right: 3rem; + width: 36rem; + height: 35rem; + border: 1px solid grey; + display: flex; + flex-direction: column; + align-items: center; +} + +#profile-image { + width: 8rem; + height: 8rem; + border-radius: 50%; + margin-top: 2rem; +} + +#person-name { + font-size: 1.8rem; + font-weight: bolder; +} + +#person-job { + font-size: 1.8rem; + margin-bottom: 8rem; +} + +.footer-icons img { + width: 2rem; + height: 2rem; +} + +footer { + display: flex; + margin-left: 4rem; + margin-top: 5rem; +} diff --git a/index.html b/index.html index cd704c69..5f644882 100644 --- a/index.html +++ b/index.html @@ -5,17 +5,49 @@ - - Responsive grid project + + My Portfolio +
+ +
- - +
+
+
Hello
+

Here's who I am & what I do

+
+

I'm a passionate software developer with a strong focus on web development. I have experience working with HTML, CSS, and JavaScript, and I enjoy creating dynamic and interactive websites. I'm also proficient in various frameworks and libraries, such as React and Angular.

+
+

I'm constantly seeking opportunities to enhance my skills and stay up-to-date with the latest technologies in the industry. I love problem-solving and collaborating with teams to create innovative solutions that meet the needs of users.

+
+
+
+ Profile Image +

Maya
Nelson

+
+

WEB DEVELOPER

+
+ + + +
+
+
- -

This website design was created by Wix.com, and is used here for strictly educational purposes.

+ - - \ No newline at end of file +