From 3c81892411c9c140c7505b73b36a10ee62a8c2c0 Mon Sep 17 00:00:00 2001 From: seyedsharifi12 <83226656+seyedsharifi12@users.noreply.github.com> Date: Thu, 20 May 2021 16:30:47 +0100 Subject: [PATCH 1/4] Completed the header section Added Image, Navigation bar --- css/style.css | 5 +++++ index.html | 21 +++++++++++++++++++-- 2 files changed, 24 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 75e9841e..e73b822e 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,8 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ +header { + color: rgb(82, 10, 52); + position: center; + font-size: 24; +} diff --git a/index.html b/index.html index 67dfc7f5..c7f4d43b 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,24 @@ - - + + + From c68694b1142468f8b1875ee78d230b71bd6dae20 Mon Sep 17 00:00:00 2001 From: seyedsharifi12 <83226656+seyedsharifi12@users.noreply.github.com> Date: Thu, 20 May 2021 19:36:13 +0100 Subject: [PATCH 2/4] Completed the html with footer added footer elements and a section for page-wrapper --- css/style.css | 5 -- index.html | 130 +++++++++++++++++++++++++++++++++++++++++++------- 2 files changed, 112 insertions(+), 23 deletions(-) diff --git a/css/style.css b/css/style.css index e73b822e..75e9841e 100644 --- a/css/style.css +++ b/css/style.css @@ -6,8 +6,3 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ -header { - color: rgb(82, 10, 52); - position: center; - font-size: 24; -} diff --git a/index.html b/index.html index c7f4d43b..f752079e 100644 --- a/index.html +++ b/index.html @@ -15,25 +15,119 @@ + - +
+ +
+
+

The Revolutionary Bamboo Bats

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. + Elementum curabitur vitae nunc sed. Auctor elit sed vulputate mi sit + amet. Euismod quis viverra nibs cras. Quis auctor elit sed vulputate + mi sit. Eget arcu dictum varius duis at consectetur lorem donec + massa. Velit dignissim sodales ut eu. A condimentum vitae sapien + pellentesque habitant morbi tristique senectus. Vel pretium lectus + quam id leo in vitae turpis massa. Cursus risus at ultrices mi + tempus. At consectetur lorem donec massa sapien. Sapien et ligula + ullamcorper malesuada. Tortor condimentum lacinia quis vel eros + donec ac odio. Non quam lacus suspendisse faucibus interdum posuere. + Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Purus sit amet + luctus venenatis. Ullamcorper velit sed ullamcorper morbi tincidunt. + Euismod quis viverra nibh cras pulvinar. Augue eget arcu dictum + varius. Non odio euismod lacinia at quis risus sed vulputate. +

+
+
+

English Willow Bats

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. Id + semper risus in hendrerit gravida rutrum quisque non tellus. + Habitant morbi tristique senectus et netus et malesuada. Magna ac + placerat vestibulum lectus mauris ultrices eros in cursus. Sodales + neque sodales ut etiam sit amet nisl purus in. Phasellus vestibulum + lorem sed risus ultricies tristique. Vitae nunc sed velit dignissim + sodales ut eu sem. Donec pretium vulputate sapien nec sagittis. + Magna fringilla urna porttitor rhoncus. Adipiscing commodo elit at + imperdiet dui. Sit amet est placerat in egestas. +

+
+
+

Kashmir Willow Bats

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. Varius + sit amet mattis vulputate. Neque gravida in fermentum et + sollicitudin. Dignissim cras tincidunt lobortis feugiat vivamus at. + Faucibus vitae aliquet nec ullamcorper sit. Adipiscing enim eu + turpis egestas pretium aenean pharetra. Tincidunt dui ut ornare + lectus sit amet est placerat in. Eget velit aliquet sagittis id + consectetur purus ut faucibus. Id venenatis a condimentum vitae + sapien pellentesque. Ullamcorper sit amet risus nullam eget felis. +

+
+
+ + + +
- + From c04ae237483206138defe5252491fb5530673005 Mon Sep 17 00:00:00 2001 From: seyedsharifi12 <83226656+seyedsharifi12@users.noreply.github.com> Date: Thu, 20 May 2021 19:37:47 +0100 Subject: [PATCH 3/4] change the position of the copy right sign --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index f752079e..280edddd 100644 --- a/index.html +++ b/index.html @@ -123,7 +123,7 @@

The Process of Bat Making

  • Back to Top ↑
    • -
  • © All Rights Reserved 2020, HCB
    • +
  • All Rights Reserved © 2020, HCB
    • From 245f11c8eddf4693e4b980e43bc998625c8d1b47 Mon Sep 17 00:00:00 2001 From: seyedsharifi12 <83226656+seyedsharifi12@users.noreply.github.com> Date: Sat, 22 May 2021 00:08:28 +0100 Subject: [PATCH 4/4] Completed the styling have not made the web page responsive yet, that will be done next week --- css/style.css | 67 +++++++++++++++++++++++++++++++++++++++++++++++ index.html | 70 ++++++++++++++------------------------------------ plant.jpg | Bin 0 -> 79806 bytes 3 files changed, 86 insertions(+), 51 deletions(-) create mode 100644 plant.jpg diff --git a/css/style.css b/css/style.css index 75e9841e..ee1d6eb6 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,70 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ +#page-wrapper { + position: relative; +} +li { + list-style: none; +} +body { + background-color: #f0f8ff; +} +#header { + margin: auto; + position: fixed; + width: 100%; + top: 0; + background-color: rgb(45, 46, 46); + justify-content: space-around; +} +img { + display: block; + height: auto; + max-width: 100%; + width: 400px; + top: 0px; + margin-left: 35%; +} +#main-articles { + display: flex; + flex-direction: column; + justify-items: center; + padding: 10px 280px 20px 280px; + margin: 50px; + align-items: center; +} +article > h1 { + text-align: center; +} +.nav-bar ul { + display: flex; + flex-direction: row; + justify-content: space-around; +} +article:first-child { + background-color: cornflowerblue; +} +article:first-child p { + font-size: 16px; + font-family: Georgia, "Times New Roman", Times, serif; +} +a:link { + color: rgb(10, 2, 39); +} + +a:visited { + color: rgb(17, 226, 191); +} +a:hover { + color: hotpink; +} +#bamboo { + margin-top: 140px; +} +footer > ul { + color: aqua; + background-color: darkslategrey; + display: flex; + justify-content: space-around; +} diff --git a/index.html b/index.html index 280edddd..89bbd365 100644 --- a/index.html +++ b/index.html @@ -18,27 +18,23 @@
    - +
    -
    +

    The Revolutionary Bamboo Bats

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do @@ -58,7 +54,7 @@

    The Revolutionary Bamboo Bats

    varius. Non odio euismod lacinia at quis risus sed vulputate.

    -
    +

    English Willow Bats

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do @@ -73,7 +69,7 @@

    English Willow Bats

    imperdiet dui. Sit amet est placerat in egestas.

    -
    +

    Kashmir Willow Bats

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do @@ -88,40 +84,12 @@

    Kashmir Willow Bats

    - -