Skip to content

Commit

Permalink
Merge pull request #19 from Mehak-Mattoo/home-UI
Browse files Browse the repository at this point in the history 
Home UI enhancement
  • Loading branch information
@Rachit4039
Rachit4039 authored Jun 28, 2024
2 parents d161a60 + 7a8009c commit 2fe1795
Show file tree
Hide file tree
Showing 12 changed files with 1,280 additions and 1,038 deletions.
46 changes: 27 additions & 19 deletions AboutUs.html
View file
Original file line number Diff line number Diff line change
@@ -1,27 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="icon" href="./assets/images/favicon.png" type="image/png" />

<title>About Us</title>
<link rel="stylesheet" href="assets/css/AboutUs.css">
</head>
<body>
<link rel="stylesheet" href="assets/css/AboutUs.css" />
</head>
<body>
<header>
<h1>About Us</h1>
<h1>About Us</h1>
</header>
<div class="container">
<img src="assets/images/img.jpg" alt="food">
<div class="about-details">
<span>Welcome to</span>
<h2>Our Food Journey</h2>
<p>We are passionate about bringing the finest culinary experiences to your table. Our journey started with a vision to celebrate
the diversity of flavors and traditions that make food a universal language of joy. From farm-fresh ingredients to expertly
crafted recipes, we strive to deliver exceptional taste and quality in every dish. Whether you're exploring new tastes or
savoring timeless classics, join us on a flavorful adventure that celebrates the artistry and love we pour into each plate.
</p>
<button class="btn">Learn More</button>
</div>
<img src="assets/images/img.jpg" alt="food" />
<div class="about-details">
<span>Welcome to</span>
<h2>Our Food Journey</h2>
<p>
We are passionate about bringing the finest culinary experiences to
your table. Our journey started with a vision to celebrate the
diversity of flavors and traditions that make food a universal
language of joy. From farm-fresh ingredients to expertly crafted
recipes, we strive to deliver exceptional taste and quality in every
dish. Whether you're exploring new tastes or savoring timeless
classics, join us on a flavorful adventure that celebrates the
artistry and love we pour into each plate.
</p>
<button class="btn">Learn More</button>
</div>
</div>
</body>
</body>
</html>
81 changes: 68 additions & 13 deletions Home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,19 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FoodDsy</title>
<link rel="icon" href="./assets/images/favicon.png" type="image/png">
<link rel="stylesheet" href="assets/css/Home.css">
<script src="https://kit.fontawesome.com/f30fac2c61.js" ></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script defer src="https://kit.fontawesome.com/f30fac2c61.js" ></script>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

</head>
<body class="">
<div class="container">
<div >
<nav>
<div class="logo">
<div class="logo" style="display: flex;">

<img src="./assets/images/favicon.png" height="40rem" style="padding-left: 2rem;" alt="">
<h1>FoodDsy</h1>
</div>
<ul>
Expand All @@ -22,14 +27,14 @@ <h1>FoodDsy</h1>
<li><a href="contactus.html">CONTACT US</a></li>
</ul>

<button class="b"><a href="index.html" class="login-btn">Logout</a></button>
<button class="b"><a href="index.html" class="login-btn">Log Out</a></button>
<!-- End of login button -->
<div class="icons">
<!-- <i class="fa-solid fa-user"></i> -->
<!-- <i class="fa-solid fa-person"></i>
-->
<i class="fa-regular fa-user"></i>
<i class="fa-solid fa-bag-shopping">
<i class="fa-regular fa-user" style="color: white;"></i>
<i class="fa-solid fa-bag-shopping" style="color: white;">
<!-- <i id="bar" class="fa-solid fa-cart-shopping"></i> -->
<span>0</span>
</i>
Expand All @@ -48,22 +53,28 @@ <h1>My Cart</h1>
</div>
</div>
</nav>
<div class="main">
<div class="main ">
<div class="mainText">
<h1>FoodDsy A Place for all the foodies :)</h1>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap" rel="stylesheet">
<p style="font-family: 'Roboto Slab', serif;">Welcome to <strong>THE FoodDsy</strong>, where every dish is a celebration of flavor and creativity. Nestled in the heart of <em>[Location]</em>, our culinary artisans craft each meal with passion and precision, sourcing only the freshest, locally-sourced ingredients to tantalize your taste buds. Whether you crave the comfort of classic favorites or the excitement of innovative cuisine, our menu offers a symphony of delicious options to satisfy every palate. Join us for an unforgettable dining experience, where exceptional service meets culinary excellence, creating memories one bite at a time.</p>
<h1>FoodDsy </h1>

<p>A Place for all the foodies where every dish is a celebration of flavor and creativity. </p>

<!-- Nestled in the heart of <em>[Location]</em>, our culinary artisans craft each meal with passion and precision, sourcing only the freshest, locally-sourced ingredients to tantalize your taste buds. Whether you crave the comfort of classic favorites or the excitement of innovative cuisine, our menu offers a symphony of delicious options to satisfy every palate. Join us for an unforgettable dining experience, where exceptional service meets culinary excellence, creating memories one bite at a time.</p> -->


</div>
<img src="assets/images/My first design 1.png" alt="">
<img src="assets/images/foodsyhome (2).png" alt="">
</div>


<div id="food">
<div class="head">
<h1>Menu</h1>
<h1>What we offer</h1>
<p>Our culinary artisans craft each meal with passion and precision, sourcing only the freshest, locally-sourced ingredients to tantalize your taste buds. </p>

</div>


<div class="foodCard">
<div class="card" data-id="1">
<img src="assets/images/fd1.jpg" alt="">
Expand Down Expand Up @@ -146,7 +157,7 @@ <h1>Menu</h1>

<!-- gallery -->
<div id="gallery">
<div class="head">
<!-- <div class="head">
<h1>Our Gallery</h1>
</div>
<div class="gallery">
Expand All @@ -158,9 +169,52 @@ <h1>Our Gallery</h1>
<img src="assets/images/aditya-kulkarni-MjUlSiPRrfQ-unsplash.jpg" alt="">
</div> -->
<h1>Our Gallery</h1>
<div id="carouselExampleCaptions" class="carousel slide">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" aria-label="Slide 5"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./assets/images/alex-haney-CAhjZmVk5H4-unsplash.jpg" class="d-block w-100 carousel-img" alt="...">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<div class="carousel-item">
<img src="./assets/images/dewi-ika-putri-ZDD7O-grjBo-unsplash.jpg" class="d-block w-100 carousel-img" alt="...">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<div class="carousel-item">
<img src="./assets/images/piotr-szulawski-DCmUhk54F6M-unsplash.jpg" class="d-block w-100 carousel-img" alt="...">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<div class="carousel-item">
<img src="./assets/images/caglar-araz-n_tX6yYBVjc-unsplash.jpg" class="d-block w-100 carousel-img" alt="...">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<div class="carousel-item">
<img src="./assets/images/dave-photoz-Ksrmm0EHdgw-unsplash.jpg" class="d-block w-100 carousel-img" alt="...">
<div class="carousel-caption d-none d-md-block"></div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>

</div>

<div class="map">

<section id="contact-detail" class="section-p1">
<div class="detail">
<i class="far fa-clock"></i>
Expand Down Expand Up @@ -188,6 +242,7 @@ <h3>Open till 2.00 am on weekends</h3>
</div>

</section>
</div>

<footer>
<div class="container1">
Expand Down
27 changes: 14 additions & 13 deletions Signup.html
View file
Original file line number Diff line number Diff line change
@@ -1,20 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="./assets/images/favicon.png" type="image/png" />
<title>Sign Up</title>
<link rel="stylesheet" href="assets/css/signup.css">
</head>
<body>
<link rel="stylesheet" href="assets/css/signup.css" />
</head>
<body>
<div class="signup-container">
<h1>Sign Up</h1>
<form id="signupForm">
<input type="text" placeholder="Username" id="signupUsername">
<input type="password" placeholder="Password" id="signupPassword">
<button type="submit">Sign Up</button>
</form>
<h1>Sign Up</h1>
<form id="signupForm">
<input type="text" placeholder="Username" id="signupUsername" />
<input type="password" placeholder="Password" id="signupPassword" />
<button type="submit">Sign Up</button>
</form>
</div>
<script src="assets/js/signup.js"></script>
</body>
</body>
</html>
Loading

0 comments on commit 2fe1795

Please sign in to comment.