-
Notifications
You must be signed in to change notification settings - Fork 1
/
products.html
89 lines (84 loc) · 6.12 KB
/
products.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Products - Le Bon Bon Pvt. Ltd.</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css">
<link rel="stylesheet" href="assets/css/Landing-Page---Parallax-Background---Logo-Heading-ButtonGIF.css">
</head>
<nav class="navbar navbar-light navbar-expand-lg bg-dark d-xl-flex align-items-center align-content-center align-items-xl-start py-lg-4" id="mainNav">
<div class="container"><a class="navbar-brand text-uppercase d-lg-none bounce animated text-expanded" href="#">Le Bon Bon Pvt. Ltd.</a><button data-toggle="collapse" data-target="#navbarResponsive" class="navbar-toggler" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="nav navbar-nav mx-auto">
<li class="nav-item" role="presentation"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="about.html">About us</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="products.html">Products</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="store.html">Store</a></li>
</ul>
</div>
</div>
</nav>
<body style="background:linear-gradient(rgba(47, 23, 15, 0.65), rgba(47, 23, 15, 0.65)), url('assets/img/bg.jpg');">
<h1 class="text-center text-white d-none d-lg-block site-heading"></h1>
<section class="page-section">
<div class="container">
<div class="product-item">
<div class="d-flex product-item-title">
<div class="d-flex mr-auto bg-faded p-5 rounded" data-aos="fade" data-aos-duration="300">
<h2 class="section-heading mb-0"><span class="section-heading-upper">Blended to Perfection</span><span class="section-heading-lower">Coffees & Teas</span></h2>
</div>
</div><img class="img-fluid d-flex mx-auto product-item-img mb-3 mb-lg-0 rounded" data-aos="fade" data-aos-duration="300" src="assets/img/products-01.jpg">
<div data-aos="fade-left" data-aos-duration="650" class="bg-faded p-5 rounded">
<p class="mb-0">We take pride in our work, and it shows. Every time you order a beverage from us, we guarantee that it will be an experience worth having. Whether it's our world famous Venezuelan Cappuccino, a refreshing iced herbal tea, or something
as simple as a cup of speciality sourced black coffee, you will be coming back for more.</p>
</div>
</div>
</div>
</section>
<section class="page-section">
<div class="container">
<div class="product-item">
<div class="d-flex product-item-title">
<div class="d-flex ml-auto bg-faded p-5 rounded" data-aos="fade-right" data-aos-duration="650">
<h2 class="section-heading mb-0"><span class="section-heading-upper">Delicious Treats, Good Eats</span><span class="section-heading-lower">Bakery & Kitchen</span></h2>
</div>
</div><img class="img-fluid d-flex mx-auto product-item-img mb-3 mb-lg-0 rounded" data-aos="fade-left" data-aos-duration="650" src="assets/img/products-02.jpg">
<div data-aos="fade-right" data-aos-duration="650" class="bg-faded p-5 rounded">
<p class="mb-0">Our seasonal menu features delicious snacks, baked goods, and even full meals perfect for breakfast or lunchtime. We source our ingredients from local, oragnic farms whenever possible, alongside premium vendors for specialty goods.</p>
</div>
</div>
</div>
</section>
<section class="page-section">
<div class="container">
<div class="product-item">
<div class="d-flex product-item-title">
<div class="d-flex mx-auto bg-faded p-5 rounded" data-aos="fade-left" data-aos-duration="650">
<h2 class="section-heading mb-0"><span class="section-heading-upper">From Around the World</span><span class="section-heading-lower">Bulk Speciality Blends</span></h2>
</div>
</div><img class="img-fluid d-flex mx-auto product-item-img mb-3 mb-lg-0 rounded" data-aos="fade-right" data-aos-duration="650" src="assets/img/products-03.jpg">
<div data-aos="fade-left" data-aos-duration="650" class="bg-faded p-5 rounded">
<p class="mb-0">Travelling the world for the very best quality coffee is something take pride in. When you visit us, you'll always find new blends from around the world, mainly from regions in Central and South America. We sell our blends in smaller
to large bulk quantities. Please visit us in person for more details.</p>
</div>
</div>
</div>
</section>
<footer class="footer text-faded text-center py-5">
<div class="container">
<p class="m-0 small">Copyright © Le Bon Bon Pvt. Ltd. 2018</p>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-animation.js"></script>
<script src="assets/js/current-day.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.js"></script>
</body>
</html>