Skip to content

Commit

Permalink
atyling landingpage
Browse files Browse the repository at this point in the history
  • Loading branch information
@Mehak-Mattoo
Mehak-Mattoo committed Jun 27, 2024
1 parent d161a60 commit 5aedfa2
Show file tree
Hide file tree
Showing 3 changed files with 588 additions and 494 deletions.
74 changes: 64 additions & 10 deletions Home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,13 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FoodDsy</title>
<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">
<h1>FoodDsy</h1>
Expand Down Expand Up @@ -48,22 +50,26 @@ <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>
</div>


<div class="foodCard">
<div class="card" data-id="1">
<img src="assets/images/fd1.jpg" alt="">
Expand Down Expand Up @@ -146,7 +152,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,7 +164,55 @@ <h1>Our Gallery</h1>
<img src="assets/images/aditya-kulkarni-MjUlSiPRrfQ-unsplash.jpg" alt="">
</div>
</div> -->

<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>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./assets/images/alex-haney-CAhjZmVk5H4-unsplash.jpg" class="d-block w-100" 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" 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" 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" 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" 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>

<section id="contact-detail" class="section-p1">
Expand Down
Loading

0 comments on commit 5aedfa2

Please sign in to comment.