-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (127 loc) · 5.92 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
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./asset/css/style.css" />
<script src="https://kit.fontawesome.com/2e2567c8e8.js" crossorigin="anonymous"></script>
<title>My Portfolio</title>
<link rel="icon" href="./asset/favicon_io (1)/favicon-32x32.png" type="image/x-icon"/>
</head>
<body>
<nav class="navbar">
<div class="nav-content">
<a href="index.html" class="logo">APY</a>
<button class="menu-btn" aria-label="Toggle menu">
<i class="fa-solid fa-bars"></i>
</button>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<header id="home" class="hero">
<div class="hero-content">
<div class="hero-text">
<h1>
<span class="greeting">Hi, I'm</span>
<span class="name">Abhay Pratap Yadav</span>
<span class="title">A learner and a developer</span>
</h1>
<p class="hero-description">
I build things for the web and solve complex problems with code.
Currently focused on learning to build responsive web applications,
competitive programming, JavaScript and improving my problem-solving
skills.
</p>
<div class="hero-buttons">
<a href="projects.html" class="btn primary-btn">View My Work</a>
<a href="contact.html" class="btn secondary-btn">Get In Touch</a>
</div>
<div class="hero-social">
<a href="https://github.com/QUBITABHAY" target="_blank" class="social-link">
<i class="fab fa-github"></i>
</a>
<a href="https://www.linkedin.com/in/abhay-pratap-yadav-52452832b/" target="_blank" class="social-link">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://codeforces.com/profile/QUBIT_ABHAY" target="_blank" class="social-link">
<i class="fas fa-code"></i>
</a>
</div>
</div>
<div class="hero-image">
<img src="./asset/images/photo.png" alt="Abhay Pratap Yadav" class="profile-pic"/>
<div class="hero-shapes">
<div class="shape shape-1"></div>
<div class="shape shape-2"></div>
<div class="shape shape-3"></div>
</div>
</div>
</div>
<div class="scroll-indicator">
<span>Scroll Down</span>
<i class="fas fa-chevron-down"></i>
</div>
</header>
<section class="proj" id="projectss">
<h2>My Latest Projects</h2>
<div class="projects-grid">
<div class="project">
<h3>Local Sports Club</h3>
<p>A website for a local sports club where users can register and play sports. This project is made my three of members me and my two friends.</p>
<p>
A website for a local sports club where users can register and play sports.
</p>
<div class="project-links">
<a href="https://github.com/QUBITABHAY/Local_Sports_Club" class="btn view-btn">
<i class="fab fa-github"></i>
View Code
</a>
<a href="https://local-sports-club.vercel.app/" class="btn demo-btn">
<i class="fas fa-external-link-alt"></i>
Live Preview
</a>
<a href="projects.html" class="btn all-btn">
<i class="fas fa-th-large"></i>
View All Works
</a>
</div>
</div>
</div>
<h2>Currently Working On</h2>
<div class="projects-grid">
<div class="project">
<h3>Blog Website</h3>
<p>
Revealing Soon
</p>
<div class="project-links">
<a href="https://github.com/QUBITABHAY/Python_flask" class="btn view-btn">
<i class="fab fa-github"></i>
View Code
</a>
<a href="#" class="btn demo-btn">
<i class="fas fa-external-link-alt"></i>
Currently Live Preview Not Avilable
</a>
<a href="projects.html" class="btn all-btn">
<i class="fas fa-th-large"></i>
View All Works
</a>
</div>
</div>
</div>
</section>
<footer>
<a href="https://github.com/QUBITABHAY"
><i class="fa-brands fa-github fa-bounce" style="font-size: 50px"></i
></a>
<p>© 2025 Abhay Pratap Yadav. All Rights Reserved.</p>
</footer>
<script src="./asset/js/script.js"></script>
</body>
</html>