From d4e91bf1cf7ee9d7ede03b8e89e833155fba7e37 Mon Sep 17 00:00:00 2001 From: Tedros-Ghebrekirstos <62697489+Tedros-Ghebrekirstos@users.noreply.github.com> Date: Sat, 9 May 2020 18:28:47 +0100 Subject: [PATCH 1/3] HTML-CSS-WEEK1-ASSIGNMENT --- week1/3-website/css/style.css | 112 ++++++++++++++++++++++++++++++++++ week1/3-website/index.html | 51 +++++++++++++++- 2 files changed, 162 insertions(+), 1 deletion(-) diff --git a/week1/3-website/css/style.css b/week1/3-website/css/style.css index 75e9841e..73084e98 100644 --- a/week1/3-website/css/style.css +++ b/week1/3-website/css/style.css @@ -6,3 +6,115 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ + *{ + margin: 0px; + padding: 0px; + box-sizing: border-box; + font-family: Arial, sans-serif; +} + +article { + display:inline-block; + border: 5px solid transparent; + margin: 0px, 0px, 0px, 0px; + background-color: lightgray; + padding:50px; + width: 100%; + font-size:20px; + } + +header { + display:inline-block; + border: 5px solid transparent; + margin: 0px, 0px, 0px, 0px; + background-color: #696969; + padding:10px; + width: 100%; + } + +#header-img{ display:inline-block; + float: left; + width: 100px; + height:100px; + margin:0% 0% 0% 0%; + border-radius:10%; + } +.about-img{ display:inline-block; + float: left; + width: 200px; + height:200px; + margin:0% 0% 0% 0%; + border-radius:10%; + padding:10px; + } + +#nav-bar{ + display:inline; + overflow:hidden; + position:flex; + top:0px; + background-color:#696969; + width:100%; + font-size: 0.5em; + } + +input {display:inline-block; + margin: 25px 0px 0px 0px; + } + + +#nav-bar>a { display:inline-block; + float: right; + color: white; + text-align: center; + padding: 10px 16px; + text-decoration: none; + background-color:#696969; + font-size: 5em; + } + +#nav-bar>h1 { display:inline-block; + float: left; + color:white; + text-align: center; + padding: 10px 16px; + text-decoration: none; + background-color:#696969; + font-size: 5em; + } + +#nav-bar>a:hover { + background-color: lightgray; + color: black; + } + +.nav-link { + font:black; + font-size: 0.5cm; + } + +.footer-format{ + padding:20px; + text-align:center; + background-color:#696969; + border-radius:0%; + font-size: 0.5cm; + } + +.footer-text{ + text-align:center; + background-color:#696969; + font-size: 0.5cm; + } + +#About aside p:first-of-type{ + color:blue; + } + +main article:first-child{ + color:#1E90FF; + } + +main article:nth-of-type(2n){ + color: #7B68EE; + } \ No newline at end of file diff --git a/week1/3-website/index.html b/week1/3-website/index.html index 67dfc7f5..e1b24297 100644 --- a/week1/3-website/index.html +++ b/week1/3-website/index.html @@ -6,7 +6,7 @@ name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> - My Blog + My Sports Blog +
+ +
+
+
+
+

About 1

+ Header image +

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

For more information
Home page +
+ +
+

Arobic

+ Header image +

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

For more information
Home page +
+ +
+

Anaerobic

+ Header image +

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

For more information
Home page +
+ +
+

Meditations

+ Header image +

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

For more information
Home page +
+
+
+ From 2d28fd2850036d5a81534301f4f0eb82112bc2ee Mon Sep 17 00:00:00 2001 From: Tedros-Ghebrekirstos <62697489+Tedros-Ghebrekirstos@users.noreply.github.com> Date: Sat, 9 May 2020 23:42:29 +0100 Subject: [PATCH 2/3] Update style.css --- week1/3-website/css/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/week1/3-website/css/style.css b/week1/3-website/css/style.css index 73084e98..65cf7b6f 100644 --- a/week1/3-website/css/style.css +++ b/week1/3-website/css/style.css @@ -33,8 +33,8 @@ header { } #header-img{ display:inline-block; - float: left; - width: 100px; + float:left; + width: 100px; height:100px; margin:0% 0% 0% 0%; border-radius:10%; From 1c3ec7685378f2925b13f00f0ebfcad57c099b32 Mon Sep 17 00:00:00 2001 From: Tedros-Ghebrekirstos <62697489+Tedros-Ghebrekirstos@users.noreply.github.com> Date: Sat, 9 May 2020 23:43:52 +0100 Subject: [PATCH 3/3] Update index.html --- week1/3-website/index.html | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/week1/3-website/index.html b/week1/3-website/index.html index e1b24297..76e1c7d9 100644 --- a/week1/3-website/index.html +++ b/week1/3-website/index.html @@ -2,16 +2,9 @@ - + My Sports Blog - +