-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
135 lines (119 loc) · 8.55 KB
/
index.html
File metadata and controls
135 lines (119 loc) · 8.55 KB
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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="google-site-verification" content="6GQnGoP63bm0nPomN7FfNp3AFHoqrdXykBfuAVlZQ4s" />
<link href="https://fonts.googleapis.com/css2?family=Lora:ital@1&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Puneeth K Shetty</title>
<link rel="icon" href="images/pks.png" type="image/jpg">
</head>
<body>
<!-----Navbar Included---->
<header>
<img class="icon" src="images/lion-3.png" type="image/jpg">
<nav id="navbar" style="background-color:white;">
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fa fa-reorder"></i>
</label>
<ul>
<li><a class="nav-link" href="#welcome-section">Home</a></li>
<li><a class="nav-link" href="#background">About</a></li>
<li><a class="nav-link" href="#projects">Projects</a></li>
<li><a class="nav-link" href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!--Welcome-->
<section id="welcome-section">
<h1 style="font-family: 'Lora', serif;">Hello, I'm Puneeth</h1>
<h1 class="about" style="font-family: 'Lora', serif;"> Software Engineer at Harman</h1>
<div class="down"><a href="#background">Explore ↓</a></div>
</section>
<!--Background---->
<section id="background">
<h2 class="header"><span class="underline">About</span></h2>
<img src="images/puneeth.jpeg" class="responsive" alt="Avatar" style="width:250px;"height="250px;">
<article class="back-article">
<h2 class="text"> I'm currently working as Software Engineer - Product Development at Harman(Samsung). I have completed my Bachelors in Computer Science from <strong>Sahyadri College of Engineering and Management</strong>. I'm also an Event Coordinator at <strong> We and Tech</strong>. My main interest focuses on Cyber Security as well as Data science. As a Web Dev, I love to create Web applications that are scalable and efficient under the hood while providing engaging, pixel-perfect user experiences.</h2>
<h2 class="text">When I'm not coding, You may find me binging on Movies, Web Series, Gaming and stuff.</h2>
<h2 class="text">My Skills :</h2>
<ul>
<li class="list">C</li>
<li class="list">C++</li>
<li class="list">Java</li>
<li class="list">Python</li> <!--Add a Progress Bar if needed-->
<li class="list">HTML5</li>
<li class="list">CSS3</li>
<li class="list">Bootstrap</li>
<li class="list">React JS</li>
<li class="list" style="margin-bottom: 0px">Git/ GitHub</li><!--Add More Skills if needed-->
</ul>
</article>
</section>
<!--Projects-->
<section id="projects">
<h2 class="header1"><span class="underline">Projects</span></h2>
<div id="projects">
<div id="block" style="color:#090078;">
<p class="work" data-height="265" data-theme-id="dark" data-default-tab="html,result" data-user="puneeth" data-slug-hash="yLeVEGJ" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 1px solid; margin: 1em 0; padding: 1em;" data-pen-title="Technical Documentation Page">
<span> <img src="images/dbms.png" style="height: 265px;color:white; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 0em 0; padding: 1em;"/>
</p>
<h2 class="project-tile"><a class="pen" href="https://github.com/PuneethKshetty/The-GreenHouse"> The Green House</a></h2>
</div>
<div id="block" style="color:#090078;">
<p class="work" data-height="265" data-theme-id="dark" data-default-tab="html,result" data-user="puneeth" data-slug-hash="yLeVEGJ" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 1px solid; margin: 1em 0; padding: 1em;" data-pen-title="Technical Documentation Page">
<span> <img src="images/portfolio.png" style="height: 265px;color:white; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 0em 0; padding: 1em;"/>
</p>
<h2 class="project-tile"><a class="pen" href="https://github.com/PuneethKshetty/Portfolio-Modify">Portfolio</a></h2>
</div>
<div id="block" style="color:#090078;">
<p class="work" data-height="265" data-theme-id="dark" data-default-tab="html,result" data-user="puneeth" data-slug-hash="yLeVEGJ" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 1px solid; margin: 1em 0; padding: 1em;" data-pen-title="Technical Documentation Page">
<span> <img src="images/Barbarians.png" style="height: 265px;color:white; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 0em 0; padding: 1em;"/>
</p>
<h2 class="project-tile"><a class="pen" href="https://github.com/PuneethKshetty/The-Barbarians">The Barbarians </a></h2>
</div>
<div id="block" style="color:#090078;">
<p class="work" data-height="265" data-theme-id="dark" data-default-tab="html,result" data-user="puneeth" data-slug-hash="OJMpJwP" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 1px solid; margin: 1em 0; padding: 1em;" data-pen-title="Survey Form">
<span><img src="images/Covidtracker.png" style="height: 265px;color:white; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 0em 0; padding: 1em;"/>
</p>
<h2 class="project-tile"><a class="pen" href="https://puneeth-first-app.netlify.app/">Covid Tracker App</a></h2>
</div>
<div id="block" style="color:#090078;">
<p class="work" data-height="265" data-theme-id="default" data-default-tab="css,result" data-user="puneeth" data-slug-hash="OJMpJwP" data-preview="true" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 1px solid; margin: 1em 0; padding: 1em;" data-pen-title="To-Do List">
<span><img src="images/todo.png" style="height: 265px; color:white; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 0em 0; padding: 1em;"/>
</p>
<h2 class="project-tile"><a class="pen" href="https://puneeth-todo-app.netlify.app/">To-Do List</a></h2>
</div>
</div>
</section>
<!--Contact-->
<section id="contact" style="background-color: #090078;">
<h2 class="header2"><span class="underline">Contact</span></h2>
<h2 class="text2">Have a question or want to work together?</h2>
<form name="contact" action="POST" data-netlify="true">
<<div class="emailid">
<input type="email" name="email" id="email" placeholder="Enter your E-mail">
</div>
<div class="submit-div">
<button type="submit" class="submit" style="width: fit-content;">Submit</button>
</div>
</form>
</section>
<!--footer-->
<footer class="panel-footer">
<h4 class="left">Made with ❤ by Puneeth</h4>
<div class="icon-flex">
<a target="_blank" href="https://github.com/PuneethKshetty" id="profile-link" class="fa fa-github"></a>
<a target="_blank" href="https://twitter.com/Slowsarcasm" id="profile-link" class="fa fa-twitter"></a>
<a target="_blank" href="https://www.linkedin.com/in/puneeth-k-shetty-3b0b06173/" id="profile-link" class="fa fa-linkedin"></a>
<a target="_blank" href="https://www.instagram.com/_mr.unique_dude" id="profile-link" class="fa fa-instagram"></a>
</div>
</footer>
<script type="text/javascript" src="index.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/fontawesome.min.js"></script>
</body>
</html>