-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
178 lines (165 loc) · 8.57 KB
/
Copy pathindex.html
File metadata and controls
178 lines (165 loc) · 8.57 KB
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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ayush Kumar — Portfolio</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<script defer src="script.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />
</head>
<body>
<!-- Live Background -->
<div class="background"></div>
<!-- Navigation -->
<nav>
<img src="img/logo.png" alt="Logo">
<div class="links">
<a href="#" onclick="showHome()">Home</a>
<a href="#" onclick="showServices()">Services</a>
</div>
</nav>
<!-- Home Section -->
<div class="content" id="home">
<header class="site-header">
<div class="profile">
<img class="avatar" src="img/profile.jpg" alt="Profile Picture" style="border-radius: 50%; width: 120px; height: 120px; object-fit: cover; border: 3px solid #00ffff;">
<div class="profile-info">
<h1>Ayush Kumar</h1>
<p class="tagline"><em>B.Tech CSE Student at NIT Sikkim</em></p>
<a href="#contact" class="button neon-button">Get In Touch</a>
</div>
</div>
</header>
<main class="container">
<!-- Education -->
<section id="education" class="card neon-card">
<h2><span class="accent-text">E</span>ducation</h2>
<div class="edu-grid">
<div class="edu-item">
<h3>B.Tech - Computer Science & Engineering</h3>
<p class="muted">National Institute of Technology, Sikkim</p>
<p>Status: <strong>Ongoing</strong></p>
<p>Focus: <strong>Web Development & AI</strong></p>
</div>
<div class="edu-item">
<h3>Class 12</h3>
<p class="muted">Gopal Ji Memorial School — CBSE</p>
<p>Passing Year: <strong>2024</strong></p>
<p>Percentage: <strong class="stat-highlight">66%</strong></p>
</div>
<div class="edu-item">
<h3>Class 10</h3>
<p class="muted">Sacred Heart School — ICSE</p>
<p>Passing Year: <strong>2022</strong></p>
<p>Percentage: <strong class="stat-highlight">85%</strong></p>
</div>
</div>
</section>
<!-- Achievements -->
<section id="achievements" class="card neon-card">
<h2><span class="accent-text">A</span>chievements & <span class="accent-text">C</span>ertificates</h2>
<div class="projects">
<article class="project neon-project">
<h3>Web Development Certificate</h3>
<p class="muted">Completed a comprehensive course on Full-Stack Web Development.</p>
<p>Source: <strong>Udemy/Coursera</strong></p>
</article>
<article class="project neon-project">
<h3>Competitive Programming Rank</h3>
<p class="muted">Achieved a top 50 rank in a coding contest.</p>
<p>Platform: <strong>CodeChef/HackerRank</strong></p>
</article>
</div>
</section>
<!-- Projects -->
<section id="projects" class="card neon-card">
<h2><span class="accent-text">P</span>rojects</h2>
<div class="projects">
<article class="project neon-project">
<h3>Agronova: Web Design & Development</h3>
<p>A modern, aesthetic website design project focusing on user experience for an
agricultural-themed product/service.</p>
<a class="project-link" href="https://lovable.dev/projects/b18a4525-8bda-4cd9-b08d-1137bfb0f419"
target="_blank">View Project →</a>
</article>
<article class="project neon-project">
<h3>Create fully personalized websites</h3>
<p>Provide your information and get a quick, easy, professional website.</p>
<a class="project-link" href="#services">Learn More →</a>
</article>
</div>
</section>
</main>
<!-- Contact -->
<footer id="contact" class="site-footer neon-card">
<div class="container footer-inner">
<div>
<h3><span class="accent-text">C</span>ontact</h3>
<div class="social-links">
<a href="https://www.instagram.com/ayush._.ku" target="_blank"
class="social-button">Instagram</a>
</div>
<div class="contact-group">
<strong>Mobile</strong>
<div class="contact-links">
<a href="tel:+919935376514">+91 99353 76514</a>
<a href="tel:+918303127933">+91 83031 27933</a>
</div>
</div>
<div class="contact-group">
<strong>Email</strong>
<div class="contact-links">
<a href="mailto:ayush93014@gmail.com">ayush93014@gmail.com</a>
<a href="mailto:ayushiitprep@gmail.com">ayushiitprep@gmail.com</a>
</div>
</div>
</div>
<div class="smallprint">
<p>© <span id="year"></span> Ayush Kumar — B.Tech CSE at NIT Sikkim</p>
</div>
</div>
</footer>
</div>
<!-- Services Section -->
<div class="content" id="services" style="display: none;">
<main class="container">
<section class="card neon-card">
<h2><span class="accent-text">P</span>ortfolio Creation Service</h2>
<p>Get a fully personalized portfolio website for just 100 INR. Provide your details below, pay via UPI, and I'll create a professional portfolio for you.</p>
<form id="portfolio-form">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="phone">Phone:</label>
<input type="tel" id="phone" name="phone" required>
</div>
<div class="form-group">
<label for="description">Portfolio Description:</label>
<textarea id="description" name="description" rows="5" placeholder="Describe what you want in your portfolio: skills, projects, education, etc." required></textarea>
</div>
<button type="submit" class="button neon-button">Submit Request</button>
</form>
<div class="payment-info">
<h3>Payment</h3>
<p>Pay 100 INR to UPI ID: <strong>9935376514@fam</strong></p>
<p>Scan the QR code below to pay:</p>
<img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=upi://pay?pa=9935376514@fam&pn=Ayush%20Kumar&am=100&cu=INR" alt="UPI QR Code">
<p>After payment, send the transaction ID to my email or WhatsApp for confirmation.</p>
</div>
</section>
</main>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>