-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpractical-13.html
69 lines (66 loc) · 3.16 KB
/
practical-13.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Practical-13</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="practical-13.css">
</head>
<body>
<!-- main heading -->
<h1>Responsive Footer</h1>
<!-- content portion -->
<section id="main-content">
<section class="upper">
<section class="about">
<h2>ABOUT</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit magnam consectetur nesciunt excepturi recusandae architecto dicta tempora delectus, porro iusto quisquam molestiae necessitatibus dolorem dolores quibusdam ipsam harum vero, voluptatem ratione reiciendis voluptate totam! Ipsum, libero corrupti rem optio magnam ut porro voluptates. Eos atque excepturi quasi tempora ad quis!</p>
</section>
<section class="categories">
<h2>CATEGORIES</h2>
<ul>
<li><a href="#">Category-1</a></li>
<li><a href="#">Category-2</a></li>
<li><a href="#">Category-3</a></li>
<li><a href="#">Category-4</a></li>
<li><a href="#">Category-5</a></li>
<li><a href="#">Category-6</a></li>
</ul>
</section>
<section class="links">
<h2>QUICK LINKS</h2>
<ul>
<li><a href="#">Link-1</a></li>
<li><a href="#">Link-2</a></li>
<li><a href="#">Link-3</a></li>
<li><a href="#">Link-4</a></li>
<li><a href="#">Link-5</a></li>
<li><a href="#">Link-6</a></li>
</ul>
</section>
<section class="contact">
<h2>CONTACT US</h2>
<ul>
<li><i class="fa fa-home" aria-hidden="true"></i>SCO-75, Chandigarh, India</li>
<li><i class="fa fa-envelope" aria-hidden="true"></i>[email protected]</li>
<li><i class="fa fa-phone-square"" aria-hidden="true"></i>Mobile: XXXXXXXXXX</li>
<li><i class="fa fa-facebook-official" aria-hidden="true"></i>xyz</li>
</ul>
</section>
</section>
<hr>
<p id="second-p">Register for Free <a href="#">sign up!</a></p>
<hr>
<section class="icons">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</section>
</section>
<section class="base">
<p>Copyright <i class="fa fa-copyright" aria-hidden="true"></i> 2020 All rights reserved by <a href="https://www.beta-labs.in/2020/06/web-development.html">Beta-Labs</a></p>
</section>
</body>
</html>