web-dev/tenth.html at master · manali-biswas/web-dev · 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html>
<head>
	<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
	<link rel="stylesheet" type="text/css" href="roll.css">

	<title>Rolls King</title>
</head>
<body>

	<nav class="navbar navbar-dark bg-dark">
		<div class="container">
			<a class="navbar-brand" href="#"><i class="fa fa-cutlery"></i> Rolls King</a>
		</div>
	</nav>

		<div class="jumbotron jumbotron-fluid ">
	  <div class="container">
	  	<div class=" d-flex flex-column justify-content-center align-items-center">
	    <h1 class="display-4">ROLLS KING</h1>
	    <p class="lead">A complete <span id="orange">meal-in-one.</span></p>
	  </div>
	  <div class="d-flex justify-content-center">
	  	<button type="button" class="btn btn-warning mr-1 px-4">See Menu</button>
	    <button type="button" class="btn btn-danger ml-1 px-4">Order Now</button>
	  </div>

	  </div>
	</div>
		<section>
		<div class="container">
		<div class="row">
		<div class="col-lg-4 mb-4">
		<div class="card " style="width: 18rem ">
		  <img src="https://b.zmtcdn.com/data/reviews_photos/ec6/b69489daa55c9fbbbf0e35fbc140eec6_1545133874.jpg?fit=around%7C200%3A200&crop=200%3A200%3B%2A%2C%2A" class="card-img-top" alt="...">
		  <div class="card-body">
		    <h5 class="Egg Roll">Egg Roll</h5>
		    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
		  </div>
		  <ul class="list-group list-group-flush">
		    <li class="list-group-item">Cras justo odio</li>
		    <li class="list-group-item">Dapibus ac facilisis in</li>
		    <li class="list-group-item">Price: Rs.200</li>
		  </ul>
		  <div class="card-body">
		    <button type="button" class="btn btn-outline-success">Add To Cart</button>
		    <button type="button" class="btn btn-outline-danger"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
		  </div>
		</div>
	</div>
		<div class="col-lg-4 mb-4">
		<div class="card " style="width: 18rem ">
		  <img src="https://b.zmtcdn.com/data/reviews_photos/ec6/b69489daa55c9fbbbf0e35fbc140eec6_1545133874.jpg?fit=around%7C200%3A200&crop=200%3A200%3B%2A%2C%2A" class="card-img-top" alt="...">
		  <div class="card-body">
		    <h5 class="Chicken Roll">Chicken Roll</h5>
		    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
		  </div>
		  <ul class="list-group list-group-flush">
		    <li class="list-group-item">Cras justo odio</li>
		    <li class="list-group-item">Dapibus ac facilisis in</li>
		    <li class="list-group-item">Price: Rs.250</li>
		  </ul>
		  <div class="card-body">
		    <button type="button" class="btn btn-outline-success">Add To Cart</button>
		    <button type="button" class="btn btn-outline-danger"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
		  </div>
		</div>
	</div>
		<div class="col-lg-4 mb-4">
		<div class="card " style="width: 18rem ">
		  <img src="https://b.zmtcdn.com/data/reviews_photos/ec6/b69489daa55c9fbbbf0e35fbc140eec6_1545133874.jpg?fit=around%7C200%3A200&crop=200%3A200%3B%2A%2C%2A" class="card-img-top" alt="...">
		  <div class="card-body">
		    <h5 class="Veg Roll">Veg Roll</h5>
		    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
		  </div>
		  <ul class="list-group list-group-flush">
		    <li class="list-group-item">Cras justo odio</li>
		    <li class="list-group-item">Dapibus ac facilisis in</li>
		    <li class="list-group-item">Price: Rs.100</li>
		  </ul>
		  <div class="card-body">
		    <button type="button" class="btn btn-outline-success">Add To Cart</button>
		    <button type="button" class="btn btn-outline-danger"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
		  </div>
		</div>
	</div>
	</div>
	</div>
	</section>

	<!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
        crossorigin="anonymous"></script>
</body>
</html>