Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added some cards to look good and gives more info about other country… #10

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
81 changes: 70 additions & 11 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<link rel="stylesheet" href="index.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Restaurant Website</title>
</head>
<body>
Expand Down Expand Up @@ -81,6 +81,55 @@ <h3>
</a>
</div>

<!-- cards section here -->
<section>
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card cards-here mt-4 ">
<div class="card-header text-center card-head-font">Indian-Food</div>

<div class="card-body">
Being the foodie country that India is, there’s a meal planned around every time of the day and food available in every corner. Appetizers served in Indian restaurants are typically popular Indian street foods.Indian cuisine consists of a variety of regional and traditional cuisines native to the Indian subcontinent.Given the diversity in soil and occupations, these cuisines vary substantially and use locally available spices, herbs, vegetables, and fruits.

</div>

<div class="card-footer text-center"><button class="btn-dark card-btn"> Ordernow </button> </div>
</div>
</div>

<div class="col-md-4">
<div class="card mt-4 cards-here">
<div class="card-header text-center card-head-font">American-Food</div>

<div class="card-body">
when it comes to American food, the country is best known for the stuff that's described by words better suited to greasy, grinding industrial output. But citizens of the USA have an impressive appetite for good stuff, too.
This is a list of American foods and dishes. There are a few foods that predate colonization, and the European colonization of the Americas brought about the introduction of many new ingredients and cooking styles.
</div>

<div class="card-footer text-center"> <button class="btn-dark card-btn"> Ordernow </button> </div>
</div>
</div>

<div class="col-md-4">
<div class="card mt-4 cards-here">
<div class="card-header text-center card-head-font">Japanese-Food</div>

<div class="card-body">
Japanese cuisine (和食, washoku) offers an abundance of gastronomical delights with a boundless variety of regional and seasonal dishes. Restaurants in Japan range from mobile food stands to centuries old ryotei, atmospheric drinking places, seasonally erected terraces over rivers, cheap chain shops and unique theme restaurants about ninja and robots. Many restaurants are specialized in a single type of dish, while others offer a variety of dishes.
</div>

<div class="card-footer text-center"><button class="btn-dark card-btn"> Ordernow </button> </div>
</div>
</div>
</div>
</div>
</div>
</section>

<!--cards section ends here -->

<div class="container">
<div class="row-flex">
<div class="flex-column-form">
Expand All @@ -100,16 +149,26 @@ <h3>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<div class="opening-time">
<h3>
Opening times
</h3>
<p>
<span>Monday—Thursday: 08:00 — 22:00</span>
<span>Friday—Saturday: 09:00 — 23:00 </span>
<span>Sunday: 10:00 — 17:00</span>
</p>
</div>
<section>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="opening-time">
<h3>
Opening times
</h3>
<p>
<span>Monday—Thursday: 08:00 — 22:00</span>
<span>Friday—Saturday: 09:00 — 23:00 </span>
<span>Sunday: 10:00 — 17:00</span>
</p>
</div>
</div>
</div>
</div>
</section>


<div class="contact-adress">
<h3>
Contact
Expand Down