Skip to content

Commit 5a199b5

Browse files
ayush93014ayush93014
authored
Update index.html
1 parent c41493c commit 5a199b5

1 file changed

Lines changed: 164 additions & 71 deletions

File tree

‎index.html‎

Lines changed: 164 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -4,81 +4,174 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>My portfolio</title>
7+
<title>Ayush Kumar — Portfolio</title>
8+
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
9+
<link rel="stylesheet" href="styles.css">
10+
<script defer src="script.js"></script>
11+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />
812
</head>
913

1014
<body>
11-
<header>
12-
<table>
13-
<tr>
14-
<td>
15-
<img width="200" src="WhatsApp Image 2025-06-23 at 00.09.25_5ef35e6b.jpg"
16-
alt="Pic of me">
17-
</td>
18-
<td>
19-
<h1>Ayush kumar</h1>
20-
<h3>
21-
<i>Future Nitian</i>
22-
<br>
23-
Learning wwb development 😎
24-
</h3>
2515

26-
</td>
27-
</tr>
28-
</table>
29-
</header>
30-
<main>
31-
<h2>EDUCATION</h2>
32-
<table border="">
33-
<tr>
34-
<td></td>
35-
<td>SCHOOL</td>
36-
<td>BOARD</td>
37-
<td>PASSING YEAR</td>
38-
<td>PERCENTAGE</td>
39-
</tr>
40-
<tr>
41-
<td>Class 10</td>
42-
<td>Sacred heart school</td>
43-
<td>ICSE</td>
44-
<td>2022</td>
45-
<td>85%</td>
46-
</tr>
47-
<tr>
48-
<td>Class 12</td>
49-
<td>Gopal ji memorial school</td>
50-
<TD>CBSE</TD>
51-
<td>2024</td>
52-
<td>66%</td>
53-
</tr>
54-
</table>
55-
<hr>
56-
<h2>PROJECTS</h2>
57-
<p><a target="_blank" href="service.html">Create fully personalized</a>websites by simply providing your information. Our platform takes care of the
58-
rest—quick, easy, and professional.</p>
59-
</main>
60-
<footer>
61-
<hr>
62-
<h2>CONTACT US</h2>
63-
<table>
64-
<tr>
65-
<td>MOBILE No : </td>
66-
<td><a href="tel:+919935376514">9935376514</a></td>
67-
</tr>
68-
<tr>
69-
<td></td>
70-
<td><a href="tel:+918303127933">8303127933</a></td>
71-
</tr>
72-
<tr>
73-
<td>EMAIL: </td>
74-
<td><a href="mailto: ayush93014@gmail.com">ayush93014@gmail.com</a></td>
75-
</tr>
76-
<tr>
77-
<td></td>
78-
<td><a href="mailto:ayushiitprep@gmail.com">ayushiitprep@gmail.com</a></td>
79-
</tr>
80-
</table>
81-
</footer>
16+
<!-- Live Background -->
17+
<div class="background"></div>
18+
19+
<!-- Navigation -->
20+
<nav>
21+
<img src="img/logo.png" alt="Logo">
22+
<div class="links">
23+
<a href="#" onclick="showHome()">Home</a>
24+
<a href="#" onclick="showServices()">Services</a>
25+
</div>
26+
</nav>
27+
28+
<!-- Home Section -->
29+
<div class="content" id="home">
30+
<header class="site-header">
31+
<div class="profile">
32+
<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;">
33+
<div class="profile-info">
34+
<h1>Ayush Kumar</h1>
35+
<p class="tagline"><em>B.Tech CSE Student at NIT Sikkim</em></p>
36+
<a href="#contact" class="button neon-button">Get In Touch</a>
37+
</div>
38+
</div>
39+
</header>
40+
41+
<main class="container">
42+
<!-- Education -->
43+
<section id="education" class="card neon-card">
44+
<h2><span class="accent-text">E</span>ducation</h2>
45+
<div class="edu-grid">
46+
<div class="edu-item">
47+
<h3>B.Tech - Computer Science & Engineering</h3>
48+
<p class="muted">National Institute of Technology, Sikkim</p>
49+
<p>Status: <strong>Ongoing</strong></p>
50+
<p>Focus: <strong>Web Development & AI</strong></p>
51+
</div>
52+
<div class="edu-item">
53+
<h3>Class 12</h3>
54+
<p class="muted">Gopal Ji Memorial School — CBSE</p>
55+
<p>Passing Year: <strong>2024</strong></p>
56+
<p>Percentage: <strong class="stat-highlight">66%</strong></p>
57+
</div>
58+
<div class="edu-item">
59+
<h3>Class 10</h3>
60+
<p class="muted">Sacred Heart School — ICSE</p>
61+
<p>Passing Year: <strong>2022</strong></p>
62+
<p>Percentage: <strong class="stat-highlight">85%</strong></p>
63+
</div>
64+
</div>
65+
</section>
66+
67+
<!-- Achievements -->
68+
<section id="achievements" class="card neon-card">
69+
<h2><span class="accent-text">A</span>chievements & <span class="accent-text">C</span>ertificates</h2>
70+
<div class="projects">
71+
<article class="project neon-project">
72+
<h3>Web Development Certificate</h3>
73+
<p class="muted">Completed a comprehensive course on Full-Stack Web Development.</p>
74+
<p>Source: <strong>Udemy/Coursera</strong></p>
75+
</article>
76+
<article class="project neon-project">
77+
<h3>Competitive Programming Rank</h3>
78+
<p class="muted">Achieved a top 50 rank in a coding contest.</p>
79+
<p>Platform: <strong>CodeChef/HackerRank</strong></p>
80+
</article>
81+
</div>
82+
</section>
83+
84+
<!-- Projects -->
85+
<section id="projects" class="card neon-card">
86+
<h2><span class="accent-text">P</span>rojects</h2>
87+
<div class="projects">
88+
<article class="project neon-project">
89+
<h3>Agronova: Web Design & Development</h3>
90+
<p>A modern, aesthetic website design project focusing on user experience for an
91+
agricultural-themed product/service.</p>
92+
<a class="project-link" href="https://lovable.dev/projects/b18a4525-8bda-4cd9-b08d-1137bfb0f419"
93+
target="_blank">View Project →</a>
94+
</article>
95+
<article class="project neon-project">
96+
<h3>Create fully personalized websites</h3>
97+
<p>Provide your information and get a quick, easy, professional website.</p>
98+
<a class="project-link" href="#services">Learn More →</a>
99+
</article>
100+
</div>
101+
</section>
102+
</main>
103+
104+
<!-- Contact -->
105+
<footer id="contact" class="site-footer neon-card">
106+
<div class="container footer-inner">
107+
<div>
108+
<h3><span class="accent-text">C</span>ontact</h3>
109+
<div class="social-links">
110+
<a href="https://www.instagram.com/ayush._.ku" target="_blank"
111+
class="social-button">Instagram</a>
112+
</div>
113+
<div class="contact-group">
114+
<strong>Mobile</strong>
115+
<div class="contact-links">
116+
<a href="tel:+919935376514">+91 99353 76514</a>
117+
<a href="tel:+918303127933">+91 83031 27933</a>
118+
</div>
119+
</div>
120+
<div class="contact-group">
121+
<strong>Email</strong>
122+
<div class="contact-links">
123+
<a href="mailto:ayush93014@gmail.com">ayush93014@gmail.com</a>
124+
<a href="mailto:ayushiitprep@gmail.com">ayushiitprep@gmail.com</a>
125+
</div>
126+
</div>
127+
</div>
128+
<div class="smallprint">
129+
<p>&copy; <span id="year"></span> Ayush Kumar — B.Tech CSE at NIT Sikkim</p>
130+
</div>
131+
</div>
132+
</footer>
133+
</div>
134+
135+
<!-- Services Section -->
136+
<div class="content" id="services" style="display: none;">
137+
<main class="container">
138+
<section class="card neon-card">
139+
<h2><span class="accent-text">P</span>ortfolio Creation Service</h2>
140+
<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>
141+
<form id="portfolio-form">
142+
<div class="form-group">
143+
<label for="name">Name:</label>
144+
<input type="text" id="name" name="name" required>
145+
</div>
146+
<div class="form-group">
147+
<label for="email">Email:</label>
148+
<input type="email" id="email" name="email" required>
149+
</div>
150+
<div class="form-group">
151+
<label for="phone">Phone:</label>
152+
<input type="tel" id="phone" name="phone" required>
153+
</div>
154+
<div class="form-group">
155+
<label for="description">Portfolio Description:</label>
156+
<textarea id="description" name="description" rows="5" placeholder="Describe what you want in your portfolio: skills, projects, education, etc." required></textarea>
157+
</div>
158+
<button type="submit" class="button neon-button">Submit Request</button>
159+
</form>
160+
<div class="payment-info">
161+
<h3>Payment</h3>
162+
<p>Pay 100 INR to UPI ID: <strong>9935376514@fam</strong></p>
163+
<p>Scan the QR code below to pay:</p>
164+
<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">
165+
<p>After payment, send the transaction ID to my email or WhatsApp for confirmation.</p>
166+
</div>
167+
</section>
168+
</main>
169+
</div>
170+
171+
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
172+
<script>
173+
AOS.init();
174+
</script>
82175

83176
</body>
84177

0 commit comments

Comments
 (0)