-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (97 loc) · 4.44 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
<!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="projects">
<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>
<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
</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>© 2024 Abhay Pratap Yadav. All Rights Reserved.</p>
</footer>
<script src="./asset/js/script.js"></script>
</body>
</html>