From ad13e91a39f284cd929b8acbce780661bca31e6c Mon Sep 17 00:00:00 2001 From: AdrianIlovan Date: Wed, 1 Feb 2023 15:01:48 +0000 Subject: [PATCH 1/8] HTML Basic --- index.html | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 67dfc7f5..e4bf2221 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,16 @@ - - +
+ + + > +
From e5be6aedaf4076a670484b83f1560a90a10240e7 Mon Sep 17 00:00:00 2001 From: AdrianIlovan Date: Wed, 1 Feb 2023 19:47:33 +0000 Subject: [PATCH 2/8] Navigation Bar HTML/CSS Complete --- css/style.css | 61 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) diff --git a/css/style.css b/css/style.css index 75e9841e..de062669 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,64 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ +@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,500&display=swap'); + +* { + box-sizing: border-box; + margin: 0; + padding: 0; + background-color: #202325; +} + +li, a, button { + font-family: "Montserrat", sans-serif; + font-weight: 500; + font-size: 16px; + color: aliceblue; + text-decoration: none; +} + +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 10%; +} + +.logo { + cursor: pointer; + } + +.navigation_links { + list-style: none; +} + +.navigation_links li { + display: inline-block; + padding: 0px 20px; +} + +.navigation_links li a { + transition:all 0.3s ease 0s; +} + +.navigation_links li a:hover { + color: #202325; +} + +button { + padding: 9px 25px; + background-color: rgb(48, 44, 44); + border: none; + border-radius: 40px; + cursor: pointer; + transition:all 0.3s ease 0s; +} + +button:hover { + background-color: black; +} + +li { + cursor: pointer; +} \ No newline at end of file From f35743eabe57de7ed34ca3ed11c219dcb2fcf858 Mon Sep 17 00:00:00 2001 From: AdrianIlovan Date: Wed, 1 Feb 2023 19:48:02 +0000 Subject: [PATCH 3/8] Html Nav finished --- index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index e4bf2221..3eb136d9 100644 --- a/index.html +++ b/index.html @@ -17,15 +17,15 @@
- + - > +
From e9707cb26d69d79887582dadbb90cd15cf42cb36 Mon Sep 17 00:00:00 2001 From: AdrianIlovan Date: Thu, 2 Feb 2023 23:36:25 +0000 Subject: [PATCH 4/8] Finish-but-no-footer --- css/style.css | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++- index.html | 56 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 129 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index de062669..454258d0 100644 --- a/css/style.css +++ b/css/style.css @@ -66,4 +66,76 @@ button:hover { li { cursor: pointer; -} \ No newline at end of file +} + +.blog-container { + display: flex; + justify-content: center; + align-items: center; + margin: 20px 0px; + flex-wrap: wrap; +} + +.blog-box { + width: 350px; + background-color: aliceblue; + border: 1px solid white; + margin: 20px; +} + +.blog-img { + width: 100%; + height: auto; +} + +.blog-img img{ + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; +} + +.blog-text { + padding: 19px; + display: flex; + flex-direction: column; + +} + +.blog-text span { + color: rgb(3, 3, 3); + font-size: 1.75rem; +} + +.blog-text .blog-title { + font-size: 1.36rem; + font-weight: 500; + color: #efeff0; +} + +.blog-text .blog-title:hover { + cursor: pointer; + color: blue; + transition: all ease 0.3s; +} + +.blog-text p { + color: azure; + font-size: 1.1rem; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + margin: 20px 0px; +} + +.blog-text a { + color: black; +} + +.blog-text a:hover { + color:rgb(48, 44, 44); + transition: all ease 0.3s; +} + diff --git a/index.html b/index.html index 3eb136d9..fe2888ef 100644 --- a/index.html +++ b/index.html @@ -27,5 +27,61 @@ + + +
+
+ +
+ +
+ blog +
+
+ Eazy-E 7.9.1964-26.3.1995 +
+ What happened to Eazy-E? +
+

Conspirary theorists say that he has injected with HIV after a night out. Nobody knows exacly by who but explains the facts that he died so early from a disease that he had only for 3 months. RIP

+ Read More +
+
+ + +
+ +
+ blog +
+
+ Eazy-E 7.9.1964-26.3.1995 +
+ What happened to Eazy-E? +
+

Conspirary theorists say that he has injected with HIV after a night out. Nobody knows exacly by who but explains the facts that he died so early from a disease that he had only for 3 months. RIP

+ Read More +
+
+ + +
+ +
+ blog +
+
+ Eazy-E 7.9.1964-26.3.1995 +
+ What happened to Eazy-E? +
+

Conspirary theorists say that he has injected with HIV after a night out. Nobody knows exacly by who but explains the facts that he died so early from a disease that he had only for 3 months. RIP

+ Read More +
+
+
+
+
+
Footer
+
From 6e105476230cff84594fca83fa19083d5789b3b0 Mon Sep 17 00:00:00 2001 From: AdrianIlovan Date: Thu, 2 Feb 2023 23:37:55 +0000 Subject: [PATCH 5/8] No footer No footer just yet, had problems with the merge 2 project merged on each other that was unpleasant --- .vscode/settings.json | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..9607d34b --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "livePreview.defaultPreviewPath": "/index.html" +} \ No newline at end of file From da484a84a8854c859dadeb4a68d21dc24cc220f9 Mon Sep 17 00:00:00 2001 From: AdrianIlovan Date: Fri, 3 Feb 2023 21:43:48 +0000 Subject: [PATCH 6/8] Merge branch 'master' of https://github.com/AdrianIlovan/HTML-CSS-Coursework-Week1 From 2d16da3b067aba4155326805cbb4623a26f36f5c Mon Sep 17 00:00:00 2001 From: AdrianIlovan Date: Fri, 3 Feb 2023 22:08:02 +0000 Subject: [PATCH 7/8] Final-Week-1 --- css/style.css | 22 ++++++++++++++++++++++ index.html | 6 +++++- 2 files changed, 27 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index 454258d0..fbee6c30 100644 --- a/css/style.css +++ b/css/style.css @@ -139,3 +139,25 @@ li { transition: all ease 0.3s; } +.footer { + display: flex; + color: gray; + text-align:center; + justify-content: center; + text-align: center; + font-size: 2.5rem; +} + +.footer-link { + display: flex; + text-align: center; + justify-content: center; + font-size: 2.5rem; + +} + +.footer-link:hover{ + cursor: pointer; + color: blue; + transition: all ease 0.3s; +} \ No newline at end of file diff --git a/index.html b/index.html index fe2888ef..bada4410 100644 --- a/index.html +++ b/index.html @@ -81,7 +81,11 @@ From 9fbcc9195b0c12124c8dd25dad09018cffbbf0db Mon Sep 17 00:00:00 2001 From: AdrianIlovan Date: Fri, 3 Feb 2023 22:41:00 +0000 Subject: [PATCH 8/8] Update index.html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index bada4410..e7d10de6 100644 --- a/index.html +++ b/index.html @@ -84,7 +84,7 @@
All Eazy E material is licensed please ask nicely if you want anything
!

-
Eazy-E -- Boyz-n-The-Hood (music Video
+
Eazy-E -- Boyz-n-The-Hood (Music Video)