diff --git a/week3/2-website/images/Cakes/cake-with-blackberries.jpg b/week3/2-website/images/Cakes/cake-with-blackberries.jpg deleted file mode 100644 index 472d0891..00000000 Binary files a/week3/2-website/images/Cakes/cake-with-blackberries.jpg and /dev/null differ diff --git a/week3/2-website/images/Cakes/cake-with-macarons.jpg b/week3/2-website/images/Cakes/cake-with-macarons.jpg index 6683cf33..fa94ccaa 100644 Binary files a/week3/2-website/images/Cakes/cake-with-macarons.jpg and b/week3/2-website/images/Cakes/cake-with-macarons.jpg differ diff --git a/week3/2-website/images/Cakes/cake-with-strawberries.jpg b/week3/2-website/images/Cakes/cake-with-strawberries.jpg new file mode 100644 index 00000000..60e81ced Binary files /dev/null and b/week3/2-website/images/Cakes/cake-with-strawberries.jpg differ diff --git a/week3/2-website/images/Cakes/cupcakes.jpg b/week3/2-website/images/Cakes/cupcakes.jpg deleted file mode 100644 index 85128d1e..00000000 Binary files a/week3/2-website/images/Cakes/cupcakes.jpg and /dev/null differ diff --git a/week3/2-website/images/Cakes/not-technically-a-cake.jpg b/week3/2-website/images/Cakes/not-technically-a-cake.jpg deleted file mode 100644 index fe3e6f8e..00000000 Binary files a/week3/2-website/images/Cakes/not-technically-a-cake.jpg and /dev/null differ diff --git a/week3/2-website/images/Cakes/order-cakes.jpg b/week3/2-website/images/Cakes/order-cakes.jpg new file mode 100644 index 00000000..43d5dcf7 Binary files /dev/null and b/week3/2-website/images/Cakes/order-cakes.jpg differ diff --git a/week3/2-website/images/Cakes/tart.jpg b/week3/2-website/images/Cakes/tart.jpg new file mode 100644 index 00000000..9c72880a Binary files /dev/null and b/week3/2-website/images/Cakes/tart.jpg differ diff --git a/week3/2-website/images/Cakes/wedding-cake.jpg b/week3/2-website/images/Cakes/wedding-cake.jpg index da73530b..ecb4b1cd 100644 Binary files a/week3/2-website/images/Cakes/wedding-cake.jpg and b/week3/2-website/images/Cakes/wedding-cake.jpg differ diff --git a/week3/2-website/images/cakebg.jpg b/week3/2-website/images/cakebg.jpg new file mode 100644 index 00000000..fd5552bb Binary files /dev/null and b/week3/2-website/images/cakebg.jpg differ diff --git a/week3/2-website/images/logo.png b/week3/2-website/images/logo.png new file mode 100644 index 00000000..353ca4d4 Binary files /dev/null and b/week3/2-website/images/logo.png differ diff --git a/week3/2-website/index.html b/week3/2-website/index.html index 60b1afe1..58fe9335 100644 --- a/week3/2-website/index.html +++ b/week3/2-website/index.html @@ -1,16 +1,372 @@ + + + + + Cherry Cake + + + - - - - - Responsive Cake webpage + + - + + - + - +
+ - \ No newline at end of file + +
+ + +
+
+

+ Cherry Cake Traditional Baking +

+

+ Tempor occaecat incididunt laboris laboris mollit labore nostrud + incididunt. Occaecat exercitation laborum sint id aute reprehenderit + tempor aute consequat reprehenderit magna. +

+ Contact Us +
+
+ + +
+
+
+

+ Cakes +

+
+
+
+
+ cake with macarons +
+
Trendy Cakes
+

+ Officia proident in ipsum et. Do sunt dolor amet pariatur. + Sunt culpa aliquip dolor duis elit est. Cillum voluptate amet + reprehenderit ea. +

+ More +
+
+
+
+
+ cake with strawberries or fruit cakes +
+
Fruit Cakes
+

+ Officia proident in ipsum et. Do sunt dolor amet pariatur. + Sunt culpa aliquip dolor duis elit est. Cillum voluptate amet + reprehenderit ea. +

+ More +
+
+
+
+
+ wedding cake +
+
Wedding Cakes
+

+ Officia proident in ipsum et. Do sunt dolor amet pariatur. + Sunt culpa aliquip dolor duis elit est. Cillum voluptate amet + reprehenderit ea. +

+ More +
+
+
+
+
+ tarts +
+
Tart&Etc.
+

+ Officia proident in ipsum et. Do sunt dolor amet pariatur. + Sunt culpa aliquip dolor duis elit est. Cillum voluptate amet + reprehenderit ea. +

+ More +
+
+
+
+
+
+ + +
+
+
+

+ Contact Us +

+
+
+
+
+ Several cakes for order +
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ + +
+
+
Dietary Requirements:
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+
+
+
+ + + + + + + + + + + + + + diff --git a/week3/2-website/style.css b/week3/2-website/style.css index 6de1b356..43e047e3 100644 --- a/week3/2-website/style.css +++ b/week3/2-website/style.css @@ -1 +1,104 @@ /* Add your styling here */ + +.nav { + background-color: #eac4c4; +} + +/* Hover effects for nav links */ +.hvr-underline-from-center:before { + background: #d78c9c; + } + + .hvr-underline-from-center:after { + background: #d78c9c; + } + +/* Jumbotron Styling */ + +.jumbotron { + background-image: url(../images/cakebg.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + height: 30rem; + overflow: auto; + width: 100%; + margin-top: 100px; + opacity: 0.8; +} + +.btns { + background: #db96a0; +} + +.btns:hover { + background:#eac4c4; +} + +/* Card Styling */ + +.card-bg { + background: #e9c4c4; +} + +.card-btn { + background: #d27c89; +} + +.card-btn:hover { + background: #db96a0; +} + +.card-section { + padding-bottom: 3rem; +} + +/* Footer Styling */ + +.footer-section { + background-color: #d27c89; + margin: 0 auto; + text-align: center; + +} + +footer a{ + color: #000000; + font-size: 1.5rem; + +} + +footer p{ + font-size: 0.9rem; +} + +/* Media Queries */ + +@media (min-width: 992px) { + .nav { + font-size: 1.25rem; + } + + h1 { + font-size: 3rem; + } + + h2 { + font-size: 2.5rem; + } +} + +@media (min-width: 1200px) { + .jumbo-text, .card-title { + font-size: 1.4rem; + } + + .card-text { + font-size: 1.1rem; + } + + form { + font-size: 1.25rem; + } + + } \ No newline at end of file diff --git a/week3/2-website/wireframes_desktop_mobile.pdf b/week3/2-website/wireframes_desktop_mobile.pdf new file mode 100644 index 00000000..f9129e95 Binary files /dev/null and b/week3/2-website/wireframes_desktop_mobile.pdf differ