In this tutorial we will be creating a basic responsive Footer with four column using only HTML and CSS. Many Footer (especially
responsive ones) are created using a combination of HTML, CSS This simple CSS. And Css Tutorial in next Post click on it For Css
Link :- http://prakashdevloper.blogspot.in/2016/08/fully-responsive-footer-for-css.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="footer, address, phone, icons" />
<title>Footer </title>
<link rel="stylesheet" href="css/style.css">
<link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css">
</head>
<body>
<!-- The content of your page would go here. -->
<footer class="footer-distributed">
<div class="footer-left">
<div class="imagediv">
<img src="img/what.png" class="image">
</div>
<div class="content">
<p>
WhatsApp<br/>
(+49) 176 9877 408
</p>
</div>
</div>
<div class="footer-center1">
<div class="imagediv">
<img src="img/email.png" class="image">
</div>
<div class="content">
<p>
Email <br/>
kontaktlourenz@yahoo.de
</p>
</div>
</div>
<div class="footer-center2">
<div class="imagediv">
<img src="img/add.png" class="image">
</div>
<div class="content">
<p>
<img src="img/f.png" class="phonemg" width="20%">
<img src="img/g.png" class="phonemg" width="20%">
</p>
</div>
</div>
<div class="footer-right">
<div class="imagediv">
<img src="img/copyright.png" class="image">
</div>
<div class="content">
<p>
© 2016 by Lawrence Anumudu.
</p>
</div>
</div>
</footer>
</body>
</html>
Link :- http://prakashdevloper.blogspot.in/2016/08/fully-responsive-footer-for-css.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="footer, address, phone, icons" />
<title>Footer </title>
<link rel="stylesheet" href="css/style.css">
<link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css">
</head>
<body>
<!-- The content of your page would go here. -->
<footer class="footer-distributed">
<div class="footer-left">
<div class="imagediv">
<img src="img/what.png" class="image">
</div>
<div class="content">
<p>
WhatsApp<br/>
(+49) 176 9877 408
</p>
</div>
</div>
<div class="footer-center1">
<div class="imagediv">
<img src="img/email.png" class="image">
</div>
<div class="content">
<p>
Email <br/>
kontaktlourenz@yahoo.de
</p>
</div>
</div>
<div class="footer-center2">
<div class="imagediv">
<img src="img/add.png" class="image">
</div>
<div class="content">
<p>
<img src="img/f.png" class="phonemg" width="20%">
<img src="img/g.png" class="phonemg" width="20%">
</p>
</div>
</div>
<div class="footer-right">
<div class="imagediv">
<img src="img/copyright.png" class="image">
</div>
<div class="content">
<p>
© 2016 by Lawrence Anumudu.
</p>
</div>
</div>
</footer>
</body>
</html>
