-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
208 lines (192 loc) · 10.7 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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>REVATHI-Portfolio</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/442349d01d.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="header">
<div class="container">
<nav>
<h1 class="logo"> REVATHI</h1>
<ul id="sidemenu" >
<li> <a href="#header">Home</a></li>
<li> <a href="#About">About</a></li>
<li> <a href="#Certficates">Certificate</a></li>
<li> <a href="#contact">Contact</a></li>
<i class="fas fa-times" onclick="closemenu()"></i>
</ul>
<i class="fas fa-bars" onclick="openmenu()"></i>
</nav>
<div class="header-text">
<h1> Hi,I'm Revathi</h1>
<p> WEB DEVELOPER</p>
<a href="/Images/REVATHI_S_RESUME.pdf" download class="btn btn2 ">Download CV</a>
</div>
</div>
</div>
<div id="About">
<div class="container">
<h1 class="sub-title">About Me</h1>
<div class="row">
<div class="about-col-2">
<p >I'm Revathi, a detail-oriented and well-organized individual with a deep passion for programming.
I'm embarking on a journey to build a career in the Info-Tech world. My strong foundation in Web development,
DSA,UI Designing,Data Analytics is a result of extensive research.
Having gained valuable experience through internships, I'm eager to continue building upon my skills and make
an immediate contribution. I excel in design, integration, and problem-solving, boasting proficiency in JAVA,C++,JAVASCRIPT,
Reactjs,Nextjs,Typescript and SQL. I'm poised to begin my career as an entry-level software engineer
with a technology-driven
firm.Beyond tech, I'm known for my strong work ethic and multitasking abilities. My compassionate nature makes me an exceptional
caregiver, and I'm mindful of my words and thoughts. I'm adaptable and eager to learn in any environment.</p>
</div>
<div class="about-col-1">
<img src="/Images/portfolioimagefinal.png" alt="revathi">
</div>
</div>
<div class="tab-titles">
<p class="tab-links active-link">Education</p>
</div>
<div class="tab-contents">
<ul>
<li>PSNA COLLEGE OF ENGINEERING AND TECHNOLOGY-(2021-2025)</li>
<li>-BE-ECE (CGPA-8.7)</li>
<li>ST.JOSEPH GIRLS HR SEC SCHOOL(HSC)</li>
</ul>
</div>
</div>
</div>
<h1 class="sub-title">Skills</h1>
<div class="skills">
<div class="list">
<ul>
<li> <h3>HTML 90%</h3><span class="bar"><span class="html"></span></span></li><br>
<li> <h3>JAVA 75%</h3><span class="bar"><span class="java"></span></span></li><br>
<li> <h3>C/C++ 60%</h3><span class="bar"><span class="c"></span></span></li><br>
<li> <h3>TAILWIND CSS 90%</h3><span class="bar"><span class="tailwind"></span></span></li><br>
<li> <h3>REACT JS 80%</h3><span class="bar"><span class="react"></span></span></li><br>
<li> <h3>SQL 70%</h3><span class="bar"><span class="sql"></span></span></li><br>
<li> <h3>NEXT JS 80%</h3><span class="bar"><span class="next"></span></span></li><br>
<li> <h3>FIGMA 90%</h3><span class="bar"><span class="figma"></span></span></li><br>
</ul>
</div>
</div>
<div id="Certficates">
<div class="container">
<h1 class="sub-title">Certificates</h1>
<div class="certificate-list">
<div>
<i class=" fas fa-code"></i>
<h2>Web Development</h2>
<p> I earned a certificate from META for completing their frontend development course, showcasing proficiency in web development skills. This certification attests to my expertise in designing and implementing user interfaces using modern frontend technologies.</p>
<a href="#"><i class="fas fa-external-link-alt"></i></a>
</div>
<div>
<i class=" fas fa-code"></i>
<h2>C/C++/JAVA</h2>
<p>
I obtained a certificate from CADD CAE for mastering C/C++ and Java programming languages, demonstrating comprehensive understanding and proficiency in software development. This certification validates my expertise in designing and implementing robust and efficient solutions using C/C++ and Java, showcasing my commitment to advancing in the field of software engineering.</p>
<a href="#"><i class="fas fa-external-link-alt"></i></a>
</div>
<div>
<i class=" fas fa-code"></i>
<h2>SQL</h2>
<p>
I earned a certificate from HackerRank for mastering SQL, showcasing proficiency in database management and querying. This certification validates my ability to manipulate and extract data efficiently using SQL, highlighting my expertise in database-driven applications and analytics.</p>
<a href="/Images/sql_advanced certificate.pdf"><i class="fas fa-external-link-alt"></i></a>
</div>
<div>
<i class=" fas fa-code"></i>
<h2>PROBLEM SOLVING</h2>
<p>
I obtained a HackerRank certificate in Java problem solving, demonstrating strong algorithmic thinking and problem-solving skills in Java programming. This certification underscores my ability to tackle complex coding challenges efficiently and effectively, showcasing expertise in Java programming and problem-solving techniques</p>
<a href="#"><i class="fas fa-external-link-alt"></i></a>
</div>
</div>
</div>
</div>
<div id="Work">
<div class="container">
<h1 class="sub-title">Work</h1>
<div class="work-list">
<div class="layer">
<h2>IITM RESEARCH PARK</h2>
<p>During my internship, I had the privilege of working as a Software Developer Intern, actively contributing to the development of an innovative Web Platform for Voice Interaction Systems. This immersive experience allowed me to dive deep into front-end development where I utilized a sophisticated tech stack including React, Next.js, Tailwind CSS, Node.js. </p>
<a href="/Images/interncerti.pdf"><i class="fas fa-external-link-alt"></i></a>
</div>
<div class="layer">
<h2>GSSOC'24</h2>
<p> Incridible opportunity to be a part of this three-month long open source program by the Girlscript foundation.</p>
<a href="/Images/gssoc.pdf"><i class="fas fa-external-link-alt"></i></a>
</div>
<div class="layer">
<h2>Smart india hackathon</h2>
<p>
Participating in the Smart India Hackathon, I led a team to develop an IoT-enabled website for water monitoring, addressing critical water management challenges. Our solution leverages innovative IoT technology to collect and analyze real-time data, providing actionable insights for efficient water resource management.</p>
<a href="#"><i class="fas fa-external-link-alt"></i></a>
</div>
<div class="layer">
<h2>TN hackathon</h2>
<p>
Participating in the TN Hackathon, our team developed a Flutter app tailored for modern farmers, integrating features like weather monitoring and precision analysis. We clinched the third prize with a fully functional model designed meticulously using Figma, offering a user-friendly interface and robust functionality for agricultural management.</p>
<a href="/Images/tnhack.pdf"><i class="fas fa-external-link-alt"></i></a>
</div>
<div class="layer">
<h2>PAPER PRESENATTION</h2>
<p>
Securing the first prize for my paper presentation at college, I delved into the intricate realms of blockchain technology, unraveling its potential applications and transformative impact. </p>
<a href="#"><i class="fas fa-external-link-alt"></i></a>
</div>
</div>
</div>
</div>
<div id="contact">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="sub-title">Contact Me</h1>
<p><i class="fas fa-paper-plane"></i>[email protected]</p>
<p><i class="fas fa-phone-square-alt"></i>9489413874</p>
<div class="social-icon">
<a href=""><i class="fab fa-linkedin"></i></a>
<a href=""><i class="fab fa-github"></i></a>
</div>
</div>
<div class="contact-right">
<form name="submit-to-google-sheet" >
<input type="text" name="name" placeholder="your name" required>
<input type="email" email="email" placeholder="your email" required>
<textarea name="Message" rows="6" placeholder="your message"></textarea>
<button type="submit" class="btn btn2">Submit</button>
</form>
</div>
</div>
</div>
<div class="copyright">
<p>copyright @revathi</p>
</div>
</div>
<script>
var sidemenu =document.getElementById("sidemenu");
function openmenu(){
sidemenu.style.right="0"
}
function closemenu(){
sidemenu.style.right="-200px"
}
</script>
<script>
const scriptURL = 'https://script.google.com/macros/s/AKfycbwz5PRTT-ql_5fvNnIItnIkcTvS2tUqB4mBGhC5R4wSF2OOrfMb1CZbfmW8vMAaHZp3Ig/exec'
const form = document.forms['submit-to-google-sheet']
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => console.log('Success!', response))
.catch(error => console.error('Error!', error.message))
})
</script>
</body>
</html>