-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfooter.html
100 lines (85 loc) · 3.54 KB
/
footer.html
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!--============================
= Footer =
=============================-->
<footer id="footer">
<section id="footer-upper">
<div class="container">
<div class="col-md-3">
<h4>Popular tags</h4>
<div class="tagcloud04">
<ul>
<li><a href="#">Fashion</a><span>168</span></li>
<li><a href="#">Style</a><span>158</span></li>
<li><a href="#">Elegance</a><span>90</span></li>
<li><a href="#">Make-up</a><span>15</span></li>
<li><a href="#">Hair</a><span>20</span></li>
<li><a href="#">Shoes</a><span>6</span></li>
<li><a href="#">African wear</a><span>30</span></li>
<li><a href="#">Fashion</a><span>18</span></li>
<li><a href="#">Travelling</a><span>11</span></li>
<li><a href="#">Another tag</a><span>20</span></li>
</ul>
</div>
<div class="social-icons">
<h4>Follow me around</h4>
<ul>
<li><a href="#"><i class="fa fa-facebook circle-icon fa-2x"></i></a></li>
<li><a href="#"><i class="fa fa-twitter circle-icon fa-2x"></i></a></li>
<li><a href="#"><i class="fa fa-youtube circle-icon fa-2x"></i></a></li>
<li><a href="#"><i class="fa fa-instagram circle-icon fa-2x"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<h4>Recent posts</h4>
<ul>
<li><a href="post.php">This is fashion, this is style, this is me.</a></li>
<li><a href="post.php">How to customize your shoes for any occasion.</a></li>
<li><a href="post.php">How to Avoid bad hair days when away from home.</a></li>
<li><a href="post.php">Going back to the roots, rocking African wear.</a></li>
<li><a href="post.php">Another blog post talking about something I like.</a></li>
</ul>
</div>
<div class="col-md-3">
<h4>Recent comments</h4>
<ul>
<li><a href="post.php">Hey Girl, I love the tips on how to keep your hair fresh ...</a></li>
<li><a href="post.php">Thanks for the post. I have been looking for this for long.</a></li>
<li><a href="post.php">Hi Anjelina. How do can I manage to put on the same shoe over ...</a></li>
<li><a href="post.php">This is great. I looooove your blog. Keep it going.</a></li>
<li><a href="post.php">I also own the cobra skin handbag and I like it so much.</a></li>
</ul>
</div>
<div class="col-md-3">
<h4>Subscribe to newsletter</h4>
<p class="">Be the first to hear about my fashion tips right in your inbox. No spam! Only genuinely helpful staff</p>
<form>
<input type="text" class="form-control" placeholder="Your name" name="">
<br>
<input type="text" class="form-control" placeholder="Your email" name="">
<br>
<button class="pull-right btn btn-default">Subscribe »</button>
</form>
</div>
</div>
</section>
<section id="footer-lower">
<div class="container">
<div class="col-md-3">
<p class="small">© Anjelina Nafula 2017</p>
</div>
<div class="col-md-3 col-md-offset-6">
<p class="small pull-right">Theme by <a href="http://www.khakali.com" target="_new">Khakali Angwa</a></p>
</div>
</div>
</section>
</footer>
<!--==== End of Footer ====-->
<!-- Minified JQuery -->
<script type="text/javascript" src="assets/js/jquery.js" ></script>
<!-- Minified Bootstrap js -->
<script type="text/javascript" src="assets/js/bootstrap.min.js" ></script>
<!-- Main js file -->
<script type="text/javascript" src="assets/js/main.js" ></script>
</body>
</html>