Skip to content

Commit

Permalink
Revert "[BUG] About-us section"
Browse files Browse the repository at this point in the history
  • Loading branch information
@sunny0625
sunny0625 authored May 28, 2024
1 parent 9502bc2 commit b84f3ba
Show file tree
Hide file tree
Showing 2 changed files with 42 additions and 147 deletions.
61 changes: 29 additions & 32 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,49 +85,46 @@ <h1>Welcome to foodie!</h1>

</section>

<div class="about_us">
<section class="about_us">
<div class="move">
<div id="marque">
<h1 class="poppins-light">Get <span> 30% OFF </span> on your first order!</h1>
<h1 class="poppins-light">Get <span> 30% OFF </span> on your first order!</h1>
<h1 class="poppins-light">Get <span> 30% OFF </span> on your first order!</h1>
</div>
</div>
<div>
<h1 id="heading" class="h-primary center">"Savor the Flavors: Discover What Sets Our Restaurant's Cuisine Apart!"</h1>
</div>
<div id="container">
<div class="little-container">
<div class="img-container">
<img src="https://shahidining.com.au/wp-content/uploads/2020/05/secret-to-indian-flavour-1536x864.jpg" alt="">
</div>
<div>
<h2 class="h-secondary">Authentic Indian Flavors</h2>
<p >From aromatic curries to flavorful biryanis, our menu showcases the diversity and deliciousness of Indian cuisine.</p>
</div>

<h1 class="h-primary center">"Savor the Flavors: Discover What Sets Our Restaurant's Cuisine Apart!"</h1>


<!-- changes -->
<div id="about">
<div class="box">
<img src="https://shahidining.com.au/wp-content/uploads/2020/05/secret-to-indian-flavour-1536x864.jpg"
alt="">
<h2 class="h-secondary center">Authentic Indian Flavors</h2>
<p class="center">From aromatic curries to flavorful biryanis, our menu showcases the diversity and
deliciousness of Indian cuisine.
</p>
</div>
<div class="little-container">
<div class="img-container">
<img src="https://saavi.com.au/wp-content/uploads/2016/02/image0023-1.jpg" alt="">
</div>
<div>
<h2 class="h-secondary">Tech-Infused Dining Experience</h2>
<p >Customers can use apps to place orders, customize their dishes, and even provide feedback, making their visit more convenient and interactive.</p>
</div>
<div class="box">
<img src="https://saavi.com.au/wp-content/uploads/2016/02/image0023-1.jpg" alt="">
<h2 class="h-secondary center">Tech-Infused Dining Experience</h2>
<p class="center">
Customers can use apps to place orders, customize their dishes, and even provide feedback, making
their visit more convenient and interactive.
</p>
</div>
<div class="little-container">
<div class="img-container">
<img src="https://i.ndtvimg.com/i/2015-06/fusion-food_625x350_81434107799.jpg" alt="">
</div>
<div>
<h2 class="h-secondary">Innovative Fusion Dishes</h2>
<p>The combinations of Indian and international cuisines not only tantalize taste buds but also provide unique experience.</p>
</div>
<div class="box">
<img src="https://i.ndtvimg.com/i/2015-06/fusion-food_625x350_81434107799.jpg" alt="">
<h2 class="h-secondary center">Innovative Fusion Dishes</h2>
<p class="center">The combinations of Indian and international cuisines not only tantalize taste buds
but also provide unique experience.

</p>
</div>
</div>
</div>


</section>

<section class="service_container">
<div class="service">
Expand Down
128 changes: 13 additions & 115 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,10 +132,6 @@ body {
background-color: rgb(224, 224, 252);
padding: 100px 0px 100px 0px;
}

#heading{
margin-top: 5%;
}

#about {
/* margin: 34px; */
Expand All @@ -144,63 +140,6 @@ body {
align-items: center;
}

#heading{
margin-top: 5%;
}

.little-container:hover{
box-shadow: #212123 1px 1px 8px;
scale: 1.015;
cursor: pointer;
}


#container{
display: flex;
justify-content: space-around;
}

.little-container img{
width : 100%;
height: auto;
border-radius: 5%;
}

.little-container{
width: 27%;
border: 2px solid brown;
padding: 2%;
margin: 5% 2%;
background: #f2f2f2;
border-radius: 5%;
margin-bottom: 4%;
transition: 0.3s all ease-in-out;
box-sizing: border-box;
}

.little-container p{
font-size: 150%;
text-align: center;
padding: 1%;
}

.little-container h2{
font-size: 150%;
padding: 3% 1%;
}

@media (max-width : 767px){
#container{
flex-direction: column;
}
.little-container{
width: 80%;
box-sizing: border-box;
align-self: center;
margin: 1% 0%;
}
}

#about .box {
border: 2px solid brown;
padding: 34px;
Expand All @@ -211,70 +150,37 @@ body {
/* float: left; */
transition: 0.3s all ease-in-out;
}

.little-container:hover{
box-shadow: #212123 1px 1px 8px;
scale: 1.015;
cursor: pointer;
}

#about .box:hover {
box-shadow: #212123 1px 1px 8px;
scale: 1.015;
cursor: pointer;
}

#about .box img {
height: 160px;
width: 270px;
margin: auto;
display: flex;
}

#about .box p {
font-family: "Bree Serif", serif;
text-align: center;
}

#container{
display: flex;
justify-content: space-around;
}

.little-container img{
width : 100%;
height: auto;
border-radius: 5%;
}

.little-container{
width: 27%;
border: 2px solid brown;
padding: 2%;
margin: 5% 2%;
background: #f2f2f2;
border-radius: 5%;
margin-bottom: 4%;
transition: 0.3s all ease-in-out;
box-sizing: border-box;
}

.h-primary {
font-family: "Bree Serif", serif;
font-size: 2.5rem;
padding: 0.5% 1% 1% 1%;
padding: 40px 80px 80px 80px;
text-align: center;
color: brown;
}

.little-container p{
font-size: 150%;
text-align: center;
padding: 1%;
}

.little-container h2{
font-size: 150%;
padding: 3% 1%;
}

.h-secondary {
font-family: "Bree Serif", serif;
font-size: 1.5rem;
padding: 0.5%;
padding: 12px;
text-align: center;
}

Expand Down Expand Up @@ -772,20 +678,12 @@ ul{
}

/* responsiveness */

@media (max-width : 767px){
#container{
flex-direction: column;
}
.little-container{
width: 80%;
box-sizing: border-box;
align-self: center;
margin: 1% 0%;
}
}

@media screen and (max-width: 1120px) {
#about {
/* margin: 34px; */
flex-direction: column-reverse;
}

.service {
flex-direction: column;
Expand Down

0 comments on commit b84f3ba

Please sign in to comment.