From 3efd56c4dbc6c76e3e420453bdf5120b1cc20ec9 Mon Sep 17 00:00:00 2001 From: HTLuff Date: Sun, 3 Jun 2018 16:31:25 +0100 Subject: [PATCH 1/3] personal website commit --- index.html | 42 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..e829790 --- /dev/null +++ b/index.html @@ -0,0 +1,42 @@ + + + + Personal Portfolio + + + + + + + +
+
+
+
+ +

Harry Luff

+

Fullstack JavaScript Student

+
+ + + +
+
+
+
+ + + + + From 0897b186324bce6a6e192a6a10c85e873f1c2681 Mon Sep 17 00:00:00 2001 From: HTLuff Date: Sun, 3 Jun 2018 17:49:44 +0100 Subject: [PATCH 2/3] new sections added --- index.html | 67 +++++++++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 61 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index e829790..7b46d94 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,7 @@ +
@@ -32,11 +33,65 @@

Fullstack JavaScript Student

- - - + +
+
+
+
+

Hi, I'm Harry. Nice to meet you.

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

+
+
+
+
+ +
+
+
+
+

Here are some skills I have & some that I'm working on

+
+
+
+
+
HTML
+
+
+
CSS
+
+
+
JavaScript
+
+
+
+
+
+ +
+

Quotes Section Coming Soon...

+ +
+ +
+
+

Thank you for visiting!

+
+
From c71fd81447af1a107f9b0d9fcddb699be6d01561 Mon Sep 17 00:00:00 2001 From: HTLuff Date: Mon, 4 Jun 2018 10:35:56 +0100 Subject: [PATCH 3/3] stylesheet added --- myStylesheet.css | 85 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 myStylesheet.css diff --git a/myStylesheet.css b/myStylesheet.css new file mode 100644 index 0000000..20907d7 --- /dev/null +++ b/myStylesheet.css @@ -0,0 +1,85 @@ +/* Global level */ +html { + height: 100%; +} +body { + background: #D8D5Ca; + background: linear-gradient(to bottom right, #F2F5EA, #FFF2F2) +} +/* Previous bg colors - F2F5EA FFF2F2 */ +/* First section */ +#content { + text-align: center; + padding-top: 15%; + width: 100%; + padding-bottom: 15%; + color: #0A0A33; +} +#profile-pic { + border-radius: 50%; +} +.social-links { + display: inline-block; + font-family: sans-serif; + color: #0A0A33; +} +#name-title { + font-family: 'Kalam', cursive; + font-size: 3.5em; + /* text-shadow: 0px 1px 2px #f8f8f8; */ +} +#name-subtitle { + font-family: 'Lato', sans-serif; +} +hr { + width: 275px; + border-top: 1px solid #f8f8f8; + border-bottom: 1px solid rgba(0,0,0,0.2); /* border shadow */ +} +/* Second section */ +#second-section { + width: 100%; + background-color: #FF7264; +} +#welcome-message { + text-align: center; + color: white; + padding-top: 15%; + padding-bottom: 15%; + padding-left: 5%; + padding-right: 5%; +} +/* My Skills Section */ +#skills-section{ + padding-top: 7.5%; + padding-bottom: 7.5%; + background-color: #63FFD4; + width: 100%; +} +#my-skills-title { + text-align: center; + padding-bottom: 3%; +} +.progress-bar { + background-color: #0A0A33; +} +/* Quotes Section */ +#quotes-section { + padding-top: 7.5%; + padding-bottom: 7.5%; + background-color: #FDDE97; + width: 100%; +} +#coming-soon-notice { + text-align: center; +} +/* Footer section */ +#footer-section { + background-color: #0A0A33; +} +#goodbye-message { + color: white; + text-align: center; + padding-top: 2%; + padding-bottom: 1%; +}