-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
143 lines (136 loc) · 5.78 KB
/
index.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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!-- Contributors -->
<!--
1. LCB2024017 Varun Baisane [Team Lead]
2. LCB2024051 Atharv Vaish
3. LCB2024015 Nihal Sharma
4. LCB2024044 Mohammad Rehan Khan
5. LCB2024029 Tanish Kumar Rai
6. LCB2024001 Dinar
7. LCB2024012 Tanishka Meena
8. LCB2024030 Lakshya Garg
9. LCB2024014 Keshav
10.LCB2024027 Shubham Mittal
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="shortcut icon" href="./assets/img/logo.png" type="image/x-icon">
<title>PORT4U - Portfolio For You</title>
<link rel="stylesheet" href="./assets/styles/style.css" />
<link rel="stylesheet" href="./assets/styles/styles-mobile.css" media="(max-width: 768px)">
</head>
<body>
<nav class="navbar">
<div class="container">
<div class="logo">
<a href="">
<img src="./assets/img/logo.png" alt="Logo">
</a>
</div>
<button class="hamburger-menu openbtn" onclick="openNav()">☰</button>
<ul class="nav-links">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<li><a href="">Home</a></li>
<li><a href="#features" onclick="closeNav()">Features</a></li>
<li><a href="./templates.html" onclick="closeNav()">Templates</a></li>
<li><a href="about.html" onclick="closeNav()">About Us</a></li>
</ul>
</div>
</nav>
<section id="home" class="hero">
<div class="hero-content">
<h1>
Create a <br /><span>Remarkable Portfolio</span><br />that
Speaks for You
</h1>
<p>
We craft elegant and professional portfolios to showcase your
unique skills and talents.
</p>
<a href="./login.html" class="cta-btn">Start Building Today</a>
</div>
<div class="hero-illustration">
<img
src="./assets/img/landing-illustration.png"
alt="Hero Illustration"
/>
</div>
</section>
<!-- Features Section -->
<section id="features" class="features-section">
<div class="feature fade-in-bottom">
<div class="feature-illustration">
<img src="./assets/img/f1.png" alt="Feature 1 Illustration" />
</div>
<div class="feature-content">
<h2>Portfolio of <span>Your</span> Choice</h2>
<p>
Choose from a variety of beautiful, professionally designed templates that can be tailored to your needs.
</p>
</div>
</div>
<div class="feature fade-in-bottom">
<div class="feature-illustration">
<img src="./assets/img/f2.png" alt="Feature 2 Illustration" />
</div>
<div class="feature-content">
<h2>Be on the web in <span>Just 3 Steps</span></h2>
<p>
In just 3 easy steps your portfolio will sail on the internet.
</p>
</div>
</div>
<div class="feature fade-in-bottom">
<div class="feature-illustration">
<img src="./assets/img/f3.png" alt="Feature 3 Illustration" />
</div>
<div class="feature-content">
<h2>
<span>Responsive</span> & <span>Accessible</span> with
every screen size
</h2>
<p>
Your portfolio will look stunning on any device, whether on a mobile, tablet or laptop.
</p>
</div>
</div>
</section>
<!-- Footer Section -->
<footer class="footer">
<div class="footer-content">
<div class="footer-info">
<h3>Make your Online Presence stand out.</h3>
<a href="./signup.html" class="cta-btn">Start Building Today</a>
</div>
<div class="footer-contact">
<h3>Contact Us</h3>
<p>Email: contact@port4u.com</p>
</div>
<div class="footer-social">
<h3>Follow Us</h3>
<div class="social-links">
<a href="#" class="social-icon">
<img src="./assets/img/facebook-icon.svg" alt="">
</a>
<a href="#" class="social-icon">
<img src="./assets/img/twitter.svg" alt="">
</a>
<a href="#" class="social-icon">
<img src="./assets/img/linkedin.svg" alt="">
</a>
<a href="#" class="social-icon">
<img src="./assets/img/instagram-icon.svg" alt="">
</a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 PORT4U. All Rights Reserved.</p>
</div>
</footer>
<script defer src="./assets/script/script.js"></script>
</body>
</html>