From fb0539a10fd58db098982334b3d4997527d2c13e Mon Sep 17 00:00:00 2001 From: Sujin Shin Date: Mon, 23 May 2022 10:35:09 -0400 Subject: [PATCH] portfolio additions --- pages/about.html | 30 ++++++++++++++-- pages/index.html | 31 ++++++++++++++-- pages/portfolio.html | 29 +++++++++++++-- styles/style.css | 86 ++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 170 insertions(+), 6 deletions(-) create mode 100644 styles/style.css diff --git a/pages/about.html b/pages/about.html index b4ae215c4..36818f615 100644 --- a/pages/about.html +++ b/pages/about.html @@ -1,12 +1,38 @@ + + Document - - + + + +
+

About Me

+
+ +
+

+ Hi! My name is Sujin, and I'm a full stack developer with a combined interest in transportation planning. I'm passionate about making cities more equitable places to live for everyone. Outside of work I love to dance, do yoga, swim, bike, cook, and longboard around NYC. +

+
+ + + \ No newline at end of file diff --git a/pages/index.html b/pages/index.html index b4ae215c4..032829d28 100644 --- a/pages/index.html +++ b/pages/index.html @@ -1,12 +1,39 @@ + - Document + Sujin Shin Personal Portfolio Site + + - + +
+

Sujin Shin

+
+ + + + + + + + + + + \ No newline at end of file diff --git a/pages/portfolio.html b/pages/portfolio.html index b4ae215c4..193f79a4b 100644 --- a/pages/portfolio.html +++ b/pages/portfolio.html @@ -4,9 +4,34 @@ + Document - - + + + +
+

Portfolio

+
+ + + + + + \ No newline at end of file diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 000000000..84ffe76ae --- /dev/null +++ b/styles/style.css @@ -0,0 +1,86 @@ +h1 { + color: white; + font-family: sans-serif; + font-weight: 600; + font-size: 3em; +} + +body { + background-color: lightblue; +} + +nav { + font-family: sans-serif; +} + +p { + font-family: sans-serif; + color: white; + background-color: lightseagreen; +} + +footer h4 { + font-family: sans-serif; + color: lightseagreen; + font-size: 2em; + font-weight: 400; +} + +/* li { + list-style: none; +} */ + +.container { + width: 100vw; + height: 100vh; + + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-rows: 1fr 1fr 1fr 1fr; +} + +#top { + background-color: lightcoral; + grid-column: 1 / 5; + grid-row: 1 / 1; + border: white 1px solid; +} + +#introduction { + grid-row: 2 / 2; + grid-column: 1 / 3; +} + +#last { + grid-column: 1 / 5; + grid-row: 3 / 3; +} + +/* * { + border: black 1px solid; +} */ + +#portfolio_title { + border: white 1px solid; +} + +#index_title { + border: white 1px solid; +} + +#portfolio_links { + font-family: sans-serif; + color: white; + background-color: lightcoral; +} + +#website_nav { + font-family: sans-serif; + color: white; +} + +.portfolio_container { + display: flex; + flex-direction: column; + +} \ No newline at end of file