-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
176 lines (168 loc) · 8.44 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
<!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>Personal Portfolio website - vijayakeerthi</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/967f2ddfa1.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="header">
<div class="container">
<nav>
<img src="https://ik.imagekit.io/lapsq2gek/portfolio%20images/logovk.webp?updatedAt=1693849525337" class="logo">
<ul>
<li><i class="fa-solid fa-house" style="color: #ff0046;"></i><a href="#header"> Home</a></li>
<li><i class="fa-regular fa-address-card" style="color: #ff0046;"></i><a href="#about"> About</a></li>
<li><i class="fa-solid fa-graduation-cap" style="color: #ff0046;"></i><a href="#education"> Education</a></li>
<li><i class="fa-solid fa-book" style="color: #ff0046;"></i><a href="#certificates"> Certificates</a></li>
<li><i class="fa-solid fa-phone" style="color: #ff0046;"></i><a href="#contacts"> Contact</a></li>
</ul>
</nav>
<div class="header-text">
<p>STUDENT</p>
<h1>Hi, I'm <span>Vijayakeerthi</span><br>from Chennai</h1>
</div>
</div>
</div>
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="https://ik.imagekit.io/lapsq2gek/portfolio%20images/about.webp?updatedAt=1693849525529">
</div>
<div class="about-col-2">
<h1 class="sub-title">About Me</h1>
<p>
A passionate and driven undergraduate student pursuing
a Bachelor of Technology (B.Tech) in Computer Science and Business Systems.
With a profound interest in the intersection of technology and business,
I am dedicated to leveraging my skills and knowledge to make a meaningful impact
in the world of business analysis.
</p>
<div class="tab-titles">
<p class="tab-links active-links" onclick="opentab('skills')">Skills</p>
<p class="tab-links" onclick="opentab('experience')">Experience</p>
</div>
<div class="tab-contents active-tab" id="skills">
<ul>
<li><span>Data Visualization</span><br>Tableau, R-programming</li>
<li><span>Web Development</span><br>Website Design & development</li>
<li><span>Programming Languages</span><br>C, Python, Java</li>
</ul>
</div>
<div class="tab-contents" id="experience">
<ul>
<li><span>Illakkanam Private Limited-06/2023</span><br>Web site developement</li>
<li><span>Sparks Foundation-05/2023-</span><br>Data and Business analysis</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="education">
<div class="container">
<div class="row1">
<div class="education-col-1">
<h1 class="sub-title">Education</h1><br>
<div class="edu_content">
<ul>
<li><span>2021-Present</span><br>BACHELORS OF TECHNOLOGY<br>Computer Science and Business Systems<br>9.5GPA</li><br>
<li><span>2020-2021</span><br>HSC<br>Sri sankara vidhya kendra MHS School<br>Percentage-91.6%</li><br>
<li><span>2018-2019</span><br>SSLC<br>Sri sankara vidhya kendra MHS School<br>Percentage-86.8%</li><br>
</ul>
</div>
</div>
<div class="education-col-2">
<img src="https://ik.imagekit.io/lapsq2gek/portfolio%20images/education.webp?updatedAt=1693849525475">
</div>
</div>
<hr color="#b54769">
<div id="certificates">
<div class="container">
<h1 class="sub-title">Certificates</h1>
<div class="certificates-list">
<div>
<h2>Google Certified</h2>
<ul>
<li>Fundamentals of digital marketing</li>
<li>Google digital Leader</li>
</div>
<br>
<div>
<h2>Shell NXplorers</h2>
<p>The Shell Nxplorers Workshop was an exhilarating event
that served as a beacon for budding innovators and aspiring entrepreneurs.
This unique workshop, organized by Shell, was a platform dedicated to
cultivating creativity, guiding participants on how to select and analyze
project ideas, and providing a stage for idea pitching excellence.
The event culminated in a remarkable achievement as my idea secured the
prestigious first prize.</p>
</div>
<br>
<div>
<h2>E-Summit Entrepreneurship Program-IITM</h2>
<p> The E-Summit at the Indian Institute of Technology Madras (IITM)
was a remarkable three-day extravaganza that celebrated innovation,
entrepreneurship, and the boundless spirit of young visionaries.
This dynamic event served as a melting pot of ideas,
where seasoned entrepreneurs, budding startups,
and inquisitive minds converged to explore the ever-evolving
landscape of business and technology.</p>
</div>
<br>
<div>
<h2>IEEE Paper Presentation</h2>
<p>
paper on "IRIS Segmentation using dense U-net"
</p>
</div>
</div>
</div>
</div>
<hr color="#b54769">
<div id="contacts">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="sub-title">Contact Me</h1>
<p><i class="fa-regular fa-envelope" style="color: #ff0046;"></i>[email protected]</p>
<p><i class="fa-solid fa-phone" style="color: #ff0046;"></i>+91 9003094976</p>
<p><i class="fa-solid fa-location-dot" style="color: #ff0046;"></i>133/44, Dr. Ambethkar Nagar, Tvt, Chennai-19</p>
<div class="social-icons">
<a href="https://www.linkedin.com/in/vijayakeerthi-karuppasamy-6ba5a8211"><i class="fa-brands fa-linkedin";></i></a>
<a href="https://github.com/vijayakeerthi1608"><i class="fa-brands fa-github";></i></a>
</div>
</div>
<div class="contact-right">
<form>
<input type="text" name="Name" placeholder="Your name" required>
<input type="email" name="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 class="copyright">
<p>Copyright @ vijayakeerthi. Made with <i class="fas fa-heart" style="color: #ff0046;"></i> by vijayakeerthi</p>
</div>
</div>
<script>
var tablinks=document.getElementsByClassName("tab-links");
var tabcontents=document.getElementsByClassName("tab-contents");
function opentab(tabname){
for(tablink of tablinks){
tablink.classList.remove("active-links");
}
for(tabcontent of tabcontents){
tabcontent.classList.remove("active-tab");
}
event.currentTarget.classList.add("active-links");
document.getElementById(tabname).classList.add("active-tab");
}
</script>
</body>
</html>