dikshantmali · Prashu-01 · Oct 25, 2022
diff --git a/pizza_order_tamplate/custom.css b/pizza_order_tamplate/custom.css
@@ -0,0 +1,163 @@
+body{
+    background-color: rgb(25, 25, 25);
+    margin: 0;
+    padding: 0;
+}
+
+@keyframes slide-left {
+    0%{
+        margin-top: 0;
+        opacity: 0;
+    }
+    100%{
+        margin-top: 10%;
+        opacity: 1;
+    }
+}
+
+@keyframes fade-in {
+    0%{
+        opacity: 0;
+    }
+    100%{
+        opacity: 1;
+    }
+}
+
+#nav{
+    display: flex;
+    justify-content: space-evenly;
+}
+.logo{
+    height: 25%;
+    width: 25%;
+    filter: drop-shadow(1px 1px 2px #7e7e7e);
+}
+.items{
+    display: flex;
+    justify-content: space-around;
+    margin-top: 2rem;
+    width: 40%;
+}
+a{
+    text-decoration: none;
+    font-size: 1.1rem;
+    color: white;
+    height: 20px;
+    transition: color 0.3s;
+}
+a:hover{
+    color: gold;
+    border-bottom: 1px solid rgb(209, 207, 207);
+}
+#search{
+    border: 0;
+    border-radius: 10px;
+    width: 4.5rem;
+    height: 1.4rem;
+}
+
+#mainframe{
+    display: flex;
+    height: 90vh;
+    width: 90%;
+    margin: auto;
+    justify-content: space-between;
+}
+
+.piz{
+    width: 50%;
+    display: flex;
+    flex-direction: column;
+}
+.heading{
+    background: -webkit-linear-gradient(#ffdd00, #fbb034);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    font-size: 4.5rem;
+    margin-top: 10%;
+    animation: slide-left 0.8s ease-in-out;
+}
+.pizza{
+    transform: scale(1.1);
+    animation: fade-in 3s ease-in;
+    animation: repeat 10s infinite;
+}
+@keyframes repeat {
+    0%{
+        transform: scale(1);
+    }
+    40%{
+        transform: scale(1.05) rotate(1deg);
+    }
+    60%{
+        transform: rotate(-1deg);
+    }
+    100%{
+        transform: scale(1) rotate(0deg);
+
+    }
+}
+.tag1{
+    height: 7rem;
+    width: 5rem;
+    transform: translate(21rem,9.5rem);
+    z-index: 1;
+}
+.tag2{
+    height: 7rem;
+    width: 5rem;
+    transform: translate(47.5rem,9.5rem);
+    z-index: 1;
+}
+.tag3{
+    height: 7rem;
+    width: 5rem;
+    transform: translate(75rem,9.5rem);
+    z-index: 1;
+}
+#top_offers{
+    margin-top: 4rem;
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 4rem;
+
+}
+
+.offer{
+    border-bottom: 1px solid white;
+    border-right: 1px solid white;
+    border-radius: 25px;
+    height: 30rem;
+    width: 25rem;
+    z-index: -1;
+    background-color: #2f2f2f;
+}
+.pizza_img{
+    width: 25rem;
+}
+.name_piz{
+    transform: translateX(5px) translateY(-10px);
+    color: white;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    font-size: 2rem;
+}
+.des{
+    margin-left: 10px;
+    margin-top:-2rem;
+    color: rgb(212, 211, 211);
+}
+.order-btn{
+    margin-top: 5px;
+    margin-left: 10px;
+    background-color: red;
+    border-radius: 5px;
+    height: 2rem;
+    width: 7rem;
+    color: white;
+}
+
+.creator{
+    font-size: small;
+    color: rgb(196, 196, 196);
+}
diff --git a/pizza_order_tamplate/img/NicePng_special-offer-png_9641428.png b/pizza_order_tamplate/img/NicePng_special-offer-png_9641428.png
diff --git a/pizza_order_tamplate/img/best-pizzas-dough-bros-MAIN-IMAGE.webp b/pizza_order_tamplate/img/best-pizzas-dough-bros-MAIN-IMAGE.webp
diff --git a/pizza_order_tamplate/img/dlf.pt-pizza-slice-png-81717.png b/pizza_order_tamplate/img/dlf.pt-pizza-slice-png-81717.png
diff --git a/pizza_order_tamplate/img/dlf.pt-slice-of-pizza-png-4469467.png b/pizza_order_tamplate/img/dlf.pt-slice-of-pizza-png-4469467.png
diff --git a/pizza_order_tamplate/img/dlf.pt-slice-of-pizza-png-4469467e b/pizza_order_tamplate/img/dlf.pt-slice-of-pizza-png-4469467e
diff --git a/pizza_order_tamplate/img/pizza_bg.png b/pizza_order_tamplate/img/pizza_bg.png
diff --git a/pizza_order_tamplate/img/pngegg.png b/pizza_order_tamplate/img/pngegg.png
diff --git a/pizza_order_tamplate/img/—Pngtree—red eye-catching order now tags_5550288.png b/pizza_order_tamplate/img/—Pngtree—red eye-catching order now tags_5550288.png
diff --git a/pizza_order_tamplate/index.html b/pizza_order_tamplate/index.html
@@ -0,0 +1,63 @@
+<!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>pizzapoint</title>
+    <link rel="stylesheet" href="custom.css">
+    <!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"> -->
+</head>
+<body>
+    <div id="nav">
+        <div class="logo">
+            <img src="img/dlf.pt-pizza-slice-png-81717.png" alt="logo" class="logo">
+        </div>
+        <div class="items">
+            <div class="i"><a href="#home">Home</a></div>
+            <div class="i"><a href="#orders">Orders</a></div>
+            <div class="i"><a href="#account">Account</a></div>
+            <div class="i"><a href="#contact">Contact us</a></div>
+            <div class="se"><input type="text" id="search" placeholder=" search"></div>
+        </div>
+    </div>
+    <div id="mainframe">
+        <div class="heading">
+            <h1 class="heading">The best way to bring your Mood is to Order Now</h1>
+        </div>
+        <div class="piz">
+            <!-- <img src="img/dlf.pt-slice-of-pizza-png-4469467e" class="toppings" alt="top"> -->
+            <img class="pizza" src="img/pizza_bg.png" alt="pizza">
+        </div>
+    </div>
+    <img src="img/NicePng_special-offer-png_9641428.png" class="tag1">
+    <img src="img/NicePng_special-offer-png_9641428.png" class="tag2">
+    <img src="img/NicePng_special-offer-png_9641428.png" class="tag3">
+
+    <div id="top_offers">
+        <div class="offer">
+            <img src="img/best-pizzas-dough-bros-MAIN-IMAGE.webp" class="pizza_img" alt="">
+            <h3 class="name_piz">Garden Fresh Pizza</h3>
+            <h3 class="des">Special Weekend Offer.<br>Get 40% Off today.
+            <h3 class="order-btn">Order Now</h3>
+        </div>
+
+        <div class="offer">
+            <img src="img/best-pizzas-dough-bros-MAIN-IMAGE.webp" class="pizza_img" alt="">
+            <h3 class="name_piz">Garden Fresh Pizza</h3>
+            <h3 class="des">Special Weekend Offer.<br>Get 40% Off today.
+            </h3>
+            <h3 class="order-btn">Order Now</h3>
+        </div>
+
+        <div class="offer">
+            <img src="img/best-pizzas-dough-bros-MAIN-IMAGE.webp" class="pizza_img" alt="">
+            <h3 class="name_piz">Garden Fresh Pizza</h3>
+            <h3 class="des">Special Weekend Offer.<br>Get 40% Off today.
+            <h3 class="order-btn">Order Now</h3>
+        </div>
+    </div>
+    <div class="creator">All copyrights are reserved, designed by @Prashu</div>
+    <!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script> -->
+</body>
+</html>