-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
188 lines (186 loc) · 8.67 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
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
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- seo meta tags -->
<meta name="robots" content="index,follow">
<meta name="author" content="Aman Kumar">
<meta name="description" content="Lorem ipsum dolor sit, amet consectetur adipisicing elit.">
<link rel="apple-touch-icon" sizes="180x180" href="./images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./images/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<title>HTML-only-portfolio</title>
</head>
<body>
<!-- Header -->
<table>
<tr>
<td><a href="#">Home</a></td>
<td><a href="#About">About</a></td>
<td><a href="#services">Services</a></td>
<td><a href="#contact">Contact-us</a></td>
<td><a href="#visit">Visit-us</a></td>
</tr>
</table>
<table>
<tr>
<td rowspan="2"><img src="images/my profile pic.png" alt="my profile pic" width="100px"></td>
<td><h1>Aman Kumar</h1>
<a href="https://twitter.com/AmanKconnect"><img src="./images/twitter logo.webp" width="20px"></a>
<a href="https://www.instagram.com/amankumarconnect/"><img src="./images/instagram logo.png" width="20px"></a>
<a href="https://github.com/amankumarconnect"><img src="./images/github logo.png" width="20px"></a>
<a href="https://www.linkedin.com/in/amankumarconnect/"><img src="./images/linkedin logo.png" width="20px"></a>
</td>
<td> </td>
<td>
<em>HTML Sample Portfolio Porject</em>
<br>
<strong>Reader:</strong>
<br>
<audio controls>
<source src="/guitar-for-prose-185424.mp3" type="audio/mpeg">
Your Browser do no support the audio element.
</audio></td>
</tr>
</table>
<br>
<!-- About -->
<table id="About">
<tr>
<td>
<h2>About Me:</h2>
<p>Hello, I'm Aman Kumar, a first-year student currently pursuing a B.Tech in Computer Science at VIT Bhopal. My enthusiasm for technology has led me to explore languages like HTML and Python. Eager to delve deeper into the world of computer science, I'm excited about the endless possibilities that lie ahead in my academic journey.</p></td>
<td>
<img src="./images/about illustration.jpg" alt="freepik" width="300">
</td>
</tr>
</table>
<!-- intro -->
<section class="intro">
<h3>Introductory film:</h3>
<iframe width="100%" height="720px" src="https://www.youtube.com/embed/1pg9HYexagg?si=Jar3w2tjFWZ_Y_3A" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</section>
<br>
<!-- services -->
<h2 id="services">Services:</h2>
<table>
<tr>
<td><img src="./images/python logo.png" alt="Python-logo-notext" width="225px"></td>
<td><img src="./images/html-logo.webp" alt="html-logo" width="250px"></td>
<td><img src="./images/css-logo.webp" alt="css-logo" width="250px"></td>
<td><img src="./images/JavaScript-logo.png" alt="JavaScript-logo" width="235px"></td>
</tr>
<tr>
<td><strong>Python</strong></td>
<td><strong>HTML</strong></td>
<td><strong>CSS</strong></td>
<td><strong>JavaScript</strong></td>
</tr>
</table>
<br>
<section class="progress">
<strong>Progress:</strong>
<br>
<label for="py">Python</label>
<progress id="py" max="100" value="80"></progress>
<br>
<label for="ht">HTML</label>
<progress id="ht" max="100" value="100"></progress>
<br>
<label for="cs">CSS</label>
<progress id="cs" max="100" value="0"></progress>
<br>
<label for="js">JavaScript</label>
<progress id="js" max="100" value="0"></progress>
</section>
<br>
<!-- hire me -->
<strong>Hire Me:</strong>
<a href="https://upwork.com" target="_blank"><button>Upwork</button></a>
<a href="https://fiverr.com" target="_blank"><button>Fiverr</button></a>
<br>
<!-- testimonials -->
<h2 id="Testimonials">Testimonials:</h2>
<table>
<tr>
<td><img src="./images/testimonial 1 profile pic.png" alt="" width="150px"></td>
<td><img src="./images/Testimonial 2 profile pic.png" alt="" width="150px"></td>
<td><img src="./images/testimonial 3 profile pic.png" alt="" width="150px"></td>
</tr>
<tr>
<td><strong>Julia</strong></td>
<td><strong>Freddy</strong></td>
<td><strong>Michael</strong></td>
</tr>
<tr>
<td>Aman Kumar's proficiency in HTML and Python is truly impressive. His passion for technology shines through his work, making him a standout student in our program.</td>
<td>As a first-year student, Aman brings a fresh perspective to the class. His dedication to learning and adapting to new challenges is commendable.</td>
<td>Aman Kumar's inquisitive mind and technological acumen make him an asset to any academic environment. His commitment to excellence is evident in his work and interactions with peers.</td>
</tr>
</table>
<br>
<!-- achievements -->
<table id="Achievements">
<tr>
<td><ul>
<h2>Achievements and Awards:</h2>
<li>Academic Distinction: Maintained a high academic standing as a first-year student in the B.Tech Computer Science program at VIT Bhopal.</li>
<li>Hackathon Success: Secured a top position in a campus hackathon, highlighting innovation, teamwork, and coding abilities.</li>
<li>Leadership in Student Tech Club: Played a key role in the activities of the student tech club, contributing to the growth and success of the organization.</li>
<li>Project Showcase: Presented an impressive project at a technical exhibition, receiving accolades for creativity and technical prowess.</li>
</ul></td>
<td><img src="./images/achievements illustration.webp" alt="" width="350px"></td>
</tr>
</table>
<br>
<!-- companies -->
<h2 id="companies">Companies:</h2>
<img src="./images/Sample companies.png" alt="" height="100">
<!-- contact -->
<table>
<tr>
<td>
<h2 id="contact">Contact Me:</h2>
<form>
<label for="Name"><strong>Name</strong></label>
<br>
<input type="text" id="Name">
<br>
<label for="email"><strong>Email</strong></label>
<br>
<input type="email" id="email">
<br>
<label for="work"><strong>Work Type:</strong></label>
<br>
<input type="radio" name="work_name" id="work">Personal
<input type="radio" name="work_name" id="work">Business
<br>
<label for="services"><strong>Services Needed:</strong></label>
<br>
<div>
<input type="checkbox" name="" id="services">HTML
<input type="checkbox" name="" id="services">CSS
<input type="checkbox" name="" id="services">Python
<input type="checkbox" name="" id="services">JavaScript
</div>
<br>
<label for="message"><strong>Message:</strong></label>
<br>
<textarea id="message" cols="30" rows="10"></textarea>
<br>
<input type="submit" value="Submit">
</form></td>
<td>
<img src="./images/Contact illustration.webp" alt="" width="360">
</td>
</tr>
</table>
<!-- visit -->
<h2 id="visit">Visit us</h2>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3494.034224007565!2d75.9214299753674!3d28.86760007553727!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3912450011cda56f%3A0xe5b37d3f3126d434!2sR.k%20battery%20and%20electronics!5e0!3m2!1sen!2sin!4v1705424337850!5m2!1sen!2sin" width="600" height="450" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<!-- footer -->
<p><strong>Aman Kumar</strong> ©2024 - All rights reserved. <em>Project first version - 17/01/2024</em></p>
</body>
</html>