-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
176 lines (176 loc) · 7.6 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- Font-awesome-icon -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<!-- Main CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Title goes here</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container">
<a class="navbar-brand" href="#"><img src="img/logo.png" alt="logo"></a>
<div data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="collapse navbar-collapse" id="navbarNav">
<div class="items-left">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Business</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact us</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div class="banner-section section">
<img src="img/aboutUs-banner-img.jpg" class="w-100" alt="responsive-img">
</div>
<div class="section">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4">
<div class="story-title">
<h2>
<span> our </span>story
</h2>
</div>
</div>
<div class="col-md-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid blanditiis qui, odit quo molestiae quos cumque praesentium distinctio assumenda, suscipit mollitia dolorum placeat dignissimos voluptas nam doloribus quis deleniti unde.
<a href="#" class="readMe">Read More</a>
</div>
<div class="col-md-4">
<img src="img/full.jpeg" class="img-fluid" alt="responsive-img">
</div>
</div>
</div>
</div>
<div class="cover-bg section">
<div class="container">
<div class="secondary-title">
<h2><span>Our no.1 ingredient: </span>Real Chicken & Egg</h2>
</div>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere veniam sunt eos odit quasi. Quibusdam quas neque harum magnam quae!</p>
</div>
</div>
<div class="section">
<div class="container">
<div class="row align-items-center">
<div class="col-md-8 p-sm-5">
<h2 class="title">The perfect start to life</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo fuga rerum fugiat corrupti voluptatem excepturi</p>
<button type="button" class="btn btn-primary">Learn More</button>
</div>
<div class="col-md-4">
<img src="img/laptop.jpeg" class="img-fluid" alt="responsive-img">
</div>
</div>
</div>
</div>
<div class="graybg-center section">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4">
<h2 class="title">Learn more about your business</h2>
<div class="my-3 main">
<input type="text" class="form-control search-input" placeholder="search business">
<div class="icon">
<img src="img/search-icon.png" class="img-fluid" alt="responsive-img">
</div>
</div>
<button type="button" class="btn btn-primary">View all business resource</button>
</div>
<div class="col-md-4">
<img src="img/shampo.jpg" class="img-fluid" alt="shampoImg">
</div>
<div class="col-md-4">
<h2 class="title">Thinking of Profitable business</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores, perferendis?</p>
<button type="button" class="btn btn-primary">Learn More</button>
</div>
</div>
</div>
</div>
<div class="counterup section">
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<span class="counter-start">80</span>
<h4>Client</h4>
</div>
<div class="col-md-3">
<span class="counter-start">2380</span>
<h4>Satisfaction</h4>
</div>
<div class="col-md-3">
<span class="counter-start">844</span>
<h4>Review</h4>
</div>
<div class="col-md-3">
<span class="counter-start">253</span>
<h4>Project</h4>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row">
<div class="col-md-4">
<img src="img/last.jpg" class="img-fluid" alt="responsive-img">
</div>
<div class="col-md-8 p-sm-5">
<h2 class="title">Find the right business for your company</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo fuga rerum fugiat corrupti voluptatem excepturi</p>
<button type="button" class="btn btn-primary">view all business</button>
</div>
</div>
</div>
</div>
<footer class="footer text-center">
<div class="container">
<div class="row">
<div class="col-xl-12">
<a href=""><i class="fab fa-facebook-square"></i></a>
<a href=""><i class="fab fa-twitter-square"></i></a>
<a href=""><i class="fab fa-instagram-square"></i></a>
<a href=""><i class="fab fa-linkedin"></i></a>
<p>© All Rights Reserved 2021</p>
</div>
</div>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/waypoint.min.js"></script>
<!-- FontAwesome js file -->
<script src="js/font-awesome.js"></script>
<script src="js/main.js"></script>