Skip to content

Commit a7ab8ef

Browse files
ashaweashawe
committed
✨ NEW Add Marketing service page.
Add footer links
1 parent 3324487 commit a7ab8ef

5 files changed

Lines changed: 255 additions & 6 deletions

File tree

‎app-dev.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -226,7 +226,7 @@ <h2 class="footer-top">SOLUTIONS </h2>
226226
<li><a href="app-dev.html"> Mobile </a> </li>
227227
<li><a href=""> Design </a> </li>
228228
<li><a href=""> Branding </a> </li>
229-
<li><a href=""> Promotions </a> </li>
229+
<li><a href="marketing.html"> Promotions </a> </li>
230230
<li><a href=""> Media </a></li>
231231
</ul>
232232
</div>

‎assets/css/style.css‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2742,7 +2742,14 @@ img.posi-r-img{
27422742
}
27432743

27442744

2745-
2745+
.link {
2746+
font-size: 14px;
2747+
color: #2e7ffe !important;
2748+
font-weight: 400;
2749+
letter-spacing: 0.15px;
2750+
transition-duration: 1s;
2751+
text-decoration: underline !important;
2752+
}
27462753

27472754

27482755

‎index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -134,7 +134,7 @@ <h2 class="unify"> App Development </h2>
134134
Decoding we know how give life to your unique app ideas, how to make them come alive and create the
135135
perfect app for you.</p>
136136
<div class="button-div">
137-
<a href="" class="button-s"> Learn more </a>
137+
<a href="app-dev.html" class="button-s"> Learn more </a>
138138
</div>
139139
</div>
140140
</div>
@@ -176,7 +176,7 @@ <h2 class="unify">Digital Marketing & Instagram Promotions </h2>
176176
<p class="bottom-s">Our developers are perfect for increasing your Digital presence. We're highly
177177
skilled professionals who can help you create the perfect ad campain on social media.</p>
178178
<div class="button-div">
179-
<a href="" class="button-s"> Learn more </a>
179+
<a href="marketing.html" class="button-s"> Learn more </a>
180180
</div>
181181
</div>
182182
</div>
@@ -300,7 +300,7 @@ <h2 class="footer-top">SOLUTIONS </h2>
300300
<li><a href="app-dev.html"> Mobile </a> </li>
301301
<li><a href=""> Design </a> </li>
302302
<li><a href=""> Branding </a> </li>
303-
<li><a href=""> Promotions </a> </li>
303+
<li><a href="marketing.html"> Promotions </a> </li>
304304
<li><a href=""> Media </a></li>
305305
</ul>
306306
</div>

‎marketing.html‎

Lines changed: 242 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,242 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<title> Marketing </title>
9+
<!-- Favicon -->
10+
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
11+
<!-- Bootstrap CSS -->
12+
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
13+
<!-- Animate CSS -->
14+
<link href="assets/vendors/animate/animate.css" rel="stylesheet">
15+
<!-- I00con CSS-->
16+
<link rel="stylesheet" href="assets/vendors/font-awesome/css/font-awesome.min.css">
17+
<link rel="stylesheet" href="assets/vendors/font-awesome/css/solid.min.css">
18+
<link rel="stylesheet" href="assets/vendors/font-awesome/css/brands.min.css">
19+
<!-- Owlcarousel CSS-->
20+
<link rel="stylesheet" type="text/css" href="assets/vendors/owl_carousel/owl.carousel.css" media="all">
21+
<!--Template Styles CSS-->
22+
<link rel="stylesheet" type="text/css" href="assets/css/style.css" media="all" />
23+
<link
24+
href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
25+
rel="stylesheet">
26+
</head>
27+
28+
<body>
29+
30+
<div class="bg-banner-img clip-ellipse">
31+
<div class="ovrllay">
32+
33+
<!-- Header_Area -->
34+
<nav class="navbar navbar-default header_aera affix-top">
35+
<div class="container m-s">
36+
<!-- Brand and toggle get grouped for better mobile display -->
37+
<div class="col-md-4 p0">
38+
<div class="navbar-header">
39+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
40+
data-target="#min_navbar">
41+
<span class="sr-only">Toggle navigation</span>
42+
<span class="icon-bar"></span>
43+
<span class="icon-bar"></span>
44+
<span class="icon-bar"></span>
45+
</button>
46+
<a class="navbar-brand logo-biss" href="index.html">Coding & Decoding</a>
47+
</div>
48+
</div>
49+
<!-- Collect the nav links, forms, and other content for toggling -->
50+
<div class="col-md-8 p0">
51+
<div class="collapse navbar-collapse" id="min_navbar">
52+
<ul class="nav navbar-nav navbar-right">
53+
<li class="dropdown submenu">
54+
<a href="index.html" class="">Home</a>
55+
</li>
56+
<li class="dropdown submenu">
57+
<a href="about.html" class="">About</a>
58+
</li>
59+
<li class="dropdown submenu">
60+
<a href="index.html#services" class=""> Services</a>
61+
</li>
62+
<li class="dropdown submenu">
63+
<a href="blog.html" class="">Blog</a>
64+
</li>
65+
<li class="dropdown submenu">
66+
<a href="contact.html" class="">Contact</a>
67+
</li>
68+
69+
</ul>
70+
</div>
71+
<!-- /.navbar-collapse -->
72+
</div>
73+
</div>
74+
<!-- /.container -->
75+
</nav>
76+
<!-- End Header_Area -->
77+
<!-- #banner start -->
78+
<section id="banner" class=" pt-0">
79+
<div class="container ">
80+
<div class="row">
81+
<!-- #banner-text start -->
82+
<div id="banner-text" class="col-md-12 text-c text-center ">
83+
<h5 class="wow fadeInUp main-h" data-wow-delay="0.2s">Services</h5>
84+
<p class="banner-text wow fadeInUp main-h3" data-wow-delay="0.8s">We innovate and create unique
85+
and hassel free solutions for your unique problems! <br> Our aim is to provide you the best
86+
experience while working with us!</p>
87+
</div>
88+
<!-- /#banner-text End -->
89+
</div>
90+
</div>
91+
</section>
92+
</div>
93+
</div>
94+
95+
<!-- /#banner end -->
96+
<!-- #About Us Area start -->
97+
<div id="about" class=" back-right-text-c py-70 pt-100">
98+
<div class="container">
99+
<div class="row text-center ">
100+
<div class="title-left wow fadeInUp">
101+
<h1 class="text-left"> Social Media Marketing </h1>
102+
<p class="about_s2">Our developers are perfect for increasing your Digital presence. We're highly skilled
103+
professionals who can help you create the perfect ad campain on social media.
104+
</p>
105+
</div>
106+
</div>
107+
<div class="row py-40 mt-40 ">
108+
<!--#about-text start -->
109+
<h1 class="text-left py-30"> What we can do together </h1>
110+
<div class="who_we_area col-md-4 col-sm-6 col-4pad">
111+
<div class="service-1">
112+
<div class="servise-top wow fadeInUp">
113+
<i class="fas fa-users service_icon"></i>
114+
</div>
115+
<h2 class="unify"> Social Media Brand Identity Management </h2>
116+
<p class="bottom-s">You already know how important it is to create a social media brand in today's
117+
world. We can help you create and manage your social media accounts.</p>
118+
</div>
119+
</div>
120+
<div class="who_we_area col-md-4 col-sm-6 col-4pad">
121+
<div class="service-1">
122+
<div class="servise-top wow fadeInUp">
123+
<i class="fas fa-ad service_icon"></i>
124+
</div>
125+
<h2 class="unify"> Digital Marketing </h2>
126+
<p class="bottom-s">This is perfect if you want to improve your overall reach and bring more customers
127+
to your business. We can help you market your products on various digital and social platforms.</p>
128+
</div>
129+
</div>
130+
<div class="who_we_area col-md-4 col-sm-6 col-4pad">
131+
<div class="service-1">
132+
<div class="servise-top wow fadeInUp">
133+
<i class="fab fa-instagram service_icon"></i>
134+
</div>
135+
<h2 class="unify"> Instagram Promotion </h2>
136+
<p class="bottom-s">Promote your ( technology related ) content on our instagram page <a class="link"
137+
href="https://instagram.com/codinganddecoding" target="_blank">Coding and Decoding</a> and
138+
increase awareness about your brand via our social media handle. Just fill <a class="link" href="!#" target="_blank">this</a> form for the promotion.</p>
139+
</div>
140+
</div>
141+
<!--#End about-text -->
142+
</div>
143+
</div>
144+
</div>
145+
146+
<div class="our_partners_area bg-grediunt">
147+
<div class="book_now_aera ">
148+
<div class="container">
149+
<div class="row book_now">
150+
<div class="col-md-12 booking_text wow fadeInUp">
151+
<h1 style="text-align: center; font-size: 51px; font-weight: 600">Made up your mind?</h1>
152+
</div>
153+
<div class="col-md-12">
154+
<div class="top-banner text-left"
155+
style="visibility: visible; animation-name: fadeInRight; width: 100%; display: flex; justify-content: center;">
156+
<a id="#services" href="contact.html" class="btn btn-primary wow fadeInUp js-scroll-trigger"
157+
data-wow-delay="0.5s">Let's Talk</a>
158+
</div>
159+
</div>
160+
</div>
161+
</div>
162+
</div>
163+
</div>
164+
165+
<!--#start Our footer Area -->
166+
<div class="our_footer_area">
167+
<div class="book_now_aera ">
168+
<div class="container wow fadeInUp">
169+
<div class="row book_now">
170+
<div class="col-md-4">
171+
<div class="">
172+
<a class=" logo-biss" href="index.html"> Coding &amp; Decoding </a>
173+
</div>
174+
<p class="footer-h">An innovative digital media company that helps businesses and individuals around
175+
the world to
176+
gain leverage via the internet and reach millions of customers online.</p>
177+
<div class="bigpixi-footer-social">
178+
<a href="https://www.facebook.com/codinganddecoding" target="_blank"><i id="social-fb"
179+
class="fab fa-facebook-square fa-3x social"></i></a>
180+
<a href="https://www.twitter.com/coding_decoding" target="_blank"><i id="social-tw"
181+
class="fab fa-twitter fa-3x social"></i></a>
182+
<a href="https://reddit.com/r/codinganddecoding" target="_blank"><i id="social-em"
183+
class="fab fa-reddit fa-3x social"></i></a>
184+
<a href="https://www.instagram.com/codinganddecoding/" target="_blank"><i id="social-em"
185+
class="fab fa-instagram fa-3x social"></i></a>
186+
<a href="https://www.linkedin.com" target="_blank"><i id="social-em"
187+
class="fab fa-linkedin-in fa-3x social"></i></a>
188+
<a href="https://www.youtube.com/codinganddecoding" target="_blank"><i id="social-em"
189+
class="fab fa-youtube fa-3x social"></i></a>
190+
</div>
191+
</div>
192+
<div class="col-md-1 ">
193+
</div>
194+
<div class="col-md-3">
195+
<h2 class="footer-top">SOLUTIONS </h2>
196+
<ul class="footer-menu">
197+
<li><a href="web-dev.html"> Web </a></li>
198+
<li><a href="app-dev.html"> Mobile </a> </li>
199+
<li><a href=""> Design </a> </li>
200+
<li><a href=""> Branding </a> </li>
201+
<li><a href="marketing.html"> Promotions </a> </li>
202+
<li><a href=""> Media </a></li>
203+
</ul>
204+
</div>
205+
<div class="col-md-4">
206+
<ul class="location">
207+
<li class="footer-left-h"><i class="fa fa-map-marker"></i>Made with &nbsp;<i
208+
class="fa fa-heart"></i>in India.</li>
209+
<li class="footer-left-h"><i class="fa fa-phone"></i>Call Us <br><a href="tel:+918793212686"> +91
210+
879-321-2686</a></li>
211+
<li class="footer-left-h"><i class="fa fa-envelope"></i>Email<br>
212+
<a href="mailto:thecodingdecoding@gmail.com"> thecodingdecoding@gmail.com </a>
213+
</li>
214+
</ul>
215+
</div>
216+
</div>
217+
<div class="row book_now">
218+
<div class="col-md-12 text-center mt-50">
219+
<p class="footer-h">Providing amazing experiences, creating and crafting unique solutions and
220+
realizing ideas since 2020.</p>
221+
<p class="footer-h">&copy; 2020 Coding and Decoding<br> Made with&nbsp;<i class="fa fa-heart"> in
222+
India</i></p>
223+
</div>
224+
</div>
225+
</div>
226+
</div>
227+
</div>
228+
<!--#End Our footer Area -->
229+
<!-- jQuery JS -->
230+
<script src="assets/js/jquery-1.12.0.min.js"></script>
231+
<!-- Bootstrap JS -->
232+
<script src="assets/js/bootstrap.min.js"></script>
233+
<script src="assets/vendors/popup/lightbox.min.js"></script>
234+
<!-- Animate JS -->
235+
<script src="assets/vendors/animate/wow.min.js"></script>
236+
<!-- Owlcarousel JS -->
237+
<script src="assets/vendors/owl_carousel/owl.carousel.min.js"></script>
238+
<!-- Theme JS -->
239+
<script src="assets/js/theme.min.js"></script>
240+
</body>
241+
242+
</html>

‎web-dev.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -238,7 +238,7 @@ <h2 class="footer-top">SOLUTIONS </h2>
238238
<li><a href="app-dev.html"> Mobile </a> </li>
239239
<li><a href=""> Design </a> </li>
240240
<li><a href=""> Branding </a> </li>
241-
<li><a href=""> Promotions </a> </li>
241+
<li><a href="marketing.html"> Promotions </a> </li>
242242
<li><a href=""> Media </a></li>
243243
</ul>
244244
</div>

0 commit comments

Comments
 (0)