Skip to content

Commit e58ab3d

Browse files
committed
Deploying to gh-pages from @ 74ab776 πŸš€
1 parent e96542b commit e58ab3d

19 files changed

Lines changed: 1383 additions & 552 deletions

β€Žabout.htmlβ€Ž

Lines changed: 220 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,220 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<!-- Font Awesome -->
8+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
9+
<!-- Bootstrap core CSS -->
10+
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
11+
<!-- Material Design Bootstrap -->
12+
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.10/css/mdb.min.css" rel="stylesheet">
13+
<!-- JQuery -->
14+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
15+
<!-- Bootstrap tooltips -->
16+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
17+
<!-- Bootstrap core JavaScript -->
18+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
19+
<!-- MDB core JavaScript -->
20+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.10/js/mdb.min.js"></script>
21+
<title>About Us - BrownBox</title>
22+
<script type="module" crossorigin src="./assets/app-CToRvCZX.js"></script>
23+
<link rel="stylesheet" crossorigin href="./assets/app-OQ4DUJ35.css">
24+
</head>
25+
<body>
26+
<!--Navbar-->
27+
<nav class="navbar navbar-expand-lg fixed-top" role="navigation" aria-label="Main navigation">
28+
<div class="container">
29+
<a class="navbar-brand d-flex align-items-center" href="index.html" aria-label="BrownBox Packaging Home">
30+
<img width="50" height="50" alt="BrownBox Logo" src="./assets/logo-D87f7XVt.png" class="logo-img">
31+
<span class="logo-text ml-2">BrownBox Packaging</span>
32+
</a>
33+
34+
<!-- Mobile menu button -->
35+
<button class="navbar-toggler custom-toggler" type="button"
36+
aria-controls="mainNavigation" aria-expanded="false" aria-label="Toggle navigation menu">
37+
<span class="navbar-toggler-icon">
38+
<span class="hamburger-line"></span>
39+
<span class="hamburger-line"></span>
40+
<span class="hamburger-line"></span>
41+
</span>
42+
</button>
43+
44+
<!-- Navigation Links -->
45+
<div class="navbar-collapse" id="mainNavigation">
46+
<ul class="navbar-nav ml-auto">
47+
<li class="nav-item">
48+
<a class="nav-link" href="index.html">
49+
<i class="fas fa-home mr-1" aria-hidden="true"></i>Home
50+
</a>
51+
</li>
52+
<li class="nav-item">
53+
<a class="nav-link" href="about.html" aria-current="page">
54+
<i class="fas fa-info-circle mr-1" aria-hidden="true"></i>About
55+
</a>
56+
</li>
57+
<li class="nav-item">
58+
<a class="nav-link" href="products.html">
59+
<i class="fas fa-box mr-1" aria-hidden="true"></i>Products
60+
</a>
61+
</li>
62+
<li class="nav-item">
63+
<a class="nav-link" href="facility.html">
64+
<i class="fas fa-industry mr-1" aria-hidden="true"></i>Facility
65+
</a>
66+
</li>
67+
<li class="nav-item">
68+
<a class="nav-link" href="contact.html">
69+
<i class="fas fa-phone mr-1" aria-hidden="true"></i>Contact
70+
</a>
71+
</li>
72+
</ul>
73+
74+
<!-- Social Links -->
75+
<ul class="navbar-nav nav-social ml-lg-3">
76+
<li class="nav-item">
77+
<a href="https://www.facebook.com/" rel="noopener noreferrer" class="nav-link social-link" target="_blank" aria-label="Follow us on Facebook">
78+
<i class="fab fa-facebook-f" aria-hidden="true"></i>
79+
</a>
80+
</li>
81+
<li class="nav-item">
82+
<a href="https://www.twitter.com/" rel="noopener noreferrer" class="nav-link social-link" target="_blank" aria-label="Follow us on Twitter">
83+
<i class="fab fa-twitter" aria-hidden="true"></i>
84+
</a>
85+
</li>
86+
<li class="nav-item">
87+
<a href="mailto:sales@brownboxpackaging.in" class="nav-link social-link" aria-label="Send us an email">
88+
<i class="fas fa-envelope" aria-hidden="true"></i>
89+
</a>
90+
</li>
91+
</ul>
92+
</div>
93+
</div>
94+
</nav>
95+
96+
<!-- Main Content -->
97+
<main class="page-content">
98+
<!-- Hero Section -->
99+
<section class="page-hero">
100+
<div class="container">
101+
<div class="row justify-content-center text-center">
102+
<div class="col-lg-8">
103+
<h1 class="display-4 font-weight-bold mb-4">About BrownBox</h1>
104+
<p class="lead mb-0">Excellence in packaging solutions since our inception</p>
105+
</div>
106+
</div>
107+
</div>
108+
</section>
109+
110+
<!-- About Content -->
111+
<section class="py-5">
112+
<div class="container">
113+
<div class="row align-items-center mb-5">
114+
<div class="col-lg-6 mb-4 mb-lg-0">
115+
<div class="about-image">
116+
<img src="./assets/why-us-B6c3oO8S.jpg" class="img-fluid rounded-lg" alt="About BrownBox">
117+
</div>
118+
</div>
119+
<div class="col-lg-6">
120+
<div class="about-content">
121+
<h2 class="h2-responsive font-weight-bold mb-4">Why Choose Us?</h2>
122+
<p class="text-muted mb-4">
123+
They say good things come in small packages. At BrownBox,
124+
we believe great things come in custom packages,
125+
whether they're small cartons, large printed shipping boxes, or anything in between.
126+
</p>
127+
<p class="text-muted mb-4">
128+
With a variety of shapes, colors, materials, and sizes, we give you the tools to create
129+
something exciting on the outside, thus exciting your customers about what's on the inside.
130+
</p>
131+
</div>
132+
</div>
133+
</div>
134+
135+
<!-- Features Grid -->
136+
<div class="row">
137+
<div class="col-lg-4 col-md-6 mb-4">
138+
<div class="feature-card text-center p-4">
139+
<div class="feature-icon mb-3">
140+
<i class="far fa-paper-plane fa-2x"></i>
141+
</div>
142+
<h4 class="font-weight-bold mb-3">Production Facility</h4>
143+
<p class="text-muted mb-0">Best in class production facility with state-of-the-art machinery and equipment.</p>
144+
</div>
145+
</div>
146+
<div class="col-lg-4 col-md-6 mb-4">
147+
<div class="feature-card text-center p-4">
148+
<div class="feature-icon mb-3">
149+
<i class="fa fa-pen-alt fa-2x"></i>
150+
</div>
151+
<h4 class="font-weight-bold mb-3">Quality Materials</h4>
152+
<p class="text-muted mb-0">Premium packaging materials ensuring durability and professional appearance.</p>
153+
</div>
154+
</div>
155+
<div class="col-lg-4 col-md-6 mb-4">
156+
<div class="feature-card text-center p-4">
157+
<div class="feature-icon mb-3">
158+
<i class="fa fa-user fa-2x"></i>
159+
</div>
160+
<h4 class="font-weight-bold mb-3">Bulk Discounts</h4>
161+
<p class="text-muted mb-0">Attractive discounts on large volume orders for cost-effective solutions.</p>
162+
</div>
163+
</div>
164+
</div>
165+
</div>
166+
</section>
167+
</main>
168+
169+
<!-- Footer -->
170+
<footer class="page-footer">
171+
<div class="container">
172+
<div class="row text-center text-md-left">
173+
<div class="col-md-4 col-lg-4 col-xl-4 mx-auto">
174+
<h6 class="text-uppercase mb-4 font-weight-bold">BrownBox</h6>
175+
<p>BrownBox can help grow your business with never before seen rates and great service.</p>
176+
</div>
177+
178+
<div class="col-md-4 col-lg-4 col-xl-4 mx-auto">
179+
<h6 class="text-uppercase mb-4 font-weight-bold">Quick Links</h6>
180+
<p><a href="index.html">Home</a></p>
181+
<p><a href="about.html">About</a></p>
182+
<p><a href="products.html">Products</a></p>
183+
<p><a href="contact.html">Contact</a></p>
184+
</div>
185+
186+
<div class="col-md-4 col-lg-4 col-xl-4 mx-auto">
187+
<h6 class="text-uppercase mb-4 font-weight-bold">Contact</h6>
188+
<p><i class="fas fa-home"></i> Gat No 132, Chandkhed, Maval, Pune 410506</p>
189+
<p><i class="fas fa-envelope"></i> <a href="mailto:sales@brownboxpackaging.in">sales@brownboxpackaging.in</a></p>
190+
<p><i class="fas fa-phone"></i> <a href="tel:+917219603983">+91 72196-03983</a></p>
191+
</div>
192+
</div>
193+
</div>
194+
195+
<!-- Copyright section -->
196+
<div class="footer-copyright">
197+
<div class="container">
198+
<p>
199+
<copyright-x>
200+
<span slot="name">BrownBox</span>
201+
</copyright-x>
202+
</p>
203+
204+
<div class="social-links">
205+
<a href="https://www.facebook.com/" class="btn-floating" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Facebook">
206+
<i class="fab fa-facebook-f"></i>
207+
</a>
208+
<a href="https://www.twitter.com/" class="btn-floating" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Twitter">
209+
<i class="fab fa-twitter"></i>
210+
</a>
211+
<a href="https://www.linkedin.com/" class="btn-floating" target="_blank" rel="noopener noreferrer" aria-label="Follow us on LinkedIn">
212+
<i class="fab fa-linkedin-in"></i>
213+
</a>
214+
</div>
215+
</div>
216+
</div>
217+
</footer>
218+
219+
</body>
220+
</html>

β€Žassets/app-CToRvCZX.jsβ€Ž

Lines changed: 28 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

β€Žassets/app-OQ4DUJ35.cssβ€Ž

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
Β (0)