-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
234 lines (205 loc) · 11.2 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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
</head>
<body>
<div class="container">
<!-- Navigation Bar -->
<div class="nav">
<!-- <div class="logo">KUBS</div> -->
<div class="menu">
<!-- <button class="menu-toggle">☰</button> ☰ symbol -->
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#Experience">Experience</a>
<a href="#project">Projects</a>
<a href="#contact">Contact</a>
</div>
</div>
<!-- Hero Section -->
<div class="hero" id="home">
<div class="headline">
<h2>Hi, I'm <span class="emphasize">Usha Bhagyasri</span></h2>
<p>Freelancer | Aspiring Web Developer</p>
<button onclick="window.location.href='path/to/your_resume.pdf'">Download Resume</button>
<!-- Resume Download Button -->
<div class="icons">
<a href="https://www.w3schools.com/" target="_blank" title="Google"><i class="fa fa-google"></i></a>
<a href="https://github.com" target="_blank" title="GitHub"> <i class="fa fa-github"></i></a>
<a href="https://pinterest.com" target="_blank" title="Pinterest"><i
class="fa fa-pinterest"></i></a>
<a href="https://linkedin.com" target="_blank" title="LinkedIn"><i class="fa fa-linkedin"></i></a>
</div>
</div>
<div class="Herophoto">
<img src="final.JPG" alt="Hero Image" data-aos="fade-in" data-aos-delay="200">
</div>
</div>
<!-- About Section -->
<main>
<div id="about" class="about">
<div class="aboutcol"></div>
<div class="aboutcolor"></div>
<div class="col"></div>
<div class="aboutsection" data-aos="fade-up" data-aos-delay="100">
<h2>About Me</h2>
<p>My journey into web development started with a curiosity to understand how websites work and a
desire
to bring my ideas to life through code.</p>
<p>I enjoy the blend of creativity and logic in web development. It's satisfying to see my code
transform into functional and visually appealing websites. This process challenges my
problem-solving skills and lets me express my creative side, giving me a sense of accomplishment
and
excitement.</p>
<!-- <p>My motivation comes from the joy of creating and the endless possibilities in web development. I like -->
<!-- exploring new technologies, learning the latest trends, and applying them to create innovative -->
<!-- solutions. The continuous learning and growth in this field keep me inspired.</p> -->
<p> Beyond coding, I find joy in pursuing my hobbies.
I'm an avid anime enthusiast, always eager to explore captivating storylines and intricate
characters. And also love gardening. </p>
<!-- <div class="line"></div> -->
<p id="skills"><strong>Skills:</strong> HTML | CSS | Javascript | Leaflet</p>
<p><strong>Soft skills:</strong> Attention to detail | Communication | Team work</p>
</div>
</div>
<div class="colour"></div>
<div class="colo"></div>
<div class="colu"></div>
<!-- Education Section -->
<section id="education" class="education-section fade-up">
<h2>Education</h2>
<div class="education-item" id="clg" data-aos="slide-right" data-aos-delay="50">
<div class="tooltip">
<div class="circle">CGPA: 7.67<br>Course: Geo Informatics</div>
</div>
<h3>ANDHRA UNIVERSITY COLLEGE OF ENGINEERING (AUTONOMOUS)</h3>
<p><strong>Degree:</strong> Bachelor of Technology in Geo-Informatics</p>
<p><strong>Duration:</strong> 2021 - Present</p>
<!-- <p><strong>Relevant Coursework:</strong> GIS, Remote sensing, Spatial Analysis, Visualization of data</p> -->
</div>
<div class="education-item" id="inter" data-aos="slide-right" data-aos-delay="50">
<div class="tooltip">
<div class="circle">CGPA: 9.5<br>Course: <br> Intermediate Education</div>
</div>
<h3>SRI CHAITANYA JUNIOR COLLEGE</h3>
<p><strong>Board:</strong> Board of Intermediate Education</p>
<p><strong>Duration:</strong> 2019 - 2021</p>
</div>
<div class="education-item" id="school" data-aos="slide-right" data-aos-delay="50">
<div class="tooltip">
<div class="circle">CGPA: 8.9<br>Course:<br> Secondary Education</div>
</div>
<h3>DE PAUL SCHOOL</h3>
<p><strong>Board:</strong> Indian Certificate of Secondary Education</p>
<p><strong>Duration:</strong> 2009 - 2019</p>
</div>
</section>
</main>
<section id="Experience" class="Experi">
<h2> Work Experience </h2>
<p>I have gained a lot of practical knowledge working under these comapanies</p>
<div class="freelance">
<h3>Freelance Quality Analyst</h3>
<p><strong>Synery Eduservices</strong></p>
<p> <Strong> Mar 2024 - Present</Strong></p>
<p>● Conducted comprehensive quality assessments, utilized industry-standard quality assurance tools to
evaluate processes. </p>
<p>● Preemptively identified and addressed potential issues in project workflows, leading to reduced
defect rate by 15%. </p>
</div>
<div class="Intern">
<h3>Web Developer</h3>
<p><strong>Prasunet</strong></p>
<p> <Strong> June 2024 - Present</Strong></p>
<p>● Levaraging skills in Web Development through speacilizing in HTML CSS Javascript. </p>
<p>● Built Responsive landing website, functional stopwatch, user interactive Tic Toc Toe.</p>
</div>
</section>
<!-- Projects Section -->
<section class="projects" id="project">
<h2>Projects</h2>
<p>Here are some of the projects I have done.</p>
<div class="radar" data-aos="zoom-in" data-aos-delay="200">
<h3>OBJECT DETECTION PROTOTYPE</h3>
<div class="middle">
<div class="text">
<!-- <button class="view-button" onclick="on('overlay1')">View</button> -->
<button class="view-button"
onclick="on('overlay1', 'Working modal of a RADAR',' The Working Model of a Radar is an IoT project designed to detect the nearest objects using an electromagnetic sensor. This project combines hardware and software components to create a functional radar system that provides real-time object detection and visualization','path/to/video2.mp4', 'video')">View</button>
</div>
</div>
</div>
<div class="unesco" data-aos="zoom-in" data-aos-delay="200">
<h3>DYNAMIC UNESCO MONUMENTS EXPLORER</h3>
<div class="middle">
<div class="text">
<button class="view-button" onclick="window.open('unesco.html', '_blank')">View</button>
</div>
</div>
</div>
<div class="landing" data-aos="zoom-in" data-aos-delay="200">
<h3>Responsive Website</h3>
<div class="middle">
<div class="text">
<button class="view-button" onclick="window.open('landing.html', '_blank')">View</button>
</div>
</div>
</div>
<div class="stopwatch" data-aos="zoom-in" data-aos-delay="200">
<h3>Nixie tube stopwatch</h3>
<div class="middle">
<div class="text">
<button class="view-button" onclick="window.open('stopwatch.html', '_blank')">View</button>
</div>
</div>
</div>
<div class="tictoe" data-aos="zoom-in" data-aos-delay="200">
<h3>Tic Tac Toe application</h3>
<div class="middle">
<div class="text">
<button class="view-button" onclick="window.open('tictoe.html', '_blank')">View</button>
</div>
</div>
</div>
<div class="website" data-aos="zoom-in" data-aos-delay="200">
<h3>Informative Website</h3>
<div class="middle">
<div class="text">
<button class="view-button" onclick="window.open('informative.html', '_blank')">View</button>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="contactMe" id="contact">
<p>🖂 Contact : ushabhagyasrik@gmail</p>
<p>© By KibaX</p>
</div>
<a href="#home" class="top"><i class="fa fa-arrow-up"></i></a>
</footer>
</div>
<!-- Overlay for OBJECT DETECTION PROTOTYPE -->
<div id="overlay1" class="overlay" onclick="off('overlay1')">
<div id="overlay-content1" class="overlay-content">
<!-- <img id="overlay-image1" src="" alt="Project Image"> -->
<h2 id="overlay-heading1"></h2>
<p id="overlay-paragraph1"></p>
<video id="overlay-video1" class="overlay-video" controls style="display: none;">
<source src="VID-20231114-WA0016.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</body>
</html>