0% found this document useful (0 votes)
32 views6 pages

Div Id

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
32 views6 pages

Div Id

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

<div id="footer" class="color-div">

<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="widget">
<h4 class="widget-title">Instagram Feed</h4>
<div id="beta-instagram-feed"><div></div></div>
</div>
</div>
<div class="col-sm-2">
<div class="widget">
<h4 class="widget-title">Information</h4>
<div>
<ul>
<li><a href="blog_fullwidth_2col.html"><i class="fa fa-
chevron-right"></i> Web Design</a></li>
<li><a href="blog_fullwidth_2col.html"><i class="fa fa-
chevron-right"></i> Web development</a></li>
<li><a href="blog_fullwidth_2col.html"><i class="fa fa-
chevron-right"></i> Marketing</a></li>
<li><a href="blog_fullwidth_2col.html"><i class="fa fa-
chevron-right"></i> Tips</a></li>
<li><a href="blog_fullwidth_2col.html"><i class="fa fa-
chevron-right"></i> Resources</a></li>
<li><a href="blog_fullwidth_2col.html"><i class="fa fa-
chevron-right"></i> Illustrations</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="col-sm-10">
<div class="widget">
<h4 class="widget-title">Contact Us</h4>
<div>
<div class="contact-info">
<i class="fa fa-map-marker"></i>
<p>30 South Park Avenue San Francisco, CA 94108 Phone:
+78 123 456 78</p>
<p>Nemo enim ipsam voluptatem quia voluptas sit asnatur aut
odit aut fugit, sed quia consequuntur magni dolores eos qui ratione.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="widget">
<h4 class="widget-title">Newsletter Subscribe</h4>
<form action="#" method="post">
<input type="email" name="your_email">
<button class="pull-right" type="submit">Subscribe <i class="fa
fa-chevron-right"></i></button>
</form>
</div>
</div>
</div> <!-- .row -->
</div> <!-- .container -->
</div> <!-- #footer -->
<div class="copyright">
<div class="container">
<p class="pull-left">Privacy policy. (&copy;) 2014</p>
<p class="pull-right pay-options">
<a href="#"><img src="assets/dest/images/pay/master.jpg" alt="" /></a>
<a href="#"><img src="assets/dest/images/pay/pay.jpg" alt="" /></a>
<a href="#"><img src="assets/dest/images/pay/visa.jpg" alt="" /></a>
<a href="#"><img src="assets/dest/images/pay/paypal.jpg" alt="" /></a>
</p>
<div class="clearfix"></div>
</div> <!-- .container -->
</div> <!-- .copyright -->
Css
#footer {
background:#172431;
color:#7b8fa3;
padding:40px 0 50px
}

#footer a {
color:#7b8fa3
}
#footer.color-div a {color:gray}
#footer a:hover {
color:#f90
}
.color-div p{color:gray;}

#footer h4.widget-title {
color:#adbac8;
margin-bottom:22px
}
#footer.color-div h4.widget-title{color:gray;}

#footer ul {
list-style:none
}
#footer ul li {
margin-bottom:10px
}

#footer ul li i {
color:#f90;
margin-right:5px;
font-size:10px
}

#footer input {
background:#232f3c;
border:1px solid #4e5862;
margin-bottom:10px
}

#footer button {
background:none;
border:1px solid #4e5862;
color:#adbac8;
height:37px;
padding:0 15px
}
#footer.color-div button {border:1px solid gray;}
#footer button:hover {
color:#f90;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}

#footer button i {
margin-left:5px;
font-size:10px;
color:#f90
}

You might also like