-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (156 loc) · 7.65 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
<!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="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Karla:400,700|Martel:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<title>About Shaunish</title>
</head>
<body>
<!-- Head -->
<section id="Head">
<div class="background">
<div class="heading-text">
<h1>This is Shaunish</h1>
<p>a student</p>
</div>
</div>
</section>
<!--About Me-->
<section class="animation">
<div id="About-me">
<div id="profile-img">
<img class="myimg" src="./Images/profile-img.jpg" alt="">
</div>
<div id="description">
<h2>About Me</h2>
<p>Hello, I'm Shaunish, a student currently pursuing a Bachelor's in Technology at Jaypee Institute of
Information Technology as of July 2024. I consider myself a versatile individual with a keen
interest in understanding both people and myself. I am committed to continuous learning and
constantly strive to expand my skillset. My passions include programming, dancing, and connecting
with new people.</p>
</div>
</div>
</section>
<!--My Credentials-->
<section class="animation">
<div id="Credentials">
<div id="header">
<h2>My Credentials</h2>
</div>
<div id="content">
<h3>This is what I have achieved in my life so far: </h3>
<ul>
<li> Completed my schooling in 2023 with 94.6% </li>
<li> Currently pursuing Bachelors of Technology in Computer Science and Engineering <br> and
currently in my 2nd year</li>
<li> Currently trying to broaden my skills and learn Web Development</li>
</ul>
<hr>
<h3>These are some skills that I currently have in my inventory: </h3>
<ul>
<li> I am a great dancer and very flexible</li>
<li> I am great at communication and I am highly extroverted</li>
<li> I have great acting skills and can fool you easily</li>
<li> I can make my tongue into a flower hehehehe</li>
</ul>
</div>
</div>
</section>
<!--My Work-->
<section>
<div id="my-work">
<div id="title">
<h2>MY PROJECTS</h2>
<h3>These are some of the projects I have done while learning Web Development</h3>
</div>
<div class="projects">
<div id="html-portfolio">
<a href="https://shaunish123.github.io/html-portfolio/"><img src="./Images/html-portfolio.png"
alt="html portfolio website"></a>
<div><h4><a class="Project-heading" href="https://shaunish123.github.io/html-portfolio/">Portfolio
Website</a></h4>
<p>This is a pure html website that I created when I knew basic html</p>
</div>
</div>
<div id="resume-website">
<a href="https://shaunish123.github.io/html-project1/"><img src="./Images/resume-website.png"
alt="resume website"></a>
<div><h4><a class="Project-heading" href="https://shaunish123.github.io/html-project1/">My Resume</a></h4>
<p>This is a pure html resume website that I created when I finished learning html</p>
</div>
</div>
<div id="flag">
<a href="https://shaunish123.github.io/India-Flag-Css/"><img src="./Images/India-flag project.png"
alt="resume website"></a>
<div><h4><a class="Project-heading" href="https://shaunish123.github.io/India-Flag-Css/">Indian Flag</a></h4>
<p>This is a project I made after learning about CSS properties. It inspired me to create a
flag of my own country.</p>
</div>
</div>
<div id="mondrian-painting">
<a href="https://shaunish123.github.io/Mondrian-Painting-CSS/"><img
src="./Images/mondrian-painting.png" alt="mondrian-painting"></a>
<div><h4><a class="Project-heading" href="https://shaunish123.github.io/Mondrian-Painting-CSS/">Mondrian
painting</a></h4>
<p>This project showcases my newly acquired skills in CSS Grid and Flexbox by creating a
digital painting inspired by the artist Piet Mondrian.</p>
</div>
</div>
<div id="Tindog-project">
<a href="https://shaunish123.github.io/Tindog/"><img src="./Images/TIndog-project.png"
alt="Tindog-project"></a>
<div><h4><a class="Project-heading" href="https://shaunish123.github.io/Tindog/">Tindog</a></h4>
<p>This is a project I made using bootstrap as a part of my course</p>
</div>
</div>
<div id="About-Shaunish">
<a href="#"><img src="./Images/About-me.png" alt="About Shaunish website"></a>
<div><h4><a class="Project-heading" href="#">About Shaunish</a></h4>
<p>Well this is the final boss of my projects</p>
</div>
</div>
</div>
</div>
</section>
<!--Contact Me-->
<section class="animation">
<div id="Contact">
<h2>
Contact Me
</h2>
<h3>
<a href="https://mail.google.com/mail/u/0/?tab=rm&ogbl#inbox">Email -: shaunishs@gmail.com</a>
</h3>
</div>
</section>
<!--Footer-->
<section id="footer">
<div id="links">
<ul>
<li> <a href="https://www.instagram.com/_.shaunish._/#"> Instagram </a></li>
<li> <a href="https://github.com/Shaunish123"> Github </a></li>
<li> <a href="https://www.linkedin.com/in/shaunish-sharma123/"> Linkedin </a></li>
</ul>
</div>
<div>
<footer>
Copyright © Shaunish Sharma. All rights Reserved.
</footer>
</div>
</section>
</body>
</html>