diff --git a/CSS/Aasthareposi b/CSS/Aasthareposi new file mode 100644 index 0000000..e048ca8 --- /dev/null +++ b/CSS/Aasthareposi @@ -0,0 +1,187 @@ + + + + Product Landing Page + + + + + + +
+

Beautifally Crafted Pies

+
+ + +
+
+
+
+
+
+ +
+
+

Specialty Pies

+

Our made from scratch Speciality Pies (made with all natural ingrediants) are sure to knock your socks off!

+
+
+
+
+
+ +
+
+

Delicious Desserts

+

Your mind is telling you "no"... But your Body... Your body is telling you yes!

+
+
+
+
+ +
+
+

Speedy Delivery

+

From the oven to the door before you know it!

+
+
+
+ +
+
+
+
PIES
+

15.99

+
    +
  1. The Spartacus
    2. +
  2. The Busteroni
    3. +
  3. The Mahomie
    4. +
  4. The 45 Deluxe
    5. +
+ +
+
+
DESSERTS
+

8.99

+
    +
  1. Brownie Town
    2. +
  2. Ice Cream
    3. +
  3. Fresh Smoothies
    4. +
  4. Cookies
    5. +
+ +
+
+
DRINKS
+

4.99

+
    +
  1. Draft Beers
    2. +
  2. Wine Selection
    3. +
  3. Cocktails
    4. +
  4. Kid Stuff
    5. +
+ +
+
+ + + + + +** end of undefined ** + +** start of undefined ** + +body { + background-color: #FCFBDC; font-family: Rockwell, palatino; align-items: center +} +nav{position:fixed;} +#header{ + display: flex; flex-direction: row; +} + +#header-img {width: 90%; max-width: 275px; height: 90%; top: 0; margin-left: 0; padding-left: 0} + +#nav-bar { font-weight: 500; display: flex; flex-direction: row; margin-right: 0; top: 0; + +} + +ul { + display: flex; flex-direction: row; justify-content: space-around; +} + +li { + list-style: none; +} + +.nav-link { + text-decoration: none; color: #DE660E; top: 0; +} + +#email-section, #form { + display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 900px; +} + +#email-section input[type='submit'] { + background-color: #DE660E; margin-top: 10px; border: none; +} + +logo {width: 75vw} + +.grid { + display: flex; flex-direction: row; +} + +.fa-solid { + color: #DE660E; font-size: 50px; +} + +.icon { + width: 150px; display: flex; justify-content: center; align-items: center; +} + +#howItisMade { + margin: 40px; + display: flex; align-items: center; justify-content: center; +} + +#pricing{ + display: flex; flex-direction: row; justify-content: space-around; width: 100%; margin-top: 50px; margin-bottom: 100px; +} + +.product { + display: flex; flex-direction: column; width: calc(100%/3); border: 2px solid #DE660E; margin: 15px; +} +.level { + color: black; background-color: #FEC96C; padding: 18px 0; text-align: center; +} + +h2 { + text-align: center; +} + +ol { + color: #DE660E; +} + +.button { +background-color: #FEC96C; border: none; margin: 15px 0; font-size: 16px; +} + +@media(max-width: 475px) { #pricing { + flex-direction: cloumn +} + +}