-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
189 lines (178 loc) · 6.51 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
<html>
<head>
<title>Marketing Agency Bootstrap template</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
</head>
<body>
<!-- Navigation -->
<section id="nav-bar">
<nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="img/logo.png" alt="marketing"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#banner">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about-us">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Testimonials">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#footer">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</section>
<!-- Banner section -->
<section id="banner">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<p class="promo-title">DOMINO DIGITAL MARKETING</p>
<p>In the world of Internet Customer Service, it's important to remember your competitor is only one
mouse
click away. It is therefore Important to stay on top of your game.</p>
<a href="#"><i class="fas fa-play"></i> Watch Promo Video </a>
</div>
<div class="col-md-6 text-center">
<img src="img/charts.png" class="img-fluid mb-4" alt="charts">
</div>
</div>
<!-- <img src="img/wave.png" class="w-100"> -->
</div>
</section>
<!-- services -->
<section id="services">
<div class="container">
<h1 class="title text-uppercase text-center">What we do</h1>
<div class="row text-center">
<div class="col-md-3 services">
<img src="img/graphs.png" class="service-img">
<h4>Growth Marketing</h4>
<p>The brands that can connect with the client in a real way will win.</p>
</div>
<div class="col-md-3 services">
<img src="img/social.png" class="service-img">
<h4>Social Media Marketing</h4>
<p>Marketing is about telling good stories. Social media marketing is about getting your customers
to
tell them for you.</p>
</div>
<div class="col-md-3 services">
<img src="img/process.png" class="service-img">
<h4>Animated Ads</h4>
<p>Without strategy, content is just stuff, and the world has enough stuff.</p>
</div>
<div class="col-md-3 services">
<img src="img/email-campaign.png" class="service-img">
<h4>Email Advertising</h4>
<p>Personalised Email campaigns.</p>
</div>
</div>
<button type="button" class="btn btn-primary">All Services</button>
</div>
</section>
<!-- About Us -->
<section id="about-us">
<div class="container">
<h1 class="title text-center text-uppercase">Why Choose Us?</h1>
<div class="row">
<div class="col-md-6 about-us">
<p class="about-title">Why We're different</p>
<ul>
<li>Understanding Our Client's Business Goal.</li>
<li>We believe in doing business with honesty.</li>
<li>We deliver on time.</li>
<li>We create a winning content strategy.</li>
<li>We protect your online reputation.</li>
</ul>
</div>
<div class="col-md-6">
<img src="img/Asset 860.png" class="img-fluid" alt="">
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section id="Testimonials">
<div class="container">
<h1 class="title text-center text-uppercase">What Our Clients Say</h1>
<div class="row offset-1">
<div class="col-md-5 testimonials">
<p>One of the best companies I have worked with. Excellent staff and great customer service.</p>
<img src="img/team1.png" alt="">
<p class="user-details"><b>Jeff Kamuthu</b><br>Co-founder, Centum Investments</p>
</div>
<div class="col-md-5 testimonials">
<p>I cannot recommend them enough. Simply the best!</p>
<img src="img/team2.png" alt="">
<p class="user-details"><b>Mary Watiri</b><br>COO, Frontier Technologies.</p>
</div>
</div>
</div>
</section>
<!-- social media section -->
<section id="social-media">
<div class="container">
<h1 class="title text-center text-uppercase">Connect</h1>
</div>
<div class="col-12 text-center social padding">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-google-plus-g"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
</section>
<!-- footer section -->
<section id="footer">
<div class="container">
<div class="row">
<div class="col-md-4 footer-box">
<img src="img/logo.png">
<p>In the world of Internet Customer Service, it's important to remember your competitor is only one
mouse
click away. Press the icon to get more info</p>
</div>
<div class="col-md-4 footer-box">
<p><b>CONTACT US</b></p>
<P><i class="fa fa-map-marker"></i> Odyssey Plaza, 1st Floor</P>
<P><i class="fa fa-building"></i> Room 19</P>
<P><i class="fa fa-phone"></i> +254 708651848</P>
<P><i class="fa fa-envelope"></i> [email protected]</P>
</div>
<div class="col-md-4 footer-box">
<p><b>SUBSCRIBE TO OUR NEWSLETTER</b></p>
<input type="email" class="form-control" placeholder="Your Email">
<button type="button" class="btn btn-primary">Subscribe</button>
</div>
</div>
<hr>
<p class="copyright text-center"> © Website Crafted by tngeene</p>
<button id="myBtn" class="btn d-flex justify-content-center" title="Go to top">
<a href="#banner" class="text-white"> <i class="fa fa-arrow-circle-up"></i> </button></a>
</div>
</section>
<!-- smooth scroll -->
<script src="smooth-scroll.js"></script>
<script>
var scroll = new SmoothScroll('a[href*="#"]');
</script>
</body>
</html>