-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
111 lines (97 loc) · 8.15 KB
/
about.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
104
105
106
107
108
109
110
111
<!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>
<!-- About Us -->
<div id="about" class="uni-padding">
<h3>About Us</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere beatae ab, deserunt excepturi minus obcaecati quam rem. Id labore ipsam ipsa, vero, expedita recusandae temporibus vitae, quam fuga tempora laboriosam et reiciendis totam pariatur. Repellendus, nisi at. Fugit quisquam omnis temporibus quidem possimus sequi, culpa magni velit quam natus aliquam dicta beatae assumenda eius aspernatur in expedita autem suscipit. Doloremque pariatur eaque architecto sunt enim rerum, dolorum reiciendis laudantium libero eveniet, ad nam ullam ratione esse quibusdam quas. Omnis eveniet molestiae praesentium velit maxime, doloribus possimus temporibus earum perferendis dolorum, laborum ullam alias, repellat sint dolore eius dolorem. Tempore rerum sed, quam delectus natus placeat ab soluta repellat quis numquam itaque molestiae distinctio, magni quaerat maiores culpa enim praesentium harum dolorum accusamus. Nobis numquam minima excepturi. Voluptatum, beatae? Id debitis illum laudantium rerum repellendus molestiae tenetur ducimus quam ut hic vel non ratione quibusdam odit, quaerat vitae cumque esse voluptas voluptate. Nihil facilis nemo eius dolor at, aliquid commodi? Praesentium consectetur sit ex dignissimos, nulla laborum voluptates ipsa dolores dicta omnis, perspiciatis explicabo accusantium aperiam temporibus. Quae amet atque unde repellat deserunt tempora, laudantium sunt sequi et distinctio eaque at provident fugit voluptas aperiam beatae magni suscipit, quidem ullam natus exercitationem maiores illo magnam mollitia? Fuga, sed perferendis consequuntur excepturi illum accusantium earum reiciendis, tenetur, placeat aliquid dolorum. Sequi, id tempore, esse sunt rem ad unde voluptatibus fugiat consequatur voluptatem nam natus. Quod at, sequi dignissimos accusamus placeat ratione doloremque illo similique assumenda sed. Sunt voluptatibus, perferendis facere animi, dolor iusto, unde sequi consequatur voluptate fugiat sint nemo. Id qui sapiente culpa accusamus harum. Totam deserunt adipisci cum ipsum modi ex autem asperiores assumenda repudiandae, unde nihil facere corrupti. Aperiam necessitatibus, est aliquid ratione, perferendis incidunt, eos nihil illo architecto esse laboriosam assumenda perspiciatis pariatur accusantium excepturi ipsam quos? Impedit natus id cumque? Debitis qui facere quaerat, totam architecto illo quam tenetur dolorum at magni nesciunt earum? Porro adipisci accusamus in dignissimos ratione iure, sunt aliquid. Repellat libero sequi doloremque quos suscipit fugiat distinctio? Harum commodi autem atque soluta officia, blanditiis tenetur quas placeat nulla a alias accusamus sint possimus voluptatem quaerat assumenda, ratione sequi dicta. Quos est vero nostrum, sit hic nihil culpa in, a quidem saepe tenetur cum unde vitae eveniet assumenda nobis illo, maxime blanditiis voluptates. In, voluptatum. Facilis quo rerum, odit impedit animi ipsum nesciunt nostrum perferendis vero eaque nisi id ipsa beatae quibusdam illum natus tempora minima ut cum molestias deleniti? Nihil eum explicabo repudiandae molestias consequatur temporibus corrupti tempora libero rerum commodi nam magnam illo tempore at quos dolore fuga, fugiat aperiam consequuntur possimus tenetur natus excepturi optio. A iure ullam voluptates. Explicabo corrupti provident architecto earum eligendi repellendus et debitis, velit laborum, doloribus ab facilis molestiae amet. Fugit vel sapiente dolor quo natus adipisci facere sint vitae voluptate debitis voluptatum est ducimus, reprehenderit id soluta! Numquam modi explicabo consectetur consequatur facilis, doloremque veniam officia mollitia voluptatibus quod aliquid ad corrupti ipsam doloribus asperiores dolorum ipsa neque laborum consequuntur! Provident explicabo eveniet quae saepe!
</p>
</div>
<!-- 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>