-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
179 lines (167 loc) · 8.89 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
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<title>Anjali Sharma</title>
<link href="styles.css" rel="stylesheet">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<link rel="icon" href="favicon-32x32.png" type="image/png">
<link rel="shortcut icon" href="favicon-32x32.png" type="image/png">
</head>
<body>
<header>
</header>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="nav-link navbar-item" href="#Home">Home</a>
<a class="nav-link navbar-item" href="#About">About</a>
<a class="nav-link navbar-item" href="#Education">Education</a>
<a class="nav-link navbar-item" href="#Projects">Projects</a>
<a class="nav-link navbar-item" href="#Contact">Contact</a>
</div>
</nav>
<!--hero section start-->
<div id="home">
<section>
<div class="hero-content">
<div class="container">
<h3>Hi, I am </h3>
<h1 class="text">Anjali Sharma</h1>
<h4 class="subtitle">
I am a <span id="typed-text" data-typist="Student,Cs50 Learner,Coding Enthusiast,Web Developer">web developer</span>
</h4>
<div class="social-link">
<a target="_blank" href="https://twitter.com/AnjaliS57610098"><img class="twitter"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/Logo_of_Twitter.svg/512px-Logo_of_Twitter.svg.png?20220821125553"
alt="Twitter Logo"></a>
<a target="_blank" href="https://www.linkedin.com/in/anjali-sharma%F0%9F%A7%91%E2%80%8D%F0%9F%92%BB-760a06238"><img
class="linkdin"
src="https://static-00.iconduck.com/assets.00/linkedin-icon-2048x2048-ya5g47j2.png"
alt="LinkedIn Logo"></a>
<a target="_blank" href="https://stackoverflow.com/users/22125607/anjali-sharma"><img
class="stackoverflow"
src="https://w7.pngwing.com/pngs/305/500/png-transparent-stack-overflow-stack-exchange-computer-programming-software-developer-others-text-stack-logo-thumbnail.png"
alt="Stack Overflow Logo"></a>
<a target="_blank" href="https://github.com/Anjalisharma3463"><img class="github"
src="https://1000logos.net/wp-content/uploads/2021/05/GitHub-logo.png"
alt="GitHub Logo"></a>
<a target="_blank" href="user id: anjalisharma34363"><img
class="discord"
src="https://cdn.logojoy.com/wp-content/uploads/20210422095037/discord-mascot.png"
alt="Discord Logo"></a>
<a target="_blank" href="https://www.reddit.com/user/Anjalisharma3463"><img class="reddit"
src="https://www.redditinc.com/assets/images/site/reddit-logo.png"
alt="Reddit Logo"></a>
<a target="_blank" href="https://leetcode.com/Anjalisharma3463/"><img
class="leetcode"
src="https://res.cloudinary.com/startup-grind/image/upload/c_fill,dpr_2.0,f_auto,g_center,h_1080,q_100,w_1080/v1/gcs/platform-data-dsc/events/LeetCode_logo.png"
alt="Leetcode Logo"></a>
</div>
</div>
</section>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var options = {
strings: [
"Student",
"Cs50 Learner",
"Coding Enthusiast",
"Web Developer",
""
],
typeSpeed: 50, // Typing speed in milliseconds
backSpeed: 25, // Backspacing speed in milliseconds
loop: true // Loop the animation infinitely
};
var typed = new Typed('#typed-text', options);
});
</script>
<div id="About">
<div class="centered-text">
<h3 class="headings">About</h3>
<h1>Let me introduce myself</h1>
</div>
<div class="about-profile">
<img class="profile-image"
src="Screenshot 2023-10-25 151753.png "
alt="Anjali Sharma">
<div class="profile-details">
<p class="name"><strong> Anjali Sharma</strong> <img src="https://w7.pngwing.com/pngs/910/897/png-transparent-twitter-verified-badge-hd-logo-thumbnail.png" alt="Emoji" class="emoji"></p>
<p>Date of Birth: 15 June 2005</p>
</div>
</div>
<div class="about-text">
<div class="about-paragraph">
<h6>
Hello, I'm <em>Anjali Sharma</em>, a student currently pursuing my studies
at <em>Madhav Institute of Technology and Science</em>. I have a deep passion for technology, and I'm wholeheartedly dedicated to my academic pursuits. I'm proud to say that I'm a testament student – when I commit to a course or work, I follow through with unwavering determination.
My belief in myself, hard work, and faith in the divine powers have been my guiding principles throughout my educational journey.
When I'm not engrossed in my studies, you can often find me on LinkedIn, where I love to immerse myself in the stories of others' success. It's a great source of inspiration and learning for me.
If you have any tech-related questions or topics related to my field of study, please don't hesitate to reach out. I'll do my best to provide answers and insights.
Let's connect and share our experiences and knowledge. I'm excited to build connections and explore new opportunities together.
</h6>
</div>
</div>
<br></br>
<div class="skills">
<h4>
Skills:->
Basics of HTML, CSS, SQL, Flask, C language, C++ , Python language, a little bit of JavaScript. Some basic knowledge about memory, algorithms, and data structures.
</h4>
<br></br>
<h4><em>Thank you for taking the time to visit my portfolio!</em></h4>
</div>
</div>
<div id="Education" class="education">
<h2 class="headings">Education </h2>
<hr>
<ul class="timeline">
<li>
<div class="timeline-content" id="tenth-stnd">
<h3>10th standard</h3>
<p>completed in 2020</p>
<p>Grade: 92% </p>
</div>
</li>
<li>
<div class="timeline-content" id ="twelth-stnd">
<h3>12th standard</h3>
<p>Completed in 2022</p>
<p>Grade: 92% </p>
</div>
</li>
<li>
<div class="timeline-content" id= "college">
<h3>Bachelor's Degree</h3>
<p>2023 August - 2027 August</p>
</div>
</li>
</ul>
</div>
<div id="Projects" class="centered-section">
<h1 class="headings">Projects</h1>
<h2>
<b><em>for NOW, </em></b>. I showcase my Projects on my LinkedIn activity post section. You can view them on my LinkedIn profile.
</h2>
<a href="https://www.linkedin.com/in/anjali-sharma%F0%9F%9A%80-760a06238/recent-activity/all/" target="_blank">View my projects here </a>
</div>
<div id="Contact" class="contact-section">
<h1 class="headings"> Contact</h1>
<p>If you have any questions or would like to get in touch, feel free to reach out:</p>
<ul class="contact-list">
<li>
<h3>Email</h3>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</li>
</ul>
</div>
</body>
</html>