-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfoot.html
63 lines (55 loc) · 2.69 KB
/
foot.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
<!DOCTYPE html>
<!-- Created By CodingNepal - www.codingnepalweb.com -->
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<!-- <title>Responsive Footer Section | CodingNepal</title> -->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="foot.css">
</head>
<body>
<footer>
<div class="main-content">
<div class="left box">
<h2>About us</h2>
<div class="content">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consequuntur ullam facere asperiores animi! Quam pariatur sint enim sed, doloremque assumenda quod harum veniam voluptatum unde porro voluptatibus, repellendus laudantium dolore! Asperiores et </p>
<div class="social">
<a href="#"><span class="fab fa-facebook-f"></span></a>
<a href="#"><span class="fab fa-twitter"></span></a>
<a href="#"><span class="fab fa-instagram"></span></a>
<a href="#"><span class="fab fa-youtube"></span></a>
</div>
</div>
</div>
<div class="center box" id="centerbox">
<h2>Contact Info</h2>
<div class="content">
<div class="place">
<span class="fas fa-map-marker-alt"></span>
<span class="text">Birendranagar, Surkhet</span>
</div>
<div class="phone">
<span class="fas fa-phone-alt"></span>
<span class="text">+089-765432100</span>
</div>
<div class="email">
<span class="fas fa-envelope"></span>
<span class="text">abc@example.com</span>
</div>
</div>
</div>
<div class="right box" id="rightbox">
<h2 id="recent_updates_heading">Recent Updates</h2>
<div class="content" id="recent_updates_content">
<div class="recent_updates">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis nihil placeat tempora quibusdam harum incidunt asperiores odio eligendi exercitationem expedita! Dignissimos consequatur numquam delectus qui porro aspernatur temporibus? Cumque, harum?</p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>