"Responsive Footer with social links"
Bootstrap 3.3.0 Snippet by Madgeek

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<footer>
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6 footerleft ">
<h6 class="heading7">About Us</h6>
<p><a href="//madgeek.in">Madgeek</a> is a Website development company from Bangalore. Madgeek builds interactive, astonishing,
responsive
and feature rich responsive website solution.</p>
<p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"><i class="fa fa-map-pin"></i>
<span itemprop="streetAddress">Mahadevi Nilaya, 10th cross, Raghavendra matha Road, Chikkabanavara</span>,
<span itemprop="addressLocality">Bangalore</span>
<span itemprop="addressRegion">, Karnataka</span>,
<span itemprop="addressCountry">India</span><br/>
<span itemprop="postalCode">KA - 560090</span></p>
<p><i class="fa fa-phone"></i> Phone (India) :
<span itemprop="telephone"><a href="tel:+91 8861031253" class="fields"
title="Contact Madgeek Pvt Ltd"> +91 8861031253</a></span></p>
<p><i class="fa fa-envelope"></i> E-mail :
<span itemprop="email"><a href="mailto:hello@madgeek.in" class="fields"
title="Madgeek Offic">hello@madgeek.in</a></span></p>
<span itemprop="openingHoursSpecification" itemscope
itemtype="http://schema.org/OpeningHoursSpecification"><p><i
class="fa fa-calendar" aria-hidden="true"></i> Work Days:
<span itemprop="dayOfWeek" itemscope itemtype="http://schema.org/DayOfWeek">
<span itemprop="name">MON, TUE, WED, THUR, FRI</span></span></p>
<p><i class="fa fa-clock-o" aria-hidden="true"></i> Opening time:
<span itemprop="opens" content="Please insert valid ISO 8601 date/time here. Examples: 2015-07-27 or 2015-07-27T15:30">09:00 AM</span> <i
class="fa fa-clock-o" aria-hidden="true"></i>
Closing time:
<span itemprop="closes" content="Please insert valid ISO 8601 date/time here. Examples: 2015-07-27 or 2015-07-27T15:30">06:00 PM</span></p></span>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
footer {
background-color: #232c3b;
min-height: 350px;
font-family: 'Open Sans', sans-serif;
padding-top: 30px
}
.footerleft {
margin-top: 20px;
padding: 0 36px;
}
.logofooter {
margin-bottom: 10px;
font-size: 25px;
color: white;
font-weight: 700;
}
.footerleft p {
color: white;
font-size: 12px !important;
font-family: 'Open Sans', sans-serif;
margin-bottom: 15px;
}
.footerleft p i {
width: 20px;
color: #fff;
}
.paddingtop-bottom {
margin-top: 20px;
}
.footer-ul {
list-style-type: none;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: