From cec35c680e07ea67ff284922ca4e92da7f4ae4f4 Mon Sep 17 00:00:00 2001 From: Edmarv Allen Abril Date: Mon, 8 Jan 2018 18:00:14 +0800 Subject: [PATCH] change layout and content --- index.html | 47 +++++++++++++++++++---------------------------- style.css | 50 ++++++++++++++++++++++++++++++++++++-------------- 2 files changed, 55 insertions(+), 42 deletions(-) diff --git a/index.html b/index.html index 524cf5d..5900939 100644 --- a/index.html +++ b/index.html @@ -1,31 +1,22 @@ - - - Green Sydney - Picture - - - -

Green Sydney!

-

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. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-

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. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-

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. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

- - + + + ZTM + + + + +
+ slack + udemy +
+
+

Zero to Mastery

+

web developers in progress

+
+ + diff --git a/style.css b/style.css index 2ac0f6d..ef17be0 100644 --- a/style.css +++ b/style.css @@ -1,21 +1,43 @@ -/*Css frame ~GetHubs*/ -body { - background-color: #99d6ff; - text-align: center; +body{ + margin: 0; + font-family: Quicksand, sans-serif; + background-image: url("https://images.unsplash.com/photo-1455461491901-a0990c10d84c?auto=format&fit=crop&w=750&q=80"); + background-repeat: no-repeat; + background-size: cover; } + +header{ + margin-top: 20px; + text-align: right; +} + +header a{ + text-decoration: none; + color: white; + text-transform: uppercase; + margin-right: 30px; } -h1 { - color: white; - background: Green; - text-align: center; +header a:hover{ + color: #6FD4D4; } -p { - font-family: verdana; - font-size: 20px; +#intro{ + margin-top: 120px; + text-align: center; + font-size: 3em; + text-shadow: 2px 2px 8px black; + color: rgba(255, 255, 255, 0.9); } -head { - boarder:20px solid blue; - } \ No newline at end of file +footer p{ + margin-top: 100px; + color: white; + font-size: 0.8em; + text-align: center; +} + +footer a{ + text-decoration: none; + color: #64CACA; +}