Web-designing/bootwebs.html at main · Vi-kas123/Web-designing · 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1" >
	<link rel="icon"  href="Image/pl.png">
	<title>PN INFOSYS | SOFTWARE COMPANY</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
    <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <div class="container-fluid">
    <a href="" class="navbar-brand">
      <img src="https://www.firstfiddle.in/assets/images/ff-logo-02.png" style="width:59px;" class="web-logo">

      <img class="mob-logo" src="https://www.firstfiddle.in/assets/images/logo-for-mobile.png">
    </a>

    <button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#pn">
      <span class="navbar-toggler-icon"></span>
    </button>
  <div class="collapse navbar-collapse" id=pn>
    <ul class="navbar-nav ms-auto">
      <li><a href="bootwebs.html" class="nav-link">Home</a></li>
      <li><a href="bootwebs2(firstfiddle).html" class="nav-link">About</a></li>
      <li><a href="bootweb({brandpage}firstfiddle).html" class="nav-link">Brands</a></li>
      <li><a href="boot(ourteam)firstfiddle.html" class="nav-link">Our team</a></li>
      <li><a href="bootpress(firstfiddle).html" class="nav-link">Press release</a></li>
      <li><a href="bootcontact(firstfiddle).html" class="nav-link">Contact</a></li>
      <li><a href="" class="nav-link">Careers</a></li>
      <li><a href="" class="nav-link btn btn-outline-warning" data-bs-toggle="modal" data-bs-target="#aa">Home</a></li>

      <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            Dropdown
          </a>
          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
            <li><a class="dropdown-item" href="#">Action</a></li>
            <li><a class="dropdown-item" href="#">Another action</a></li>
            <li><hr class="dropdown-divider"></li>
            <li><a class="dropdown-item" href="#">Something else here</a></li>
          </ul>
        </li>

      <!---modal button-->
      <button type="button" class="btn btn-outline-warning btn-lg" data-bs-toggle="modal" data-bs-target="#aa">login</button>
      <!--model button end--->
    </ul>
  </div><!--collapse end-->
  </div><!--container-fluid-->
</nav><!--nav end-->
<div class="container-fluid">
	   <div class="container">
	   	<h2 class="text-center a">WELCOME TO <b style="color: #fbaa1a">FIRST FIDDLE</b></h2>
	   	<br>
	   	    <div class="row">
	   	    	<div class="col-md-7">
	   	    		<p class="b">First Fiddle Restaurants, one of India’s most prominent F&B companies in the casual dining sector, is headed by Priyank Sukhija. From Lazeez Affair, the first brand conceived in 1999 to Lord of The Drinks, Dragonfly Experience, Diablo and Plum By Bent Chair, our latest ventures, we have brought a wave of innovation in the hospitality industry throughout. Being one of the India’s largest restaurant chain with over 30+ restaurants, now we are open to franchising routes for expansion and soon hitting the international grounds too.</p>
	   	    		<a href="" class="btn btn-outline-warning c">Read More...</a>
	   	    	</div>
	   	    	<div class="col-md-5 text-center">
	   	    		  <img src="https://www.firstfiddle.in/assets/images/ffbanner.png" class="img">
	   	    	</div>
	   	    </div>
	   </div>
</div>
<br>
<div class="container-fluid w">
	  <div class="container">
	  	    <div class="row">
	  	    	<div class="col-md-2">

	  	    	</div>
	  	    	<div class="col-md-8 ">
	  	    		<center><h1 class="s" style="color: #fbaa1a;">MEDIA &nbsp;MENTIONS</h1>
	  	    		<p class="e">We are making headlines since 1999 for having upmarket conceptualized places, experimental gastronomic affairs, and exotic mixology. From the heart of the country, we are now in the hearts of people in our country!</p>
	  	    		<a href="" class="btn btn-outline-warning kk">Read More...</a>

	  	    	    </center>
	  	    	</div>
	  	    	<div class="col-md-2">

	  	    	</div>
	  	    </div>
	  </div>
</div>
<div class="container large">
	 <h2 class="text-center a" style="margin-top: 40px;">EXPLORE <b style="color: #fbaa1a">OUR BRANDS</b></h2>
</div>
<br>
<div class="container">
	   <div class="row">
	   	    <div class="col-md-3">
	   	    	<img src="https://www.firstfiddle.in/assets/images/imagehome/rockystar.jpeg" class="text-center ll">
	   	    </div>

	   	    <div class="col-md-3">
	   	    	<img src="https://www.firstfiddle.in/assets/images/imagehome/lotd.jpeg" class="text-center mm">
	   	    </div>

	        <div class="col-md-3">
	   	    	<img src="https://www.firstfiddle.in/assets/images/imagehome/openhouse.jpeg" class="text-center mm">
	   	    </div>

	   	    <div class="col-md-3">
	   	    	<img src="https://www.firstfiddle.in/assets/images/imagehome/jalwa.jpeg" class="text-center mm" >
	   	    </div>
	   </div>
</div>
<br>
<div class="container-fluid ww">
	  <div class="container">
	  	    <div class="row">
	  	    	<div class="col-md-2">

	  	    	</div>
	  	    	<div class="col-md-8 ">
	  	    		<center><h1 class="s" style="color: #fbaa1a;">VISIT OUR OUTLETS</h1>
	  	    		<p class="e">We are making headlines since 1999 for having upmarket conceptualized places, experimental gastronomic affairs, and exotic mixology. From the heart of the country, we are now in the hearts of people in our country!</p>
	  	    		<a href="" class="btn btn-outline-warning kk">Read More...</a>

	  	    	    </center>
	  	    	</div>
	  	    	<div class="col-md-2">

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

<div class="container-fluid pp">
	<br>
	<br>
	 	 <div class="row">
	 	 	  <div class="col-md-5">
	 	 	  	  <div class="text-center">
	 	 	  	  	  <a href=""><img src="https://www.firstfiddle.in/assets/images/ff-logo-02.png"style="width: 50%; margin-top: 50px;"></a>
	 	 	  	  </div>
	 	 	  </div>

	 	 	  <div class="col-md-7">
	 	 	  	<br>
	 	 	  	  <h2 class="jj" style="color: #fbaa1a">CONTACT US</h2>
	 	 	  	  <p style="color: white;text-align: justify;">We're a team focusing on redefining the way the hospitality industry works by bringing in concept based restaurants across India. We are truly committed to catering to the ever-changing cosmopolitan taste of the customer and revolutioning the F & B industry!</p>

	 	 	  	  <div class="row">
	 	 	  	  	  <div class="col-md-6">
	 	 	  	  	  	<p style="color: white;"><font style="color: #fbaa1a">Address</font><br>6, Chanakyapuri Shopping Complex, 48, Malcha Marg, New Delhi 110021</p>

	 	 	  	  	  </div>
	 	 	  	  	  <div class="col-md-6">
	 	 	  	  	  	<p style="color: white;"><font style="color: #fbaa1a">Franchise Enquiry</font><br>Mobile: +91 9313663486<br>Email: franchise@firstfiddle.in</p>
	 	 	  	  	  </div>
	 	 	  	  </div>
                  <br>
	 	 	  	  <div class="row">
	 	 	  	  	  <div class="col-md-6">
	 	 	  	  	  	<p style="color: white;"><font style="color: #fbaa1a">HR Enquiry</font><br>Mobile: +91 9999304427<br>Email: careers@firstfiddle.in</p>
	 	 	  	  	  </div>
	 	 	  	  	  <div class="col-md-6">
	 	 	  	  	  	<p style="color: white;"><font style="color: #fbaa1a">Other Enquiry</font><br>Email: customercare@firstfiddle.in</p>
	 	 	  	  	  </div>
	 	 	  	  </div>
	 	 	  	  <div class="row">
	 	 	  	  	  <div class="col-md-12">
	 	 	  	  	  	<a href=""><i class="fab fa-facebook-f" style="font-size:40px;color: #fbaa1a;"></i></a>
	 	 	  	  	  	<a href=""><i class="fab fa-instagram" style="font-size:40px;color: #fbaa1a; margin-left: 10px;"></i></a>
	 	 	  	  	  	<a href=""><i class="fab fa-twitter" style="font-size:40px;color: #fbaa1a;margin-left: 10px;"></i></a>
	 	 	  	  	  	<a href=""><i class="fab fa-linkedin" style="font-size:40px;color: #fbaa1a;margin-left: 10px;"></i></a>
	 	 	  	  	  </div>
	 	 	  	  </div>
	 	 	  </div>

	 	 </div>
	 	 <br><br>
</div>

<div class="container-fluid " style="background: black;">
	<div class="row">
		 <div class="text-center">
		 	<br>
		 	 <p style="color: white;">PRIVACY POLICY | TERMS AND CONDITIONS | BLOG COPYRIGHT © 2021 FIRST FIDDLE F&B PRIVATE LIMITED</p>
		 	 <br>
		 </div>
	</div>
</div>
</body>
</html>