Food-Court/homepage.html at main · simran-2501/Food-Court · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html>
<head>
	<title>FoodCourt</title>
	<link rel="stylesheet" type="text/css" href="foodCourt.css">
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap" rel="stylesheet">
	<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 rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Potta+One&display=swap" rel="stylesheet">
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap" rel="stylesheet">
</head>
<body>
<div id="wrapper">
  <div id="navigation">
  		<nav class="menu">
			<ul id="menu-list">
				<li><a href="pizza.html"><button class="btn btn-warning btn-lg">Pizza</button></a></li>
				<li><a href="beers.html"><button class="btn btn-warning btn-lg">Beers</button></a></li>
				<li><a href="burgers.html"><button class="btn btn-warning btn-lg1">Burgers</button></a></li>
				<li><a href="desserts.html"><button class="btn btn-warning btn-lg1">Desserts</button></a></li>
				<li><a href="#"><button class="btn btn-warning btn-lg1">Reservation</button></a></li>
			</ul>
		</nav>
  </div>
</div>

<div class="container">
 	 <div class="PriceBtn1">  <a href="#">  <button class="btncost">Farmhouse<br><h6>Best Selling pizza</h6></button>    </a>  </div>
 	 <div class="PriceBtn2">  <a href="#">  <button class="btncost">Oreo Cheese Cake<br><h6>Best Selling Deserts</h6></button>  </a>  </div>
 	 <div class="imgcontainer">  </div>
 	 <div class="imgtexthead"><h2><b>Foood Court</b></h2></div>
 	 <div class="subline"><h6><b>The Italian Crust</b></h6></div>
</div>

  <div id="navigation2" style="position: absolute; top:555px; left:65px; width:1400px; height:220px;">

 	 <div class="submenu1">
 	 	<a href="pizza.html">
 	 	  <button class="submenu">
 	 			<img class="submenuimg" style="position: absolute; top:10px; left: 117px;" src="pizza-recipe.jpg">Pizza
 	 			<br>
 	 			<h6>People disappoint, but pizza never does...</h6>
 	 	  </button>
 	 	</a>
 	 </div>

 	 <div class="submenu2">
 	 	<a href="burgers.html">
 	 	  <button class="submenu">
 	 	  		<img class="submenuimg" style="position: absolute; top:10px; left: 117px;" src="burger1.jpg">Burger
 	 	  		<br>
 	 	  		<h6>It's burger O'clock dude...</h6>
 	 	  </button>
 	 	</a>
 	 </div>

 	 <div class="submenu3">
 	 	<a href="beers.html">
 	 	  <button class="submenu">
 	 	  	  	<img class="submenuimg" style="position: absolute; top:10px; left: 117px;" src="beverage6.jpg">Beer
 	 	  		<br>
 	 	  		<h6>Let's you celebrate the Moments...</h6>
 	 	  </button>
 	 	</a>
 	 	</div>

 	 <div class="submenu4">
 	 	<a href="desserts.html">
 	 	  <button class="submenu">
 	 	  	<img class="submenuimg" style="position: absolute; top:10px; left: 117px;" src="dessert1.jpg">Deserts
 	 	  	<br>
 	 	  	<h6>Treat yourself with royal cold...</h6>
 	 	  </button>
 	 	</a>
 	 </div>
  </div>
  <div class="container3">
 	 <div class="imgcontainer2"> </div>
 	 <div class="tagline"><h4>Featured Pizza</h4><br><h6>Thin crest, loaded with Cheese, and veggies makes the prefect pizza<br>This is what you are waiting for...</h6></div>
  <div class="container4" style="height: 20px; width: 1400px; background-color: black; margin-top: 20px; position: absolute; margin-bottom: 20px; background-image: linear-gradient(to right, rgba(229, 180, 7, 0.1),rgba(229, 180, 7, 0.3),rgba(229, 180, 7, 0.7),rgba(229, 180, 7, 1.0), rgba(229, 180, 7, 0.7), rgba(229, 180, 7, 0.3), rgba(229, 180, 7, 0.1));">
  </div>
</body>
</html>