-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
250 lines (218 loc) · 12.1 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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>mylbdigital</title>
<!-- FONT-AWESOME -->
<link rel="stylesheet" href="font-awesome/css/all.min.css">
<!-- CSS LINK -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- SCROLL TOP -->
<a href="#" class="scrolltop" id="scroll-top">
<i class="fa fa-arrow-up scrolltop__icon"></i>
</a>
<!--========== HEADER ==========-->
<header class="l-header" id="header">
<nav class="nav container">
<a href="index.html" class="nav__logo">LBDIGITAL</a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item"><a href="#home" class="nav__link active-link">Home</a></li>
<li class="nav__item"><a href="markup/index1.html" class="nav__link">About Us</a></li>
<li class="nav__item"><a href="#my-service" class="nav__link">Services</a></li>
<li class="nav__item"><a href="#ourWork" class="nav__link">Our Works</a></li>
<li class="nav__item"><a href="#academy" class="nav__link">Academy</a></li>
<li class="nav__item"><a href="#contactUs" class="nav__link">Contact Us</a></li>
</ul>
</div>
<div class="nav__toggle" id="nav-toggle">
<i class='fa fa-bars'></i>
</div>
</nav>
</header>
<main class="l-main">
<!-- HOME -->
<section class="home" id="home">
<div class="home__container">
<!-- <div class="home__img">
<img src="images" alt="image pressing a laptop">
</div> -->
<div class="home__data">
<h1 class="home__title">Result Driven
<span class="txt-type" data-wait="3000"
data-words='["Digital Marketing and", "Web Design Agency"]'></span>
</h1>
<p class="home__description">Power your business to a new height with our result-centric
Digital Marketing and Web Design Services.</p>
<a href="markup/index1.html" class="button">Learn More</a>
</div>
</div>
</section>
<!-- DESIRED RESULTS -->
<section class="desired-result section bd-container" id="result">
<div class="desired-result__container bd-grid">
<div class="desired-result__data">
<h2 class="section-title-center">Dedicated to helping you get<br> desired results</h2>
<p class="desired-result__description">LBDigital is a result-centric digital marketing and web
design agency delivering excellent
value to clients without compromising the quality of service. We are passionate about helping
you get a more and better-desired result in your business.
We are a team of digital marketing professionals and webmasters who will go beyond reasonable
length to deliver desired results.</p>
<p>With our digital marketing services,
you are bound to increase your sales and generate more brand awareness.
You can count on us to deliver search engine optimized responsive websites that help you
increase your revenue. </p>
<a href="#" class="button desired-result__button">Learn More</a>
</div>
<div class="desired-result__img">
<img src="images/mylbdigital.com 4.png" alt="internet-service">
</div>
</div>
</section>
<!-- GROW BUSINESS -->
<section class="business-grow" id="businessGrow">
<div class="business-grow__container bd-container bd-grid">
<div class="business-grow__data">
<h1 class="business-grow__title">Ready to grow your business?</h1>
<p class="business-grow__description">Doing business and scaling your business can be tough. The
demands can get too bulky that you lose touch of the things that matter.</p>
<p class="business-grow__description">Our team of digital
marketing experts and webmasters takes the time to understand your business to provide bespoke
personalized solutions that help you achieve your objectives.
We give you an unfair advantage through our well-thought-out digital marketing and web services.
</p>
</div>
<div class="business-grow__img">
<img src="images/mylbdigital.com 14.png" alt="ready">
</div>
</div>
</section>
<!-- SERVICES -->
<section class="services section bd-container" id="my-service">
<h2 class="section-title services__heading">What We Do<br> <span
style="color: #980004; font-size: 2rem;">(Services)</span>
</h2>
<div class="services__container bd-grid">
<div class="services__data web-design">
<img src="images/mylbdigital.com20.png" alt="">
<h3 class="services__title">Web Design</h3>
<p class="services__description">We don’t just take your business online. We position your business
succinctly
in front of your target audience through well optimized and actionable websites and
E-commerce store.</p>
<a href="markup/index2.html" class="button services__button">Learn More</a>
</div>
<div class="services__data social-mng">
<img src="images/mylbdigital.com 9.png" alt="">
<h3 class="services__title">Social Media Management</h3>
<p class="services__description">There's a way to chattering sales record through social media.
We've cracked the code and our team of result-driven experts get the job done excellently.</p>
<a href="markup/index3.html" class="button services__button">Learn More</a>
</div>
<div class="services__data social-mkt">
<img src="images/mylbdigital.com 11.png" alt="">
<h3 class="services__title">Social Media Marketing</h3>
<p class="services__description">Our teams of media buyers get you result over and over again. We
help you enjoy a huge
return on your investment and achieve your objectives through laser-targeted social media
advertisement.
<p>
<a href="markup/index3.html" class="button services__button">Learn More</a>
</div>
<div class="services__data digi-mkt">
<img src="images/mylbdigital.com21.png" alt="consulting image">
<h3 class="services__title">Digital Marketing Consulting</h3>
<p class="services__description">Combining our knowledge of web and social media platform needed to
scale your business
plus our expertise gives you an unfair advantage over your competitors. We deliver result
always.
<p>
<a href="markup/index4.html" class="button services__button">Learn More</a>
</div>
<div class="services__data training">
<img src="images/mylbdigital.com 4-1.png" alt="">
<h3 class="services__title">Training</h3>
<p class="services__description">We provide easy to understand and actionable training for
individuals who want to grow their
digital marketing career as
well as train staff of organizations towards achieving specific goals.
<p>
<a href="markup/index5.html" class="button services__button">Learn More</a>
</div>
</div>
</section>
<!-- TESTIMONIALS SECTION -->
<section class="testimonial section bd-container" id="my-testimonial">
<h2 class="section-title services__heading">Testimonials</h2>
<div class="testimonial__container bd-grid">
<div class="testimonial__data">
<p>LBDIGITAL was and still is the best choice I have made for my NGO. They have a wau of
interpreting your ideas
into a beautiful brand. And I also enjoy great customer service.
</p>
<h3 class="testimonial__title">--Nimot Awoniyi</h3>
</div>
<div>
<div class="testimonial__data">
<p>I strongly recommend LBDigital for your website design and digital marketing. They deliver
top-notch service
for me. Their customer's services and delivery are outstanding.
</p>
<h3 class="testimonial__title">--Tope Olaleye</h3>
</div>
</div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer class="footer section">
<div class="footer__container bd-container bd-grid">
<div class="footer__content">
<h2 class="footer__title">
<a href="#" class="footer__logo">LBDIGITAL</a>
</h2>
<p class="footer__description">Best Results <br> which gives you happiness</p>
</div>
<div class="footer__content">
<h3 class="footer__title">Our Services</h3>
<ul>
<li><a href="#my-service" class="footer__link">Web Design</a></li>
<li><a href="#my-service" class="footer__link">Social Media Management</a></li>
<li><a href="#my-service" class="footer__link">Social Media Marketing</a></li>
<li><a href="#my-service" class="footer__link">Digital Marketing Consulting</a></li>
<li><a href="#my-service" class="footer__link">Training</a></li>
</ul>
</div>
<div class="footer__content">
<h3 class="footer__title">Our Company</h3>
<ul>
<li><a href="#home" class="footer__link">Home</a></li>
<li><a href="#home" class="footer__link">About us</a></li>
<li><a href="#result" class="footer__link">Our mission</a></li>
</ul>
</div>
<div class="footer__content">
<h3 class="footer__title">Social</h3>
<a href="https://facebook.com/mylbdigital" target="_blank" class="footer__social"><i
class='fab fa-facebook'></i></a>
<a href="https://twitter.com/mylbdigital" target="_blank" class="footer__social"><i
class='fab fa-twitter'></i></a>
<a href="https://instagram.com/mylbdigital" target="_blank" class="footer__social"><i
class='fab fa-instagram'></i></a>
<a href="https://linkedin.com/lbdigital-solutions-limited" target="_blank" class="footer__social"><i
class='fab fa-linkedin'></i></a></a>
</div>
</div>
</div>
<p class="footer__copy">© 2022 LBDIGITAL. All right reserved</p>
</footer>
<!-- SCROLL REVEAL -->
<script src="https://unpkg.com/scrollreveal"></script>
<!-- MAIN JS -->
<script src="js/app.js"></script>
</body>
</html>