-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutus.html
147 lines (135 loc) · 6.38 KB
/
aboutus.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About us</title>
<!-- <link rel="stylesheet" href="Style.css"> -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="nav.css">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="style.css">
<!--Icon library-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type = "text/javascript" src="functions.js"></script>
</head>
<body>
<!----------old header section----
<header>
<nav class="navbar">
<h2> Bbq On Wheels </h2>
<ul id="list">
<li><a href="#"> Home </a></li>
<li><a href="#"> Menu </a></li>
<li><a href="#"> About us </a></li>
<li><a href="#"> Contact </a></li>
</ul>
<ul id="hamBurger">
<li><i class="fa-solid fa-bars"></i></li>
</ul>
<ul class="responsive">
<li><a href="#"> Home </a></li>
<li><a href="#"> Menu </a></li>
<li><a href="#"> About us </a></li>
<li><a href="#"> Contact </a></li>
</ul>
</nav>
</header>
---- old header section end----->
<!------new header section------>
<header class="">
<nav class="topNav">
<a href="index.html" class="logo"><img src="images/BOWLogo.png" alt="BOW Logo" title="bowLogo"><h3><B>BARBECUE ON WHEELS</B></h3></a>
<ul id="links">
<li><a href="aboutus.html" class="navLink">ABOUT US</a></li>
<li><a href="Menu.html" class="navLink">MENU</a></li>
<li><a href="contact.html" class="navLink">CONTACT</a></li>
</ul>
<a href="javascript:void(0);" class="icon" onclick="mobileDropdown()">
<i class="fa fa-bars"></i>
</a>
</nav>
</header>
<!--------new header section end-->
<div class="parallax" id="imgFoodTruck">
<span class="welcome">
ABOUT US
</span>
</div>
<!---------intro section------>
<section id="intro">
<div class="intro-left">
<img src="images/bbqfamily.jpg" alt="image of a family doing a bbq">
</div>
<div class="intro-right">
<h2 class="intro-heading"><b>Come discover our delicious food</b></h2>
<p class="intro-par">Indulge your taste buds with the irresistible flavors of Bbq On Wheels.
Our menu is a treasure trove of smoky delights, from savory ribs to mouthwatering brisket.
Discover your new BBQ obsession today!
</p>
<a href="Menu.html" class="btn">Our menu</a>
</div>
</section>
<!-----end intro section-------->
<!------mision section------->
<section id="mission">
<h2 class="heading"><b>Happy Customers, Eco-Friendly Delights</b></h2>
<p class="par">At Bbq On Wheels, our top priority is ensuring your satisfaction.
We take immense pride in the smiles of our happy customers,
who keep coming back for the unbeatable combination of eco-friendly practices and the most delicious BBQ in town. We are committed to not only satisfying your cravings but also nurturing a greener planet, making your dining experience both fulfilling and environmentally responsible.
Join us in our mission to savor great flavors, make a positive impact, and enjoy the best of both worlds
!</p>
<div class="num-container">
<div class="num-item"><img src="images/icons8-smiling-50.png" alt="happy smileyface" class="icon"><br><span>2,303 <br>Happy customers</span></div>
<div class="num-item"><img src="images/icons8-ecological-64.png" alt="eco friendly icon" class="icon"><br><span>Eco-friendly</span></div>
<div class="num-item"><img src="images/icons8-bbq-51.png" alt="bbq icon" class="icon"><br><span>1000% <br>Delicious</span></div>
</div>
</section>
<!------mission section end------>
<!--------goal section------>
<section id="goal">
<div class="goal-left">
<h2><b>Our goal</b></h2>
<p>At Bbq On Wheels, our mission is to provide the most mouthwatering BBQ experience while promoting environmental responsibility.</p>
<ul>
<li>Sourcing locally for fresher, sustainable ingredients</li>
<li>Reducing waste through eco-friendly packaging</li>
<li>Contributing to a greener future one BBQ plate at a time</li>
</ul>
<a href="contact.html" class="btn">contact us</a>
</div>
<div class="goal-right">
<img src="images/ourgoalimg.png" alt="image of a dart board to showcase our goal">
</div>
</section>
<!----------goal section end--------->
<!--------Our team------->
<section id="our-team">
<h2><b>Our member</b></h2>
<div class="teamcontainer">
<div class="team-item">
<img src="images/istockphoto-1027265554-1024x1024.jpg" alt="">
<h5 class="member-name">John smith</h5>
<span class="role">cook</span>
</div>
<div class="team-item">
<img src="images/istockphoto-817517212-1024x1024.jpg" alt="">
<h5 class="member-name">John Doe</h5>
<span class="role">CEO</span>
</div>
<div class="team-item">
<img src="images/istockphoto-1499926490-1024x1024.jpg" alt="">
<h5 class="member-name">Jane Doe</h5>
<span class="role">Manager</span>
</div>
</div>
</section>
<!------- end our team section------>
<!------footer---------------->
<footer>
<p>© 2023 - Bbq On Wheels</p>
</footer>
<!------------end footer-->
</body>
</html>