From 9b66a18208aaa36c0261ede30f9e7420c8382eba Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Tue, 14 Feb 2023 19:43:10 +0000 Subject: [PATCH 01/18] added part of html --- images/facebook.webp | Bin 0 -> 548 bytes images/instagram.webp | Bin 0 -> 716 bytes images/linkedin.webp | Bin 0 -> 638 bytes images/maya.webp | Bin 0 -> 10618 bytes images/twitter.webp | Bin 0 -> 718 bytes 5 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 images/facebook.webp create mode 100644 images/instagram.webp create mode 100644 images/linkedin.webp create mode 100644 images/maya.webp create mode 100644 images/twitter.webp diff --git a/images/facebook.webp b/images/facebook.webp new file mode 100644 index 0000000000000000000000000000000000000000..e719987b054b841065ace08bf25c57c61a1b1ed0 GIT binary patch literal 548 zcmWIYbaRtoVqge&bqWXzu!!JdU|^5{Vs$VAiuhPFGBD_?AK(<2sps;={=kl0Y0o$N z-_E?bHT`^gi%9P6X}Y`awNK|SH|l({=E%yF^7yvwCkj@9*B_{)o9sNl=lEZrh6eMK z41A0W#FQBnwy^p|m1GCTgxI=*n=v_HS&7%_-V;DL*8GdriduXse?2~`5C*P#UHzqng3+CCt?7+*=RII(i z$iP$8?dJr+B{Gc;!VM~aw$(_p6>^{CZ(4F`zSP0JRt#svJyZ|a=WkeT@Im%RK`Mi5 zgs0msV2HX_WTr7NczS9vZ~%F13_^^|48WiTV<|>fFdYWuOGDXlK(+={4KRWjgqaZP zGuv6f>VXD=fxaXo!wY6$JV9wT28Idj3@ku710zEN#)%L%BhUnf1yFHA0|Ukd5EK9Z TXJBAj05MSmsD~Me4Kf}8TuGPU literal 0 HcmV?d00001 diff --git a/images/instagram.webp b/images/instagram.webp new file mode 100644 index 0000000000000000000000000000000000000000..e385442c5e4ebf526c0fffb73ba21b1c6b8b4cc3 GIT binary patch literal 716 zcmWIYbaOkx#J~{l>J$(bU=hK^z`!5@#Oh!K6!Ce?$iSelet=V;;Lf&*Du(|zaIahS z?%rcr#qC>julIi2`+cwepN@bt9&wLz8HKZq#2g=lAFxZ2miVro#P}(0A%j$dWO38V zJ(gT|wguiwZd==bKwd$(sn~2nvEq%u&c_`!`Wy!qo!Yi8cDY^*YpliA)!EUhf&$rB zLUu1^-W8nfq;t_cSg9yKDJLakLAZ&5iIG{Mzss_Hy^W5W7tPzYUCOIf$J;g1Y_ZAf z#a{gq@R?4Oa{n^lgV*kf*xiY83dL*&iYGUzNVHq-&(T`o|4!$dkAv$H-pYRr zY6<-()IwaeI{0osxflK6&Xsam>#~v>_8Hkq`yVc@-gNiiLT@#x1ks0cYq@THXROHJ6^025T$eC&PP)gKazoL4+JR3R)9y@=J>max)2F->r(5;@U$-uB5d2@Au76E| zt$ODs`}bN+j>>P|pPT18=g#d7&$a(|Y(9NKEyywEr}TjxJTF@J-~F9Gul@eZMyHhz z*OpywPXG1EXZ^gF_l<39m!045&%ods;pw&u81t?bnQ06Ro}O9^96%l$gAgM#1274I zu@oaKm<|K-rJ?LNAX@{f2AGf-gqaZPGuv6f>VXD=fu|%R!wY7h=}?-DfnfqW0}D{j rz{t>maUz7x2sD9V0aV=3z<_Z9#Kiyq85o!rKupvC>S0D=gNz3N7a#V# literal 0 HcmV?d00001 diff --git a/images/linkedin.webp b/images/linkedin.webp new file mode 100644 index 0000000000000000000000000000000000000000..400c9a5cfe689df3dcb60e31e20a5ef69f85f0ee GIT binary patch literal 638 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 literal 0 HcmV?d00001 diff --git a/images/twitter.webp b/images/twitter.webp new file mode 100644 index 0000000000000000000000000000000000000000..968f37ace37bc0be5c376acc4a31717252109d3b GIT binary patch literal 718 zcmWIYbaOk##J~{l>J$(bU=hK^z`!5@#Oh!K6!Ce+$iSelet=Ve&2y5<$=oOZ|C=?i znY=bNa^lOqz3khY>T}=!2d3YCcjxA|-b>pidri%~y)E~4*{64V)BPR(@4r*W>9lZ> z_@|~l3nrZ5I(gdBcQygSFhZ+4S(pM zwfKTd$34LS${H`!HQsZHuNwlKI$}P?hm#L+hx;&WJV0A*d|7Y&jv?6Dzg$F+9 z?N4RpYLD5b(BE_X)6vTAT!*p;?Q;&y4KNKUU~|1z!MM8A-f(?tTQC#fkB3s5q5~hW zrtB8JP-(F&!Qj}h0-GqdFD>43_b0e-Gw*iadv4JJZncCrXFs_oKIl_gu-5#Lxylof%baFc}mf@g;Z1ZTpnzF)h3xT zt9D-!(`~g+iT7SI6z-jVxnllC7sWVgqaZPGuv6f>VXD=fxaXo!wY6$ih|N?3=9+4 v8CZaF21bSkj1wVjMxY4{3!vhL1_q1^ASV9*&%nU60AivBP!BT_8)Q5Hz}^PV literal 0 HcmV?d00001 From 06bf722d4576d7b3c010c4cdab0aeb025b33872c Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Tue, 14 Feb 2023 19:47:16 +0000 Subject: [PATCH 02/18] social media html added --- index.html | 33 ++++++++++++++++++++++++++++++++- 1 file changed, 32 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index cd704c69..a1e83996 100644 --- a/index.html +++ b/index.html @@ -11,8 +11,39 @@ - +
+
+

Maya Nelson

+

PROJECT MANAGER

+
+
+ +
+
+
+
+
+ maya +

Maya Nelson

+ + + +
+
+

Hello

+

Here's who I am & what I do

+

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content and make changes to the font.

+

I’m a great place for you to tell a story and let your users know a little more about you.

+
+
+

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

From 984e014e8a8f028cc9d5ffa27b2ef383966f3c13 Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Tue, 14 Feb 2023 20:02:49 +0000 Subject: [PATCH 03/18] added footer html --- .vscode/settings.json | 3 +++ index.html | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..f673a71b --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5502 +} \ No newline at end of file diff --git a/index.html b/index.html index a1e83996..9fae5f3d 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - + Responsive grid project From 91bc82df6e5cd1ca421f8afb30832480fa545e26 Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Tue, 14 Feb 2023 20:07:39 +0000 Subject: [PATCH 04/18] root colors added --- css/main.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/css/main.css b/css/main.css index aa561706..b575c567 100644 --- a/css/main.css +++ b/css/main.css @@ -1,3 +1,7 @@ -/* Add your CSS here */ - -/* Dont' forget to link this file to your HTML in the */ +:root { + --dark-beige: #E6DACD; + --Light-beige: #F4ECE6; + --Royal-blue: #0150FD; + --Black: #000; + --White: #FFF; +} From ec05c0d9597d7cab1efd231467a057d3f7939dbe Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Tue, 14 Feb 2023 20:13:37 +0000 Subject: [PATCH 05/18] added font --- css/main.css | 6 ++++++ index.html | 26 ++++++++++++++++++++++++++ 2 files changed, 32 insertions(+) diff --git a/css/main.css b/css/main.css index b575c567..d6c1bdb8 100644 --- a/css/main.css +++ b/css/main.css @@ -5,3 +5,9 @@ --Black: #000; --White: #FFF; } +/* font-family: 'Poppins', sans-serif; HEADINGS +font-family: 'Quicksand', sans-serif; BODY */ + +body { + font-family: 'Quicksand', sans-serif; +} \ No newline at end of file diff --git a/index.html b/index.html index 9fae5f3d..5faaf752 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,9 @@ + + + Responsive grid project @@ -43,6 +46,29 @@

Here's who I am & what I do

I’m a great place for you to tell a story and let your users know a little more about you.

+
+
+
+

Call

+

123-456-7890

+
+ + + +
+
+

© 2035 by Maya Nelson.

+

Powered and secured by Wix

+
+
From 0222437e503fff631a934ca027edf2542f36fa70 Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Tue, 14 Feb 2023 20:37:43 +0000 Subject: [PATCH 06/18] added grid --- css/main.css | 11 +++++++++-- index.html | 2 +- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/css/main.css b/css/main.css index d6c1bdb8..367c1fce 100644 --- a/css/main.css +++ b/css/main.css @@ -9,5 +9,12 @@ font-family: 'Quicksand', sans-serif; BODY */ body { - font-family: 'Quicksand', sans-serif; -} \ No newline at end of file + font-family: 'Quicksand', sans-serif; + display: grid; + grid-template-columns: 1fr; + grid-template-rows: 300px 800px 300px; +} + + + + diff --git a/index.html b/index.html index 5faaf752..e242674d 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@ -
+

Maya Nelson

PROJECT MANAGER

From a1d3b224af51b283d35c9c46e67455d1858a9bc9 Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Wed, 15 Feb 2023 07:10:13 +0000 Subject: [PATCH 07/18] body grid style updated and photo-maya re-sized --- css/main.css | 32 +++++++++++++++++++++++++++++++- index.html | 6 +++--- 2 files changed, 34 insertions(+), 4 deletions(-) diff --git a/css/main.css b/css/main.css index 367c1fce..8cc39b08 100644 --- a/css/main.css +++ b/css/main.css @@ -12,9 +12,39 @@ body { font-family: 'Quicksand', sans-serif; display: grid; grid-template-columns: 1fr; - grid-template-rows: 300px 800px 300px; + grid-template-rows: 300px 800px 400px; + grid-template-areas: + "header" + "photo" + "footer"; } +/* BODY GRID */ +.header { + background-color: var(White); + grid-area: header; + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.main-container { + background-color: var(--dark-beige); + grid-area: photo; +} + +.footer-container { + background-color: var(--White); + grid-area: footer; +} + +/* PHOTO */ + +.photo-maya { + width: 130px; + border-radius: 50%; +} +/* BUTTONS */ \ No newline at end of file diff --git a/index.html b/index.html index e242674d..b3b8000b 100644 --- a/index.html +++ b/index.html @@ -20,9 +20,9 @@

Maya Nelson

PROJECT MANAGER

- + +

gggg

+
From 99b8dc504ad2149f8e2802b825541bbd11fd0df2 Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Wed, 15 Feb 2023 15:00:55 +0000 Subject: [PATCH 08/18] edited header css --- css/main.css | 26 +++++++++++++++++++++++++- index.html | 8 ++++++-- 2 files changed, 31 insertions(+), 3 deletions(-) diff --git a/css/main.css b/css/main.css index 8cc39b08..3f0f636a 100644 --- a/css/main.css +++ b/css/main.css @@ -47,4 +47,28 @@ body { } -/* BUTTONS */ \ No newline at end of file +/* BUTTONS */ + + + + + +.square { + width: 18px; + height: 18px; + background-color: var(--Royal-blue); +} +a { + text-decoration: none; + color: black; + font-size: large; + font-weight: bold; + font-family: 'Poppins', sans-serif; + padding-left: 4px; +} +.name { + display: flex; + justify-content: space-between; + align-items: center; + padding-top: 10px; +} \ No newline at end of file diff --git a/index.html b/index.html index b3b8000b..ae25ec9b 100644 --- a/index.html +++ b/index.html @@ -14,9 +14,13 @@ -
+
From 2073659620530ab0a77062bf0a6b1e3f87babeec Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Sun, 12 Mar 2023 20:02:17 +0000 Subject: [PATCH 15/18] update desktop css --- css/main.css | 147 ++++++++++++++++++++++++++++++++++++++++-- images/nav-button.png | Bin 0 -> 5308 bytes index.html | 35 ++++++++-- 3 files changed, 169 insertions(+), 13 deletions(-) create mode 100644 images/nav-button.png diff --git a/css/main.css b/css/main.css index 65b4e2a0..cc54e059 100644 --- a/css/main.css +++ b/css/main.css @@ -30,14 +30,16 @@ body { } - +main { + grid-area: photo; +} .main-container { background-color: var(--dark-beige); - grid-area: photo; + /* grid-area: photo; */ display: flex; flex-direction: column; align-items:center; - padding: 120px 20px 20px 20px; + padding: 200px 20px 20px 20px; } .main-photo { @@ -68,7 +70,7 @@ body { height: 17px; background-color: var(--Royal-blue); } -a { +.name a { text-decoration: none; color: black; font-size: 21px; @@ -76,7 +78,12 @@ a { font-family: 'Poppins', sans-serif; padding-left: 7px; } - +.nav-button { + width: 70px; +} +nav { + display:none; +} /* PHOTO CONTAINER*/ .photo-maya { @@ -103,7 +110,12 @@ a { .job-title { margin-top:0; } - +.main-about .button { + display: none; +} +.main-photo .button { + display: block; +} .resume-button { margin-right: 15px; background-color: var(--Royal-blue); @@ -195,4 +207,125 @@ h3 { margin-left: 10px; font-weight: bolder; font-size: 15px;; -} \ No newline at end of file +} + +@media screen and (min-width: 700px) { + body { + grid-template-columns: repeat(5, 1fr) ; + grid-template-rows: 150px 600px 1fr 30px; + grid-template-areas: + "header header header header header" + "photo photo . . ." + "footer footer footer footer footer" + "add add add add add" ; + } + .header {} + + .name-and-title { + display:flex; + flex-direction: row; + } + + .name { + padding-top: 0px; + } + + .job-title { + margin: auto; + padding-left: 10px; + + } + .main-photo .button { + display: none; + } + + .main-about .button { + display: block; + } + + + .nav-button { + display: none; + } + /* PHOTO */ + .main-photo { + width: 400px; + height: 500px; + justify-content: space-around; + } + .social-media { + + margin-bottom: 0; + height: 50px; + } + .social-media-icon-top { + width: 30px; + } + + + + + /* FOOTER */ + + .footer-container { + display: flex; + gap: 40px; + flex-direction: row-reverse; + + } + .footer { + align-self:center; + margin-right: auto; + + } + .telephone { + padding-right: 40px; + } + nav { + display: block; + + } + .navigation__list { + display: flex; + list-style: none; + justify-content: space-evenly; + } + .navigation__item { + padding: 0.5rem 0; + } + .navigation__link { + color: var(--black); + font-weight: 600; + text-transform: uppercase; + text-decoration: none; + padding: 0 1rem; + } + .add { + grid-area: add; + } +} +/* .header { + +} +.main-container { + background-color: var(--dark-beige); + grid-area: photo; + display: flex; + flex-direction: column; + align-items: center; + padding: 0px; + +} */ + /* main { + display: grid; + grid-template-columns: 1fr 2fr; + grid-template-rows: 1fr; + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-areas: + "beige white" */ +/* } */ +/* .main-container { + grid-area: beige; + margin-top: 0; */ +/* } */ diff --git a/images/nav-button.png b/images/nav-button.png new file mode 100644 index 0000000000000000000000000000000000000000..a0f8e6d6f854abfc08901afe59319c43e8913c21 GIT binary patch literal 5308 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 3f30178a..948d5571 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,25 @@
-

gggg

+ + +
+
@@ -46,11 +64,16 @@

Maya
Nelson

-

Hello

-

Here's who I am & what I do

-

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content and make changes to the font.

+

Hello

+

Here's who I am & what I do

+
+ + +
+

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content and make changes to the font.

I’m a great place for you to tell a story and let your users know a little more about you.

+
@@ -78,10 +101,10 @@

Here's who I am & what I do

Powered and secured by Wix

- + -

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

+

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

\ No newline at end of file From dbd40d942c37e467d27081deac626a794ab1c998 Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Mon, 13 Mar 2023 07:06:44 +0000 Subject: [PATCH 16/18] edit grid elements --- css/main.css | 57 ++++++++++++++++++++++++++++------------------------ index.html | 37 +++++++++++++++++----------------- 2 files changed, 50 insertions(+), 44 deletions(-) diff --git a/css/main.css b/css/main.css index cc54e059..7751b237 100644 --- a/css/main.css +++ b/css/main.css @@ -212,7 +212,7 @@ h3 { @media screen and (min-width: 700px) { body { grid-template-columns: repeat(5, 1fr) ; - grid-template-rows: 150px 600px 1fr 30px; + grid-template-rows: 150px 700px 1fr 30px; grid-template-areas: "header header header header header" "photo photo . . ." @@ -247,11 +247,21 @@ h3 { .nav-button { display: none; } + /* MAIN */ + main { + display: grid; + + } /* PHOTO */ .main-photo { width: 400px; height: 500px; justify-content: space-around; + margin-top: 200px; + left:15%; + } + .photo-maya { + width: 200px; } .social-media { @@ -262,8 +272,12 @@ h3 { width: 30px; } - - + /* MAIN TEXT */ + .main-about { + position: absolute; + left: 600px; + width: 30%; + } /* FOOTER */ @@ -303,29 +317,20 @@ h3 { .add { grid-area: add; } + /* .main-text { + position: absolute; + width: 30%; + left: 550px; + margin-top: 0px; + margin-bottom: 1.5rem; + margin-left: 3rem; + margin-right: 3rem; + display: flex; + flex-direction: column; + gap: 3rem; + + } */ } -/* .header { + -} -.main-container { - background-color: var(--dark-beige); - grid-area: photo; - display: flex; - flex-direction: column; - align-items: center; - padding: 0px; -} */ - /* main { - display: grid; - grid-template-columns: 1fr 2fr; - grid-template-rows: 1fr; - grid-column-gap: 0px; - grid-row-gap: 0px; - grid-template-areas: - "beige white" */ -/* } */ -/* .main-container { - grid-area: beige; - margin-top: 0; */ -/* } */ diff --git a/index.html b/index.html index 948d5571..a1e29332 100644 --- a/index.html +++ b/index.html @@ -25,24 +25,24 @@
- -
+ + @@ -73,8 +73,9 @@

Here's who I am & what I do

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content and make changes to the font.

I’m a great place for you to tell a story and let your users know a little more about you.

- + +
From fe62ebfa65aae58daed9a2a9758f696edf606221 Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Mon, 13 Mar 2023 18:54:25 +0000 Subject: [PATCH 17/18] finish off homepage --- css/main.css | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/css/main.css b/css/main.css index 7751b237..db865d6d 100644 --- a/css/main.css +++ b/css/main.css @@ -209,7 +209,7 @@ h3 { font-size: 15px;; } -@media screen and (min-width: 700px) { +@media screen and (min-width: 900px) { body { grid-template-columns: repeat(5, 1fr) ; grid-template-rows: 150px 700px 1fr 30px; @@ -257,8 +257,8 @@ h3 { width: 400px; height: 500px; justify-content: space-around; - margin-top: 200px; - left:15%; + margin-top: 130px; + left:13%; } .photo-maya { width: 200px; @@ -271,6 +271,10 @@ h3 { .social-media-icon-top { width: 30px; } + .name-under-photo { + font-size: 25px; + + } /* MAIN TEXT */ .main-about { @@ -278,6 +282,12 @@ h3 { left: 600px; width: 30%; } + .p-first { + font-size: 7rem; + } + .main-container { + padding: 0px; + } /* FOOTER */ @@ -304,6 +314,9 @@ h3 { list-style: none; justify-content: space-evenly; } + li a:hover { + color: var(--Royal-blue); + } .navigation__item { padding: 0.5rem 0; } From 083882c01abb3a7c4fc57c563e3b8b45e151f1f6 Mon Sep 17 00:00:00 2001 From: PaulinaWywrot Date: Tue, 14 Mar 2023 20:00:55 +0000 Subject: [PATCH 18/18] edit resume html and css --- css/resume.css | 382 +++++++++++++++++++++++++++++++++++++++++++++++++ resume.html | 165 +++++++++++++++++++++ 2 files changed, 547 insertions(+) create mode 100644 css/resume.css create mode 100644 resume.html diff --git a/css/resume.css b/css/resume.css new file mode 100644 index 00000000..1325bbff --- /dev/null +++ b/css/resume.css @@ -0,0 +1,382 @@ +:root { + --dark-beige: #E6DACD; + --Light-beige: #F4ECE6; + --Royal-blue: #0150FD; + --Black: #000; + --White: #FFF; +} + +/* font-family: 'Poppins', sans-serif; HEADINGS +font-family: 'Quicksand', sans-serif; BODY */ + /* BODY GRID */ +body { + + font-family: 'Quicksand', sans-serif; + display: grid; + grid-template-columns: 1fr; + grid-template-rows: 100px 10fr 1fr 100px; + grid-template-areas: + "header" + "photo" + "footer" + "add"; +} +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +/* HEADER */ + +.header { + background-color: var(White); + grid-area: header; + display: flex; + flex-direction: row; + justify-content: space-between; + + +} + + +.square { + width: 17px; + height: 17px; + background-color: var(--Royal-blue); +} +.square2 { + width: 17px; + height: 17px; + background-color: var(--Royal-blue); + margin-bottom:10px; + margin-right: 5px; +} + +.name a { + text-decoration: none; + color: black; + font-size: 21px; + font-weight: bold; + font-family: 'Poppins', sans-serif; + padding-left: 7px; +} +.resume-title { + font-family: 'Poppins', sans-serif; + font-size: 30px; +} +.resume { + display:flex; + flex-direction: row; + align-items: center; + justify-content: center; + margin-top: 40px; +} + +.nav-button { + width: 70px; +} + +nav { + display: none; +} + + + +.name { + display: flex; + justify-content: space-between; + align-items: center; + padding-top: 10px; +} + +.job-title { + margin-top: 0; +} + + +.button { + display: flex; + align-items: center; + justify-content: space-around; + gap: 50px; +} +.resume-button { + background-color: var(--Royal-blue); + border: none; + padding: 10px 20px; + color: white; + border-radius: 20px; + +} + + + +main { + background-color: var(--dark-beige); + display: flex; + flex-direction: column; + gap: 1rem; + grid-area: photo; + +} + + +.white-container { + margin: 2rem; + padding: 1.5rem; + background-color: var(--White); + width: 300px; + height: 400px; + display: flex; + flex-direction: column; + gap: 2rem; + box-shadow: rgba(0, 0, 0, 0.24) -4px 3px 8px; +} + +.white-container h4 { + color: var(--Royal-blue); + font-family: 'Poppins', sans-serif; +} + +.white-container p:nth-child(4) { + margin-top: -30px; +} + +.edication-title { + display: flex; + margin: 1rem; +} + +.education-title h2 { + font-family: 'Poppins', sans-serif; +} + +.white-container-skills { + margin: 2rem; + padding: 1.5rem; + background-color: var(--White); + width: 300px; + height: 600px; + display: flex; + flex-direction: column; + gap: 2rem; + box-shadow: rgba(0, 0, 0, 0.24) -4px 3px 8px; +} + +.white-container-skills h2 { + font-family: 'Poppins', sans-serif; +} + +.skills { + display: flex; + flex-direction: column; + gap: 2rem; +} + +.skills-flex { + display: flex; + justify-content: flex-start; + align-items: center; + gap: 2rem; +} + +.social-media { + background-color: var(--White); + align-self: stretch; +} + + +/* HEADINGS*/ + +h1 { + font-family: 'Poppins', sans-serif; + font-size: 40px; + margin-bottom: 0px; +} + +h3 { + font-family: 'Quicksand', sans-serif; + padding-bottom: 10px; +} + +/* FOOTER CONTACT */ +.contact { + display: flex; + justify-content: space-between; + padding-bottom: 10px; + padding-top: 8px; + margin-right: 15px; + font-size: 15px; +} + +.telephone { + display: flex; + flex-direction: column; +} + +.email { + display: flex; + flex-direction: column; +} + +/* FOOTER SOCIAL MEDIA*/ +.social-media-bottom { + display: flex; + flex-direction: column; + padding-bottom: 8px; +} + +.social-media-icon-bottom { + width: 26px; + padding: 4px; + margin-bottom: 15px; +} + +/* FOOTER */ +.footer-container { + background-color: var(--White); + grid-area: footer; + z-index: 0; +} +.footer { + display: flex; + flex-direction: column; + padding-bottom: 15px; +} + +/* PARAGRAPH*/ +.paragraph-margin { + margin-top: 5px; + margin-bottom: 0px; + margin-left: 10px; + font-size: 15px; +} + +.title-bold { + margin-bottom: 0px; + margin-left: 10px; + font-weight: bolder; + font-size: 15px; + ; +} +.add { + grid-area: add; +} +@media screen and (min-width: 900px) { + + .name-and-title { + display: flex; + flex-direction: row; + } + + .name { + padding-top: 0px; + } + + .job-title { + margin: auto; + padding-left: 10px; + + } + + .nav-button { + display: none; + } + + .social-media { + + margin-bottom: 0; + height: 50px; + } + + /* MAIN */ + + main { + + align-items: center; + } + + .white-container { + margin: 2rem; + padding: 1.5rem; + + width: 700px; + height: 400px; + display: flex; + flex-direction: column; + gap: 2rem; + box-shadow: rgba(0, 0, 0, 0.24) -4px 3px 8px; + } + + .white-container-skills { + margin: 2rem; + padding: 1.5rem; + /* background-color: var(--white); */ + width: 700px; + height: 600px; + display: flex; + flex-direction: column; + gap: 2rem; + box-shadow: rgba(0, 0, 0, 0.24) -4px 3px 8px; + } + .experience-title { + font-size: 25px; + } + + .education-title { + font-size: 25px; + + } + + /* FOOTER */ + + .footer-container { + display: flex; + gap: 40px; + flex-direction: row-reverse; + + } + + .footer { + align-self: center; + margin-right: auto; + + } + + .telephone { + padding-right: 40px; + } + + nav { + display: block; + + } + + .navigation__list { + display: flex; + list-style: none; + justify-content: space-evenly; + } + + li a:hover { + color: var(--Royal-blue); + } + + .navigation__item { + padding: 0.5rem 0; + } + + .navigation__link { + color: var(--black); + font-weight: 600; + text-transform: uppercase; + text-decoration: none; + padding: 0 1rem; + } + + .add { + grid-area: add; + } + +} \ No newline at end of file diff --git a/resume.html b/resume.html new file mode 100644 index 00000000..c6035d56 --- /dev/null +++ b/resume.html @@ -0,0 +1,165 @@ + + + + + + + + + + + + + Responsive grid project + + + + + + + +
+ +
+
+
+

Resume

+
+
+

Experience

+ +
+ +
+

2035 - Present

+

JOB POSITION

+

Company Name

+

Company Location

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure nam minus debitis perferendis ipsa atque neque + repudiandae illum assumenda quibusdam voluptates molestias laboriosam fugiat dolor sequi illo, aut veniam + doloribus.

+
+ +
+

Education

+
+ +
+

2035 - 2035

+

UNIVERSITY NAME

+

Degree Level

+

University Location

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure nam minus debitis perferendis ipsa atque neque + repudiandae illum assumenda quibusdam voluptates molestias laboriosam fugiat dolor sequi illo, aut veniam + doloribus.

+
+ +
+

Professional skillset

+
+
+
+

Entrepreneurial Mindset

+
+ +
+
+

Go-to-Market Planning

+
+ +
+
+

Teamwork & Collaboration

+
+ +
+
+

Digital Analytics

+
+
+ +

Languages

+
+
+
+

English (native)

+
+ +
+
+

Spanish (proficient)

+
+ +
+
+

French (proficient)

+
+
+
+ +
+ +
+
+
+

Call

+

123-456-7890

+
+ +
+ +
+
+

© 2035 by Maya Nelson.

+

Powered and secured by Wix

+
+
+ + + +

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

+ + + \ No newline at end of file