<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 id="footer-Section">
<div class="footer-top-layout">
<div class="container">
<div class="row">
<div class="OurBlog">
<h4>Our Blog</h4>
<p>BCM wins mandate for Avendus Wealth Management portal revamp</p>
<div class="post-blog-date">20th Oct 2016</div>
</div>
<div class=" col-lg-8 col-lg-offset-2">
<div class="col-sm-4">
<div class="footer-col-item">
<h4>Go Travel Cloud</h4>
<address>
501,507 your company address<br>
400015 Maharashtra, UK
</address>
</div>
</div>
<div class="col-sm-4">
<div class="footer-col-item">
<h4>Reach Us</h4>
<div class="item-contact"> <a href="tel:630-885-9200"><span class="link-id">P</span>:<span>630-885-9200</span></a> <a href="tel:630-839.2006"><span class="link-id">F</span>:<span>630-839.2006</span></a> <a href="mailto:info@brandcatmedia.com"><span class="link-id">E</span>:<span>info@brandcatmedia.com</span></a> </div>
</div>
</div>
<div class="col-sm-4">
<div class="footer-col-item">
<h4>Sign up for Newsletter</h4>
<form class="signUpNewsletter" action="" method="get">
<input name="" class="gt-email form-control" placeholder="You@youremail.com" type="text">
<input name="" class="btn-go" value="Go" type="button">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom-layout">
<div class="socialMedia-footer"> <a href="#"><img src="img/socialMedia_01.png"></a> <a href="#"><img src="img/socialMedia_02.png"></a> <a href="#"><img src="img/socialMedia_03.png"></a> <a href="#"><img src="img/socialMedia_04.png"></a> <a href="#"><img src="img/socialMedia_05.png"></a> </div>
<div class="copyright-tag">Copyright © 2017 company name. All Rights Reserved.</div>
</div>
</footer>
.footer-top-layout {
background: #1c1c1c none repeat scroll 0 0;
color: #ffffff;
padding: 40px 0;
}
.OurBlog {
margin-bottom: 32px;
text-align: center;
}
.footer-top-layout h4 {
color: #ffffff;
font-size: 18px;
margin-bottom: 21px;
}
.OurBlog > p {
color: #888888;
}
.post-blog-date::after {
background: #ffffff none repeat scroll 0 0;
bottom: 0;
content: "";
height: 4px;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 50px;
}
.post-blog-date {
padding-bottom: 25px;
position: relative;
}
body {
color: #666666;
font-family: "Open Sans",sans-serif;
line-height: 24px;
}
.footer-top-layout [class*="col-sm-"]:first-child {
padding: 0;
}
.footer-top-layout [class*="col-sm-"] {
border-right: 2px solid #333333;
padding: 0 0 0 28px;
}
.footer-top-layout {
color: #ffffff;
}
.footer-col-item {
min-height: 140px;
}
address {
color: #545454;
}
.footer-top-layout [class*="col-sm-"]:last-child {
border-right: medium none;
}
.footer-top-layout {
color: #ffffff;
}
body {
color: #666666;
font-family: "Open Sans",sans-serif;
}
.footer-top-layout h4 {
color: #ffffff;
font-size: 18px;
margin-bottom: 21px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: #333333;
font-family: "Roboto",sans-serif;
font-weight: 500;
line-height: 1.1;
margin-top: 0;
}
body {
color: #666666;
font-family: "Open Sans",sans-serif;
line-height: 24px;
}
.footer-col-item .item-contact a {
color: #545454;
display: inline-block;
margin-bottom: 7px;
width: 100%;
}
.footer-col-item .item-contact a .link-id {
color: #ffffff;
margin-left: 0;
margin-right: 6px;
}
.footer-col-item span {
margin-left: 7px;
}
.footer-col-item .item-contact a {
color: #545454;
}
.footer-top-layout h4 {
color: #ffffff;
font-size: 18px;
margin-bottom: 21px;
}
.signUpNewsletter {
position: relative;
}
.signUpNewsletter .gt-email {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #666666;
border-radius: 0;
color: #ffffff;
height: 52px;
}
.signUpNewsletter .btn-go {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: #666666;
border-style: solid;
border-width: 0 0 0 1px;
bottom: 0;
color: #ffffff;
font-size: 16px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0;
width: 52px;
}
.footer-bottom-layout {
background: #222222 none repeat scroll 0 0;
padding: 20px 0;
text-align: center;
}
body {
color: #666666;
font-family: "Open Sans",sans-serif;
line-height: 24px;
}
.socialMedia-footer {
margin-bottom: 20px;
}
.socialMedia-footer > a {
display: inline-block;
margin: 0 8px;
}
.footer-bottom-layout {
text-align: center;
}
