-
Notifications
You must be signed in to change notification settings - Fork 0
/
template.html
103 lines (90 loc) · 4.32 KB
/
template.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
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest">
<link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<!-- fontawesome -->
<script src="https://kit.fontawesome.com/4f511a3847.js" crossorigin="anonymous"></script>
<!-- style -->
<link rel="stylesheet" href="css/style.css">
<title>Project1</title>
</head>
<body>
<div id="container">
<!-- header -->
<header>
<!-- topbar -->
<div id="topbar" class="uni-padding">
<!-- tolfree -->
<p id="tollfree">Toll Free: 12345-6789</p>
<!-- social media -->
<div id="social-icon">
<a href="#"> <i class="fab fa-facebook"></i> </a>
<a href="#"> <i class="fab fa-whatsapp"></i> </a>
<a href="#"> <i class="fab fa-twitter"></i> </a>
<a href="#"> <i class="fab fa-instagram"></i> </a>
</div>
</div>
<!-- logobar -->
<div id="logobar" class="uni-padding">
<img src="images/logo.png" alt="logo">
</div>
<!-- navbar -->
<nav id="navbar" class="uni-padding">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="testimonial.html">Testimonials</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</header>
<!-- footer -->
<footer>
<div id="imp-link" class="uni-padding">
<div class="div33" id="div33-1" >
<h3>About Us</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Neque minima tenetur est, quo deleniti rerum iste officia earum repellendus quia molestias, nam ea ullam voluptas assumenda perferendis, ratione repudiandae ducimus placeat consequatur eligendi. Animi fuga consectetur, ab distinctio necessitatibus numquam! Architecto quia possimus consequuntur eos rem at perspiciatis esse eum?</p>
</div>
<div class="div33" id="div33-2">
<h3>Important Links</h3>
<ul id="footer-menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="donate.html">Donate</a></li>
</ul>
</div>
<div class="div33" id="div33-3">
<h3>Contact Us</h3>
<p>Zainab Manzil Shivaji Nagar <br> 2nd Rabodi Thane <br> West-400601</p>
</div>
</div>
<div id="copyright" class="uni-padding">
<p>Copyright © Altamash Shaikh 2021-2022 </p>
</div>
</footer>
</div>
<!-- script -->
<script src="js/script.js"></script>
</body>
</html>