From 5f34ef84362ebc256a7307ca446448afecf6c674 Mon Sep 17 00:00:00 2001 From: alsafi25 <62480618+alsafi25@users.noreply.github.com> Date: Fri, 27 Nov 2020 22:49:49 +0000 Subject: [PATCH 1/4] html structure created --- .DS_Store | Bin 0 -> 6148 bytes index.html | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 48 insertions(+) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..afa57df1abc3cfd948e66a6b3feaa264415a599d GIT binary patch literal 6148 zcmeHK+iuf95S?v9Ya1aVgw#Iz1&N0QC0rULRLPh`5Q$5L1APG0+D+70a_lO02qgsh zg^z#_K;l#Q0zQNffU_4+>=Yhpg?6OfGrK!8>pfo2dWnd+lYWz^N<;<<$BKpO1mWYn zEXj)MF@a3P=+a}lPuFNf{UvMNp&8H&oHYjcw`<{>eM)z!O$*;|H%bnIC|!@6L-@`lOO%lvGTy8ieD zZ|(TmFi?6gNuuAnA3P5S)4l5Ddr6%6VLTWM=deG3$;;g^?k7_>nZ*56#PQ^SVVH)w zSKXY=uHSCf>}KoMyk^f@twznhd1GrnH;s)e&F${~==kmI-TeJWEC|AoXoXx<_zONk zDG>778^=)+AEKZ8SRgA#S{~3FkUOLd)I}xIzQbF44h#Gcz&=^I64Y*i6V8N5?26V z1>HiR^WO#TV=HtN<`OXiVbT>SU75OKFzJqdTiH1ZbBWTOn7Vv0H8WE;6eeazd|Q|k zb0q3oGoTqLGO#L}Ret_={(S#0I_Z{XKr`@PF~BNqukB(<>TF$F96xJqlzkK~+%A_W lTu`awSSb7`-b4|CF`FwuM`11zJrMmPAZXB)X5gPP@Dq}(uzdgk literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 60b1afe13..d889f8fc2 100644 --- a/index.html +++ b/index.html @@ -7,10 +7,58 @@ Responsive Cake webpage + + + + + + + + + + + +

+ +

+ \ No newline at end of file From a975c5abbbc94a8b1275e2a05587e8b0301a78f1 Mon Sep 17 00:00:00 2001 From: alsafi25 <62480618+alsafi25@users.noreply.github.com> Date: Fri, 27 Nov 2020 22:50:26 +0000 Subject: [PATCH 2/4] header, logo and nav style --- style.css | 84 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 84 insertions(+) diff --git a/style.css b/style.css index 6de1b3567..1f05ca3c6 100644 --- a/style.css +++ b/style.css @@ -1 +1,85 @@ /* Add your styling here */ + + +/*Header and logo stlye*/ + +body { + padding: 0; + margin: auto; + max-width: 1000px; + background-color: white; +} + +.header { + display: flex; + list-style: none; + flex-direction: row; + justify-content: space-between; + align-items: center; + background-color: rgb(255, 249, 240); +} + +ul { + display: flex; + list-style-type: none; + flex-direction: column; + justify-content: space-around; + margin-left: 50px; +} + +.logo { + border-radius: 50%; + width: 200px; +} + +.call { + font-size: 20px; + margin-bottom: 20px; + font-weight: bold; +} + +@media screen and (min-width: 900px) { + body { + background: rgb(218, 226, 238); + } +} + + +/*navba& liknd-buttons styling*/ + +.nav-buttons { + display: flex; + flex-direction: row; + padding: 3%; + margin: 0; + justify-content: space-between; + background-color: rgb(174, 123, 240); + border-radius: 2%; +} + +.navigation { + border-radius: 2%; +} + +.buttons li:hover { + color: #021e24; + font-weight: bold; +} + + +/* information section style*/ + +aside { + width: 40%; +} + +.information { + display: flex; + margin-top: 10px; +} + +.image1 { + max-width: 100%; + height: 300px; + border-radius: 4%; +} \ No newline at end of file From 238681231528bcbd7291ab993907ef0f6f23308f Mon Sep 17 00:00:00 2001 From: alsafi25 <62480618+alsafi25@users.noreply.github.com> Date: Sat, 28 Nov 2020 00:15:34 +0000 Subject: [PATCH 3/4] Navigation bar added --- index.html | 29 ++++++++++++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index d889f8fc2..6ac147126 100644 --- a/index.html +++ b/index.html @@ -56,8 +56,35 @@

Best Cake Shop in Nottingham

- +

sacher torte — Cake Wth strowberry topping

+ From 59691cb96a004851d448b0c138ea212dae8ce1f9 Mon Sep 17 00:00:00 2001 From: alsafi25 <62480618+alsafi25@users.noreply.github.com> Date: Sat, 28 Nov 2020 00:16:04 +0000 Subject: [PATCH 4/4] Footer added --- style.css | 54 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 53 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 1f05ca3c6..3822986b5 100644 --- a/style.css +++ b/style.css @@ -81,5 +81,57 @@ aside { .image1 { max-width: 100%; height: 300px; - border-radius: 4%; + border-radius: 2%; +} + + +/* Cakes styles */ + +.cakes { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + background-color: rgb(174, 123, 240); + color: #0a3f35; + border-radius: 1%; + margin-bottom: 20px; +} + +.cake { + text-align: center; + max-width: 100%; + height: 200px; + border-radius: 2px; +} + +.cake:hover { + background-color: rgb(214, 196, 214); +} + +.cake-img { + width: auto; + max-width: 350px; + height: auto; + max-height: 100%; +} + +figcaption { + margin: 1rem; +} + + +/* footer*/ + +.footer-item { + display: flex; + flex-direction: row; + justify-content: space-between; + margin-top: 100px; + padding-left: 20px; + padding-right: 20px; +} + +footer { + background-color: rgb(245, 237, 237); } \ No newline at end of file