Open-Source-you · Kunal9155 · Oct 15, 2022
diff --git a/Cafe Landing Page/images/1111.PNG b/Cafe Landing Page/images/1111.PNG
diff --git a/Cafe Landing Page/images/222222.PNG b/Cafe Landing Page/images/222222.PNG
diff --git a/Cafe Landing Page/images/cake1.PNG b/Cafe Landing Page/images/cake1.PNG
diff --git a/Cafe Landing Page/images/cake2.PNG b/Cafe Landing Page/images/cake2.PNG
diff --git a/Cafe Landing Page/images/deck1.PNG b/Cafe Landing Page/images/deck1.PNG
diff --git a/Cafe Landing Page/images/deck2.PNG b/Cafe Landing Page/images/deck2.PNG
diff --git a/Cafe Landing Page/images/deck3.PNG b/Cafe Landing Page/images/deck3.PNG
diff --git a/Cafe Landing Page/images/deck4.PNG b/Cafe Landing Page/images/deck4.PNG
diff --git a/Cafe Landing Page/images/final1.PNG b/Cafe Landing Page/images/final1.PNG
diff --git a/Cafe Landing Page/images/final2.PNG b/Cafe Landing Page/images/final2.PNG
diff --git a/Cafe Landing Page/images/final3.PNG b/Cafe Landing Page/images/final3.PNG
diff --git a/Cafe Landing Page/images/final4.PNG b/Cafe Landing Page/images/final4.PNG
diff --git a/Cafe Landing Page/images/final5.PNG b/Cafe Landing Page/images/final5.PNG
diff --git a/Cafe Landing Page/images/final6.PNG b/Cafe Landing Page/images/final6.PNG
diff --git a/Cafe Landing Page/images/first.PNG b/Cafe Landing Page/images/first.PNG
diff --git a/Cafe Landing Page/images/fuh.jfif b/Cafe Landing Page/images/fuh.jfif
diff --git a/Cafe Landing Page/images/logo.PNG b/Cafe Landing Page/images/logo.PNG
diff --git a/Cafe Landing Page/images/logo1.PNG b/Cafe Landing Page/images/logo1.PNG
diff --git a/Cafe Landing Page/images/maining.jfif b/Cafe Landing Page/images/maining.jfif
diff --git a/Cafe Landing Page/images/one.jfif b/Cafe Landing Page/images/one.jfif
diff --git a/Cafe Landing Page/images/soon.PNG b/Cafe Landing Page/images/soon.PNG
diff --git a/Cafe Landing Page/images/yoo.PNG b/Cafe Landing Page/images/yoo.PNG
diff --git a/Cafe Landing Page/index.html b/Cafe Landing Page/index.html
@@ -0,0 +1,279 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>MyCafe | KunaL</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap"
+      rel="stylesheet"
+    />
+
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
+      integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <!-- NAVBAR -->
+    <nav class="navbar navbar-expand-lg bg-white">
+      <img src="images/logo1.PNG" class="ml-4 img-fluid" alt="..." />
+      <a class="navbar-brand red my-2 heading" href="#">MyCafe</a>
+      <button
+        class="navbar-toggler pink "
+        type="button  "
+        data-toggle="collapse"
+        data-target="#navbarNavAltMarkup"
+        aria-controls="navbarNavAltMarkup"
+        aria-expanded="false"
+        aria-label="Toggle navigation "
+      >
+        <span class="navbar-toggler-icon "></span>
+      </button>
+      <div class="collapse navbar-collapse " id="navbarNavAltMarkup">
+        <div class="navbar-nav ml-auto mr-5">
+          <a class="nav-link active red mr-5 bold" href="#drinks"
+            >Menu <span class="sr-only">(current)</span></a
+          >
+          <a class="nav-link red mr-5 bold" href="#soon">Special</a>
+          <a class="nav-link red mr-5 bold" href="#order">Order</a>
+        </div>
+      </div>
+    </nav>
+    <!-- NAVBAR END -->
+
+    <!-- SALE BANNER -->
+    <div class="container-fluid pink">
+      <di class="row">
+        <div class="col-lg-12 p-4 text-center sale">
+          <b>ALL DRINKS ARE 50% OFF UNTIL AUGUST 1ST 2021 @ 11 A.M.</b>
+        </div>
+      </di>
+    </div>
+    <!-- SALE BANNER END -->
+    <!-- SPECIAL DRINK START -->
+    <div class="container my-5">
+        <div class="row">
+          <div class="col-lg-1"></div>
+
+          <div class="col-lg-5 pink text-center">
+            <div class=" p-3 text-center red">
+                <p class="head mt-sm-4 mt-lg-4 p-lg-4 m-md-0">NEW DRINK SPECIALS</p>
+                <p class="had mt-lg-3">All Drinks are 50% OFF for a limited time.</p>
+                <button type="button" class="btn ">View Drinks</button>
+              </div>
+          </div>
+          <div class="col-lg-5">
+            <img src="images/final6.PNG" class="img-fluid" alt="..." />
+          </div>
+          <div class="col-lg-1"></div>
+        </div>
+      </div>
+
+    <!-- SPECIAL DRINK end -->
+    <!-- DECK-1 -->
+    <div class="skill-head" id="drinks">
+      <h2 class="text-center text-dark mt-5 mb-3 font fw-bold">Drinks</h2>
+      <hr class="mx-auto w-25" />
+    </div>
+    <div class="card-deck mx-2">
+      <div class="card pink">
+        <img src="images/final2.PNG" class="card-img-top img-fluid" alt="..." />
+        <div class="card-body">
+          <h5 class="card-title text-center">Orange Drink Cocktail</h5>
+          <p class="card-text text-center">Orange Juice</p>
+          <p class="card-text text-center">
+            <small class="text-danger text-center"><del>$12.50</del></small>
+          </p>
+          <p class="card-text text-center"><small class="text-danger text-center">$6.50</small></p>
+          <button type="button" class="btn mt-3 col align-self-center">
+            Add Item
+          </button>
+        </div>
+      </div>
+      <div class="card pink">
+        <img src="images/final3.PNG" class="card-img-top img-fluid" alt="..." />
+        <div class="card-body">
+          <h5 class="card-title text-center">Fruit Punch</h5>
+          <p class="card-text text-center">Gin and Fruit Punch Juice</p>
+          <p class="card-text text-center">
+            <small class="text-danger text-center"><del>$12.50</del></small>
+          </p>
+          <p class="card-text text-center"><small class="text-danger text-center">$$6.25</small></p>
+          <button type="button" class="btn mt-3 col align-self-center">
+            Add Item
+          </button>
+        </div>
+      </div>
+      <div class="card pink">
+        <img src="images/final4.PNG" class="card-img-top img-fluid" alt="..." />
+        <div class="card-body">
+          <h5 class="card-title text-center">Frozen Pink Gin</h5>
+          <p class="card-text text-center">Gin and Pink Lemonade.</p>
+          <p class="card-text text-center">
+            <small class="text-danger text-center"><del>$12.50</del></small>
+          </p>
+          <p class="card-text text-center"><small class="text-danger text-center">$6.25</small></p>
+          <button type="button" class="btn mt-3 col align-self-center">
+            Add Item
+          </button>
+        </div>
+      </div>
+      <div class="card pink">
+        <img src="images/deck4.PNG" class="card-img-top img-fluid" alt="..." />
+        <div class="card-body">
+          <h5 class="card-title text-center">Rose Lemonade</h5>
+          <p class="card-text text-center">Pink Lemonade.</p>
+          <p class="card-text text-center">
+            <small class="text-danger text-center"><del>$12.50</del></small>
+          </p>
+          <p class="card-text text-center"><small class="text-danger ">$6.25</small></p>
+          <button type="button" class="btn mt-3 col align-self-center">
+            Add Item
+          </button>
+        </div>
+      </div>
+    </div>
+    <!-- DECK-1 -->
+
+    <!-- DECK-2 CAKES -->
+    <div class="skill-head">
+      <h2 class="text-center text-dark mt-5 mb-3 font fw-bold">Cakes</h2>
+      <hr class="mx-auto w-25" />
+    </div>
+    <div class="container my-5">
+      <div class="row">
+        <div class="col-lg-2 col-md-2"></div>
+        <div class="col-lg-4 col-md-4 mb-sm-4">
+          <div class="card pink mb-3  ">
+            <img src="images/final5.PNG" class="card-img-top" alt="..." />
+            <div class="card-body ">
+              <h5 class="card-title text-center">Strawberry Cakee</h5>
+              <p class="card-text text-center red">
+                Vanilla Cake with Strawberries and Whip Cream
+              </p>
+              <p class="card-text text-center"><small class="text-muted ">$15.00</small></p>
+              <button type="button" class="btn mt-3 col align-self-center">
+                Add Item
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-sm-4">
+          <div class="card pink">
+            <img src="images/final1.PNG" class="card-img-top" alt="..." />
+            <div class="card-body">
+              <h5 class="card-title text-center">Foofy Cake</h5>
+              <p class="card-text text-center red">
+                Vanilla Cake with Strawberries and Whip Cream
+              </p>
+              <p class="card-text text-center"><small class="text-muted">$15.50</small></p>
+              <button type="button" class="btn mt-3 col align-self-center">
+                Add Item
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-2 col-md-2"></div>
+      </div>
+    </div>
+
+    <!-- DECK-2 CAKES -->
+
+    <!-- DECK-3 -->
+    <div class="container my-5"  id="soon">
+      <div class="row">
+        <div class="col-lg-1"></div>
+        <div class="col-lg-5">
+          <img src="images/final6.PNG" class="img-fluid" alt="..." />
+        </div>
+        <div class="col-lg-5 pink text-center">
+          <p class="mt-5 mb-3 p-4">Coming Soon</p>
+          <span>New drinks are going to be here soon..</span><br />
+          <button type="button" class="btn mt-3 mb-4 col align-self-center">
+            Add to Favorites
+          </button>
+        </div>
+        <div class="col-lg-1"></div>
+      </div>
+    </div>
+    <!-- DECK-3 -->
+    <!-- DECK-4 -->
+    <div class="container my-5"  id="order">
+      <div class="row">
+        <div class="col-lg-6 pink">
+          <div class="my-5 p-3 text-center red">
+            <h1>Order Items Here</h1>
+            <h3>One cake and drink per customer.</h3>
+          </div>
+        </div>
+        <div class="col-lg-6 formred">
+          <div class="red mt-4">
+            <input
+              type="email"
+              class="form-control w-75 ml-5 name pink mb-3"
+              id="exampleFormControlInput1"
+              placeholder="Name"
+            />
+
+            <input
+              type="email"
+              class="form-control w-75 pink name ml-5 mb-3"
+              id="exampleFormControlInput1"
+              placeholder="Email"
+            />
+
+            <select
+              class="name custom-select w-75 ml-5 mb-3 pink"
+              id="inputGroupSelect01"
+            >
+              <option value="" disabled="" selected="">Choose a drink</option>
+              <option value="OrangeJuice">
+                Orange Drink Cocktail @ $6.25 each
+              </option>
+              <option value="OrangeJuice">Fruit Punch @ $6.25 each</option>
+              <option value="OrangeJuice">Frozen Pink Gin @ $6.25 each</option>
+              <option value="OrangeJuice">Rose Lemonade @ $6.25 each</option>
+            </select>
+
+            <select
+              class="name custom-select w-75 ml-5 pink"
+              id="inputGroupSelect01"
+            >
+              <option value="" disabled="" selected="">Choose a cake</option>
+              <option value="OrangeJuice">Strawberry Cake @ $15.00 each</option>
+              <option value="OrangeJuice">Foofy Cake @ $15.50 each</option>
+            </select>
+
+            <button class="formbtn mt-3 ml-5 mb-4">Order Item</button>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- //////////////0 -->
+    <div class="container-fluid pink">
+      <di class="row">
+        <div class="col-lg-12 p-4 text-center red fw-bolder">
+          <b>&copy; 2021 MyCafe | KunaL <a class="ml-5" href="https://github.com/Kunal9155">GitHub</a> </b>
+        </div>
+      </di>
+    </div>
+  </body>
+  <script
+    src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
+    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
+    crossorigin="anonymous"
+  ></script>
+  <script
+    src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
+    integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
+    crossorigin="anonymous"
+  ></script>
+</html>
diff --git a/Cafe Landing Page/style.css b/Cafe Landing Page/style.css
@@ -0,0 +1,66 @@
+*{
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
+body{
+    font-family: 'Champagne';
+}
+
+.pink{
+    background-color: #FFA6C9 !important;
+}
+.red{
+    color: #e51065 !important;
+}
+.formred{
+    background-color: #e51065 !important;
+}
+.name{
+    color: #e51065 !important;
+    font-weight: bold
+}
+.bold{
+    font-weight: bold;
+    font-size:1.3rem ;
+}
+.heading{
+    font-weight: bold;
+    font-size:2rem;
+}
+.btn{
+    padding: 7px 16px;
+    border: 1px solid;
+    border-radius: 50px;
+    color: #e51065;
+    font-weight: 600;
+    cursor: pointer;
+
+}
+.btn:hover{
+    color: #FFA6C9;
+    background-color: #e51065 ;
+    font-style: italic;
+}
+.formbtn{
+    padding: 7px 16px;
+    border: 1px dotted #e51065 ;
+    border-radius: 50px;
+    color: #e51065;
+    font-weight: 600;
+    cursor: pointer;
+    background-color: #FFA6C9 ;
+
+}
+.formbtn:hover{
+    font-style: italic;
+}
+.font{
+    font-family: 'Sacramento', cursive;
+    font-weight: bold;
+    font-size:50px;
+}
+.sale{
+    font-weight: lighter;
+    font-weight: italic;
+}