From 5df51816ff5d2020b55f4fdf65cded873e269de1 Mon Sep 17 00:00:00 2001 From: Dipti Solanki Date: Thu, 20 Sep 2018 15:20:32 +0530 Subject: [PATCH 1/4] Design update Created basic template and added css. --- Home.html | 42 ++++++++++++++++++++++++++++++++++++++++-- style.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 86 insertions(+), 2 deletions(-) create mode 100644 style.css diff --git a/Home.html b/Home.html index 6c7d707..1921d35 100644 --- a/Home.html +++ b/Home.html @@ -2,9 +2,47 @@ - + + Home + + + + + - Hello! + +
+ + + Trending Topics + Account + Help +
+ diff --git a/style.css b/style.css new file mode 100644 index 0000000..197b1fa --- /dev/null +++ b/style.css @@ -0,0 +1,46 @@ +@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700'); +.container-fluid { + color: #FFFFFF; +} +.navbar { + padding-top: 15px; + padding-bottom: 15px; + border: 0; + border-radius: 0; + margin-bottom: 0; + font-size: 20px; + letter-spacing: 10px; +} +/* The side navigation menu */ +.sidebar { + margin: 0; + padding: 0; + width: 200px; + background-color: #f1f1f1; + position: fixed; + height: 100%; + overflow: auto; + font-size: 20px; +} +/* Sidebar links */ +.sidebar a { + display: block; + color: black; + padding: 16px; + text-decoration: none; +} +/*Links on mouseover*/ +.sidebar a:hover:not(.active) { + background-color: #555; + color: white; +} +/* Page content. The value of the margin-left property should match the value of the sidebar's width property */ +div.content { + margin-left: 200px; + padding: 1px 16px; + height: 1000px; +} +.sub { + text-align: left; + font-size: 15px; +} From a59cf473b9dc60cce29d7d36c8e703df48579a48 Mon Sep 17 00:00:00 2001 From: Dipti Solanki Date: Thu, 27 Sep 2018 09:38:04 +0530 Subject: [PATCH 2/4] Design Update Added search bar --- Home.html | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/Home.html b/Home.html index 1921d35..bf8ed82 100644 --- a/Home.html +++ b/Home.html @@ -23,6 +23,16 @@