diff --git a/week3/2-website/images/Cakes/logo-cupacake1.png b/week3/2-website/images/Cakes/logo-cupacake1.png new file mode 100644 index 00000000..3b138cc4 Binary files /dev/null and b/week3/2-website/images/Cakes/logo-cupacake1.png differ diff --git a/week3/2-website/index.html b/week3/2-website/index.html index 60b1afe1..259d742e 100644 --- a/week3/2-website/index.html +++ b/week3/2-website/index.html @@ -6,11 +6,196 @@ Responsive Cake webpage - + + + - +
+ + +
+
+ + +
+ +
+ + +
+
+ +
+
+ +
+ +
+ +
+
+
+

Cupcakes

+

We carefully bake in small batches by hand each day using the finest ingredients sourced from local, + sustainable, and whenever possible, organic producers. We are proud to offer cupcakes and cakes that + are freshly baked within hours, if not minutes, for your enjoyment. +

+
+
+ + +
+ +
+ +
+ +
+ + +
+
+
+ ... +
+
Hafsa Cake
+

KARA’S CHOICE | £4.5 (REG) £3 (MINI) Available in regular or mini cupcakes.

+ Gluten free +
+
+
+ +
+
+ ... +
+
Nabou Cake
+

HAPPY BDAY DOZEN | £5 (REG) £4 (MINI) 3 sweet vanilla, 3 sweet chocolate.

+ Eggs free +
+
+
+ +
+
+ ... +
+
Sumaya Cupcake
+

WELCOME BABY DOZEN | £5.7 (REG) £4.2 (MINI)– 3 sweet chocolate.

+ Hallal +
+
+
+ +
+
+ ... +
+
Malika Cake
+

THANK YOU DOZEN | £5 (REG) £4 (MINI) 3 sweet vanilla, 3 sweet chocolate.

+ Kacher +
+
+
+
+ +
+ + + +
+
+
+ +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/week3/2-website/style.css b/week3/2-website/style.css index 6de1b356..633107ed 100644 --- a/week3/2-website/style.css +++ b/week3/2-website/style.css @@ -1 +1,94 @@ -/* Add your styling here */ +h1, h2, h3 { + font-family: 'Roboto', sans-serif; +} + +.d-block, .jumbotron { + height: 400px; +} +.jumbotron { + font-family: 'Open Sans', sans-serif; + background-color: #4cd3c2; + color: white; +} +/* Change the size of the Navbar and nav-brand */ +.navbar { + min-height: 50px; + margin-bottom: 20px; + font-family: 'Roboto', sans-serif; + } + +.navbar-brand { + + padding: 0 10px; + height: 120px; + line-height: 120px; + } +.nav-link { + font-family: 'Roboto', sans-serif; + margin: 0 70px; + padding: 5px 10px; + border: 1px solid white; + border-radius: 10px; + text-transform: uppercase; + color: white; + } +.nav-1 { + background-color: #faeee7; + } +.justify-txt { + text-align: center; + } +.carousel { + width:auto; /* Or try to use important */ + margin-bottom: 20px; + } +.card { + font-family: 'Open Sans', sans-serif; + height: 24rem; + margin-bottom: 20px; + border-color: #4cd3c2; + } + +.card > img { + width: 100%; + height: 50%; + } + + .back-color-nav { + background-color: #f54291; + } + .col { + overflow-wrap: break-word; + } + + .btn-primary, + .btn-primary:hover, + .btn-primary:active { + color: lightYellow ; + background-color: #0a97b0; + margin: 0 auto; + border-color: white; + font-family: 'Open Sans', sans-serif; + } + +a:hover, +a:visited { + font-weight: bold; + color: white; + font-family: 'Open Sans', sans-serif; +} +footer .nav-link { + text-align: center; + font-family: 'Open Sans', sans-serif; +} + + +/* MEDIA QUERY */ +@media only screen and (max-width: 767px) { + .nav-link { + border: none; + } + .jumbotron { + height: 250px; + } + } \ No newline at end of file