-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
109 lines (96 loc) · 5.19 KB
/
portfolio.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
<!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>
<!-- portfolio -->
<div id="portfolio" class="uni-padding">
<h3>Portfolio</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Adipisci commodi aliquid impedit doloribus pariatur fugit maxime quibusdam nihil eum ad debitis, labore similique nostrum eos reiciendis molestias, totam optio odio repellat corporis! Aliquam minus voluptas culpa nam dolor voluptatem consectetur tempore perferendis numquam quaerat, asperiores, nobis placeat deleniti eius doloremque in cupiditate dicta similique? Unde aperiam reprehenderit corporis sapiente nisi quos veniam sunt sequi quaerat fugiat saepe facilis non esse, quisquam omnis quibusdam, excepturi quidem quas hic. Animi harum perferendis non aperiam, ratione rem, ea commodi quae quis velit deleniti, fuga facere asperiores quam. Vero pariatur illo ullam est rerum?
</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>