-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (157 loc) · 7.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>this_is_mjk Profile</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="profile of manas jain kuniya or this_is_mjk">
<link rel="stylesheet" href="profile.css">
</head>
<body>
<main id="main">
<header>
<div id="img-div" class="logo-name">
<img id="image" src="logo.png" alt="my photo">
<h1 id="img-caption">this_is_mjk</h1>
</div>
<nav>
<a href="#tribute-info">Who am I?</a>
<a href="#project">My Projects 😎</a>
<a href="#contact">Contact me 😁</a>
</nav>
</header>
<section id="tribute-info">
<div class="info-left">
<img class="image" src="profilepic.JPG">
<div class="bio">
<h1>Myself Manas jain kuniya</h1>
<list class="list">
<li class="item"><span class="bold">I</span> have completed 18 years on this earth!</li>
<li class="item">Love to create...</li>
<li class="item">talk a lot</li>
<li class="item">want to learn new thinks..</li>
<li class="item">love to make new friends!</li>
<br>
<li class="item medium">waiting to connect! <a href="#contact">👊</a></li>
</list>
</div>
</div>
<div class="info-right">
<div class="info-right-section" name="interns">
<h1>Currently: college student</h1>
<br>
<div class="history">
<h3>Worked at...<h3>
<list>
<li>adob-intern-(2025-winter)</li>
<li>microsoft-intern-(2025-summer)</li>
<li>openAI-intern-(2024-winter)</li>
<li>Google-intern-(2024-summer)</li>
</list>
</div>
</div>
<div class="info-right-section" name="achivements">
<h3>Educational Details</h3>
<br>
<list>
<h4>Higher Education</h4>
<li>Pursuing B.S. in MNSC </li>
<li>IIT Kanpur</li>
<li>JEE ADV AIR 839</li>
<li>JEE Main AIR 2183</li>
<br>
<h4>Schooling</h4>
<li>till 11th > St. Paul's SR. SEC. School pratapgarh</li>
<li>class 12th > Global Public School Kota</li>
</list>
</div>
<div class="info-right-section" name="hobbies">
<h3>What i like to do...</h3>
<br>
<list class="inline">
<li><a href="#contact">Talk 😁</a></li>
<li>Create</li>
<li>Learn</li>
<li>Travel</li>
<li>Speak</li>
<li><a href="#project">Work</a></li>
<li>Plants</li>
<li>religious.....</li>
</list>
</div>
</div>
</section>
<section id="project" class="project">
<h1>My Projects</h1>
<div id="project-gallery" class="project-gallery">
<a href="/Users/this_is_mjk/web_dev/CatPhotoApp.html" target="_blank">
<div class="project-icon">
<div class="p-img-div">
<img class="project-image" src="p1catphoto.png">
</div>
<h3 class="project-name">Cat Photo</h3>
<p></p>
</div>
</a>
<a href="/Users/this_is_mjk/web_dev/cafe_menu/cafe_menu.html" target="_blank">
<div class="project-icon">
<div class="p-img-div">
<img class="project-image" src="p2menu.png">
</div>
<h3 class="project-name">Cafe Menu</h3>
<p></p>
</div>
</a>
<a href="/Users/this_is_mjk/web_dev/Accessibility/Accessibility.html" target="_blank">
<div class="project-icon">
<div class="p-img-div">
<img class="project-image" src="p3acc.png">
</div>
<h3 class="project-name">QUIZ</h3>
<p></p>
</div>
</a>
<a href="/Users/this_is_mjk/web_dev/online-registration-form/form.html" target="_blank">
<div class="project-icon">
<div class="p-img-div">
<img class="project-image" src="p4form.png">
</div>
<h3 class="project-name">Registration form</h3>
<p></p>
</div>
</a>
<a href="/Users/this_is_mjk/web_dev/photogallery/photogallery.html" target="_blank">
<div class="project-icon">
<div class="p-img-div">
<img class="project-image" src="p5gall.png">
</div>
<h3 class="project-name">Photo Gallery</h3>
<p></p>
</div>
</a>
<a href="/Users/this_is_mjk/web_dev/projects/p1_form/form.html" target="_blank">
<div class="project-icon">
<div class="p-img-div">
<img class="project-image" src="p6form.png">
</div>
<h3 class="project-name">FCC form</h3>
<p></p>
</div>
</a>
</div>
<button id="show-more">Show all</button>
</section>
<section id="contact" class="contact">
<h1>Let's meet up...</h1>
<div class="links">
<a target="_blank" href="https://github.com/Manas-jain-kuniya">github</a>
<a target="_blank" href="https://www.linkedin.com/in/manas-jain-kuniya-865082210/?originalSubdomain=in">linkedin</a>
<a target="_blank" href="mailto:[email protected]">send me a mail</a>
</div>
</section>
<footer>
<p class="end">created by this_is_mjk</p>
</footer>
</main>
</body>
</html>