Scribd
Upload
26 views

Div Id

Uploaded by

Đặng Ngọc Toàn
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
26 views

Div Id

Uploaded by

Đặng Ngọc Toàn
Copyright
© © All Rights Reserved
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