-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
178 lines (174 loc) · 9.38 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
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
<title>AAYUSHEE GUJARATHI | Web Developer</title>
</head>
<body>
<header>
<!--Navabar-->
<nav>
<h1>Aayushee Gujarathi</h1>
<ul class = "navigation">
<li><a href="#" class = "nav-link">About</a></li>
<li><a href="#" class = "nav-link">Skills</a></li>
<li><a href="#" class = "nav-link">Projects</a></li>
<li><a href="#" class = "nav-link">Contact</a></li>
</ul>
<button class="bars" id="bars">
<i class = "fa-solid fa-bars fa-beat"></i>
</button>
</nav>
<!--Hero Section-->
<section class="hero" id="about">
<img src="laptop.jpg" alt="Image" class="bk-img">
<div class="bio animate_animated animate_shakeX">
<h2 class="bio-title">About Me</h2>
<p class="bio-text">
An aspiring third year student, pursuing bachelor's degree in Computer Science from MKSSS'S Cummins College of Engineering for Women , karvenagar Pune 411052
<br><b class="cgpa">Current CGPA : 9.0</b>
</p>
</div>
</section>
<!--More About-->
<section class="more about">
<h2>More About Me</h2>
<p>
An Alumni of City Pride School and City Pride Junior College passed Grade 10th with 95% and Grade 12th being the first topper with 95.33%.
An ethusiastic student highly motivated and eager to learn new technologies and methodologies. Always willing to innovate new things which can improve the exisiting technology.
Strong worth ethic, adaptability and exceptional interpersonal skills. Adept at working effectively unsupervised and quickly mastering new skills.
Ability to produce best result in pressure situations. Posessing strong motivational and leadership skills. Having good verbal as well as communication skills.
</p>
<p>
Offers excellent technical abilities with software and applications, ability to handle challenging work.
Proficient in Java , Python , HTML , CSS , MySQL ,MongoDB and Javascript. Passionate about implementing and launching new projects.
A content and desinger member of Math Club (CCOEW).
Some of my personal interests include hobbies like Cycling, going outdoors and listening to music.
Participated in brainstorming activities like ideathons and various coding competitions.
</p>
<p>
Looking forward for new opprtunities as a software devloper and seeking a challenging position in a reputable organization to expand and utilize my learning, skills and knowledge.
</p>
<p></p>
</section>
<!--Skills Section-->
<section class="skills" id="skills">
<h2 class="=skills-header">My Top Skills</h2>
<div class="skills-wrapper">
<div class="first-set">
<img src="java.png" alt="java">
<img src="html.png" alt="html">
<img src="os.jpg" alt="Operating Systems" >
<img src="mysql.png" alt="Mysql">
</div>
<div class="second-set">
<img src="python.jpg" alt="python">
<img src="css.jpg" alt="Cascading Style Sheet">
<img src="dbms.png" alt="Database MAnagement Systems">
<img src="mongodb.png" alt="MongoDB">
</div>
</div>
</section>
<!--Projects Section-->
<section class="projects" id="projects">
<h2 class="projects-title">SOME OF MY RECENT PROJECTS</h2>
<div class="projects-container">
<div class="first-line">
<div class="project-container project-card">
<img src="typing-speed-tester.png" alt="" class="project-pic">
<h3 class="project-title">Typing Speed Tester</h3>
<p class="project-details">
Designed a Typing speed tester in a team using popular UI programmed in python language using Tkinter. It calculates the score of the individual by checking the number of errors made and this helping to increase the speed of typing.
</p>
<a href="https://github.com/Aayu261/Typing-Speed-Tester" target="_blank" class="project-link">CLICK HERE TO EXPLORE MORE!</a>
</div>
<div class="project-container project-card">
<img src="pharmacy.png" alt="" class="project-pic">
<h3 class="project-title">Pharamcy Management System</h3>
<p class="project-details">
A website created for pharmacy management using my-SQL workbench and java as backend to store the structured data and Java swing used as a front end connected to using JDBC.
</p>
<a href="https://github.com/Aayu261/Pharamcy-Management-System" target="_blank" class="project-link">CLICK HERE TO EXPLORE MORE!</a>
</div>
</div>
<div class="second-line">
<div class="project-container project-card">
<img src="amazonlogo.png" alt="" class="project-pic">
<h3 class="project-title">Amazon Clone </h3>
<p class="project-details">
A website clone of amazon using HTML and CSS. It includes use of different icons and styles.
programmed using basics of CSS and HTML.
</p>
<a href="https://github.com/Aayu261/Amazon-Clone" target="_blank" class="project-link">CLICK HERE TO EXPLORE MORE!</a>
</div>
</div>
<div class="third-line">
<div class="project-container project-card">
<img src="music-player.png" alt="" class="project-pic">
<h3 class="project-title">Music Player System</h3>
<p class="project-details">
Designed an interactive application program to run a music system using data structures like linked lists in java.
One can listen to the music and enjoy it! .
</p>
<a href="https://github.com/Aayu261/Music-Player-System" target="_blank" class="project-link">CLICK HERE TO EXPLORE MORE!</a>
</div>
<div class="project-container project-card">
<img src="Stock-Price-Prediction.png" alt="" class="project-pic">
<h3 class="project-title">Stock Price Prediction</h3>
<p class="project-details">
A basic machine learning project done to analyze the stock market price based on certain parameters like past days price , highest price , etc using approprite machine learning algorithms.
</p>
<a href="https://github.com/Stock-Price-Prediction" target="_blank" class="project-link">CLICK HERE TO EXPLORE MORE!</a>
</div>
</div>
</div>
</section>
<!--Contact Section-->
<section class="contact" id="contact">
<h2>GET IN TOUCH WITH ME</h2>
<div class="contact-form-container">
<div class="contact-form">
<form action="#" method="post">
<div class="form-control">
<label for="Name">Name</label>
<input type="text" id="name" name="sender-name" placeholder="Enter Your Name" class="input-field" required>
</div>
<div class="form-control">
<label for="email">Email</label>
<input type="email" name="sender-email" id="email" placeholder="Enter Your Email" class="input-field" required>
</div>
<div class="form-control">
<label for="message">Message</label>
<textarea name="message" id="meassage" cols="60" rows="10" placeholder="Enter Your Message" class="input-field" required>
</textarea>
</div>
<input type="submit" value="Submit" id="submit-btn" class="submit-btn">
</form>
</div>
</div>
</section>
<!--Social Accounts - Fixes to Right-->
<div class="socials">
<a href="#" target="_blank">
<img src="instagram-1581266_640.jpg" alt="Instagram" class="social">
</a>
<a href="https://www.linkedin.com/in/aayushee-gujarathi-O8b369239" target="_blank">
<img src="linkedIn.png" alt="LinkedIn" class="social">
</a>
<a href="https://github.com/Aayu261" target="_blank">
<img src="github" alt="GitHub" class="social">
</a>
</div>
<!--Scroll to top-->
</header>
<footer>
<p class="copy">© Cppyright 2023</p>
<p class="copy">
Built with ♡ by <a href="" target="_blank">Aayushee Gujarathi</a>
</p>
</footer>
</body>
</html>