Merge pull request #68 from SudhirHanumantu/main

solved an issue
E-Cell-VSSUT · Oct 8, 2022 · 152b916 · 152b916
2 parents fcddd82 + 498f5e2
commit 152b916
Show file tree

Hide file tree

Showing 18 changed files with 347 additions and 0 deletions.
diff --git a/my-food/apple.jpg b/my-food/apple.jpg
diff --git a/my-food/apple1.png b/my-food/apple1.png
diff --git a/my-food/back.jpg b/my-food/back.jpg
diff --git a/my-food/contact.jpg b/my-food/contact.jpg
diff --git a/my-food/css/phone.css b/my-food/css/phone.css
@@ -0,0 +1,58 @@
+/*home section*/
+#home{
+height: 280px;
+padding: 5px 54px;
+}
+#home::before{
+    height: 552px;
+}
+#home p{
+    font-size: 15px;
+}
+.h-primary{
+    font-size: 22px;
+    padding: 40px;
+}
+#btn{
+    font-size: 14px;
+    padding: 4px 14px;
+}
+/*nav section*/
+#navbar{
+    flex-direction: column;
+}
+
+#navbar ul li a{
+    font-size: 1rem;
+    padding: 0px 7px;
+}
+/*service section*/
+#services{
+    flex-direction: column;
+}
+
+/* client section*/
+#clients{
+    flex-wrap: wrap;
+}
+#clients img{
+  width: 115px;
+   padding: 6px;
+
+
+}
+.h{
+    font-size: 33px;
+    padding: 32px;
+}
+
+/*contact section*/
+.h-contact{
+    font-size: 33px;
+    padding: 32px;
+}
+.contact-box label{
+    font-size: 18px;
+    padding: 4px;
+}
+/*footer*/
diff --git a/my-food/css/style.css b/my-food/css/style.css
@@ -0,0 +1,198 @@
+/*css reset*/
+*{
+    padding: 0;
+    margin: 0;
+}
+/* navbar styling*/
+
+#navbar{
+    display: flex;
+    align-items: center;
+    top: 0px;
+    position: sticky;
+}
+/*navbar styling ::Logo*/
+#logo img{
+    clip-path: circle();
+    width: 124px;
+    height: 85px;
+    margin:-20px -37px;
+
+
+}
+#logo{
+    margin: 34px 56px;
+}
+/*navbar list styling*/
+#navbar ul{
+    display: flex;
+    list-style: none;
+    font-size: 1.35rem;
+    position: sticky;
+}
+#navbar::before{
+    content: "";
+    position: absolute;
+  background-color: black;
+  height: 100%;
+  width: 100%;
+  z-index: -1;
+opacity: 0.4;
+}
+#navbar ul a{
+    color: white;
+   padding: 19px 22px;
+   text-decoration: none;
+   display: block;
+   border-radius: 20px;
+
+}
+#navbar ul a:hover{
+    color:black;
+    background-color: white;
+
+}
+/*home section*/
+#home{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 5px 200px;
+
+}
+#home::before{
+    content: "";
+    position: absolute;
+  background:url(../home1.jpg) no-repeat center center/cover;
+  height: 500px;
+  width: 100%;
+  z-index: -1;
+}
+/*service section*/
+#services{
+    display: flex;
+    padding: 2px;
+    margin: 34px;
+}
+#services .box{
+    border: 2px solid rgb(99, 12, 12);
+    margin: 5px;
+    padding: 2px;
+    border-radius: 22px;
+    background-color: rgb(240, 237, 234);
+
+
+
+}
+#services .box img{
+    height: 100px;
+    margin: auto;
+    display: block;
+
+}
+html{
+    scroll-behavior: smooth;
+}
+/*heading style*/
+.h-primary{
+    font-size: 3.5rem;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    color: white;
+    padding: 17px;
+}
+.h-secondary{
+    font-size: 2.5rem;
+
+    padding: 17px;
+}
+#home p{
+    font-size: 1.5rem;
+    padding: 5px 20px;
+    font-family: 'PT Sans', sans-serif;
+    color: white;
+}
+/*button style*/
+#btn{
+    border: 2px solid white;
+    margin: 15px;
+    padding: 6px 25px;
+    border-radius: 9px;
+    background-color: rgb(161, 159, 157);
+    font-size: 1.5rem;
+    cursor: pointer;
+    font-weight: 2.2rem;
+
+}
+.centre{
+    text-align: center;
+}
+.h{
+    font-size: 3.5rem;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    color: black;
+    padding: 17px;
+}
+#client-services{
+height: auto;
+}
+#clients{
+    display: flex;
+    justify-content: center;
+    text-align: center;
+}
+#client-services::before{
+    content: "";
+    position: absolute;
+    background: url(../white.jpg)no-repeat center center/cover;
+    width: 100%;
+    height: 356px;
+    z-index: -1;
+
+
+}
+.client-item img{
+ height: 115px;
+    padding: 34px;
+
+}
+/* contact section*/
+.h-contact{
+    font-size: 3.5rem;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    padding: 17px;
+}
+#contact{
+    position: relative;
+}
+#contact::before{
+    content: "";
+    position: absolute;
+    background: url(../contact.jpg)no-repeat center center/cover;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    opacity: 0.6;
+}
+footer{
+    background-color: black;
+    color: white;
+    padding: 9px 20px;
+}
+.contact-box {
+    display: flex;
+    justify-content: center;
+    text-align: center;
+    padding-bottom:  20px;
+}
+.contact-box input{
+    width: 100%;
+    padding: 0.5rem;
+}
+.contact-box label{
+    font-size: 1.5rem;
+    padding: 4px;
+}
+.contact-box form{
+    width: 29%;
+}
diff --git a/my-food/home.jpg b/my-food/home.jpg
diff --git a/my-food/home1.jpg b/my-food/home1.jpg
diff --git a/my-food/image1.jpg b/my-food/image1.jpg
diff --git a/my-food/logo.png b/my-food/logo.png
diff --git a/my-food/micro.jpg b/my-food/micro.jpg
diff --git a/my-food/p.jpg b/my-food/p.jpg
diff --git a/my-food/p1.png b/my-food/p1.png
diff --git a/my-food/q.png b/my-food/q.png
diff --git a/my-food/r.jpg b/my-food/r.jpg
diff --git a/my-food/restraunt.html b/my-food/restraunt.html
@@ -0,0 +1,91 @@
+<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>my food</title>
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="css/phone.css" media="screen and (max-width: 1170px)">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=PT+Sans&display=swap" rel="stylesheet">
+</head>
+<body>
+    <nav id="navbar">
+        <div id="logo">
+            <img src="logo.png" alt="my_food.com">
+        </div>
+     <ul>
+         <li class="items"><a href="#home">Home</a></li>
+         <li class="items"><a href="#service-container">Service</a></li>
+         <li class="items"><a href="#contact">Contact us</a></li>
+         <li class="items"><a href="#client-services">Our Cliients</a></li>
+     </ul>
+
+    </nav>
+    <section id="home">
+        <h1 class="h-primary">WELCOME TO MY FOOD</h1>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur sed eum suscipit cumque ab voluptatibus!</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. A, voluptate?</p>
+        <button id="btn">order now</button>
+    </section>
+    <section id="service-container">
+        <h1 class="h-primary centre">Our Services</h1>
+        <div id="services">
+            <div class="box"><img src="./p1.png" alt=" image">
+            <h2 class="h-secondary centre">Food Lists</h2>
+            <p class="centre">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facere itaque inventore quis ex. Reiciendis facilis reprehenderit vel, voluptatibus nesciunt fugiat ea suscipit iusto deserunt odio iure illo accusantium tempore omnis, quod et! Distinctio, labore.</p>
+        </div>
+        <div class="box"><img src="./q.png" alt=" image">
+            <h2 class="h-secondary centre">Food Ordering</h2>
+            <p class="centre">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facere itaque inventore quis ex. Reiciendis facilis reprehenderit vel, voluptatibus nesciunt fugiat ea suscipit iusto deserunt odio iure illo accusantium tempore omnis, quod et! Distinctio, labore.</p>
+        </div>
+        <div class="box"><img src="./r.jpg" alt=" image">
+            <h2 class="h-secondary centre">Food delivery</h2>
+            <p class="centre">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facere itaque inventore quis ex. Reiciendis facilis reprehenderit vel, voluptatibus nesciunt fugiat ea suscipit iusto deserunt odio iure illo accusantium tempore omnis, quod et! Distinctio, labore.</p>
+        </div>
+        </div>
+
+    </section>
+    <section id="client-services">
+        <h1 class="h centre">Our Clients</h1>
+        <div id="clients">
+            <div class="client-item">
+                <img src="./apple1.png" alt="our_client">
+            </div>
+            <div class="client-item">
+                <img src="./micro.jpg" alt="our_client">
+            </div>
+            <div class="client-item">
+                <img src="./skype.png" alt="our_client">
+            </div>
+        </div>
+    </section>
+    <section id="contact">
+        <h1 class="h-contact centre">Contact Us</h1>
+        <div class="contact-box">
+            <form action="">
+                <div class="form-group">
+                    <label for="name" >Name</label>
+                        <input type="text" name="name" id="name" placeholder="enter your name">
+
+                </div>
+                <div class="form-group">
+                    <label for="phone" >number </label>
+                        <input type="phone" name="number" id="name" placeholder="enter your number">
+
+                </div>
+                <div class="form-group">
+                    <label for="Email">  Email</label>
+                        <input type="email" name="name" id="name" placeholder="enter your email">
+
+                </div>
+            </form>
+        </div>
+    </section>
+    <footer>
+        <div class="centre">
+            copyright &copy; www.myfood.com. All rights reserved
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/my-food/skype.png b/my-food/skype.png
diff --git a/my-food/white.jpg b/my-food/white.jpg