-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (185 loc) · 9.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My_Portfolio</title>
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="header">
<a href="#" class="logo">My_Portfolio</a>
<i class='bx bx-menu' id="menu-icon"></i>
<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#about">About</a>
<a href="#experiences">Experience</a>
<a href="#projects">Projects</a>
<a href="#contact">Contact</a>
</nav>
</header>
<section class="home" id="home">
<div class="homeimg">
<img src="c40224bc-335a-462a-b9a4-22e8ff96d3f8.png" alt="">
</div>
<div class="home-content">
<h1>Pruthvi Bhat</h1>
<h3>And I'm a <span>Full-Stack Developer</span></h3>
<p>From UI to server, I speak both. <br>The Web whispers, I translate.</p>
<div class="social-media">
<a href="https://github.com/PruthviGBhat" target="_blank"><i class='bx bxl-github'></i></a>
<a href="https://www.linkedin.com/in/pruthvi-bhat-225800228/" target="_blank"><i
class='bx bxl-linkedin-square'></i></a>
<a href=""><i class='bx bxl-gmail'></i></a>
<a href="https://twitter.com/PruthviBhat007" target="_blank"><i class='bx bxl-twitter'></i></a>
</div>
<a href="PruthviBhat_FullStackResume.pdf" class="btn" download target="_blank"> Download Resume</a>
</div>
</section>
<section class="about" id="about">
<div class="about-img">
<img src="Firefly vector art depicting a web developer in a dimly lit room, illuminated by atmospheric lightin.jpg"
alt="">
</div>
<div class="about-content">
<h2 class="heading">About <span>Me</span></h2>
<h3>Full-Stack Developer</h3>
<p>
I create stunning websites by designing eye-catching visuals and ensuring
they work smoothly. My job is like a digital magician, turning ideas into seamless online experiences.
Check out my portfolio to see the journey from captivating sketches to perfectly functioning websites.
</p>
<a href="#" class="btn">Read More</a>
</div>
</section>
<section class="experiences" id="experiences">
<h2 class="heading">Jack of all <span> Trades </span></h2>
<div class="experiences-container">
<div class="experiences-box">
<i class='bx bx-desktop'></i>
<h3>Web Development</h3>
<p>Proficient in building efficient web applications using MongoDB, Express.js, React, and
Node.js. Skilled in designing and developing responsive, user-friendly interfaces and backend
architectures.</p>
</div>
<div class="experiences-box">
<i class='bx bxl-opera'></i>
<h3>Open Source contributions</h3>
<p>Participated in open source projects, contributed to public repositories, and reported bugs/issues.
Familiar with the basics of collaborative software development, including issue tracking and
contribution guidelines.</p>
</div>
<div class="experiences-box">
<i class='bx bxl-git'></i>
<h3>Git & GitHub</h3>
<p>Proficient in version control using Git, able to manage code repositories, commit changes, and
collaborate with others. Familiar with GitHub, able to create, fork, and contribute to repositories,
and manage pull requests.</p>
</div>
</div>
<div class="experiences-container">
<div class="experiences-box">
<i class='bx bxl-java'></i>
<h3>Java</h3>
<p>Proficient in Core Java programming, with strong understanding of data structures and algorithms.
Skilled in writing efficient and optimized code to solve complex problems.</p>
</div>
<div class="experiences-box">
<i class='bx bxl-docker'></i>
<h3>Dockers</h3>
<p>Familiar with Docker containerization, able to create, manage, and deploy containerized applications.
Understanding of basic Docker commands and concepts, including container runtime and image
management.</p>
</div>
<div class="experiences-box">
<i class='bx bxl-tux'></i>
<h3>Linux</h3>
<p>Familiar with Linux operating system, proficient in basic terminal commands and operations. Able to
navigate, manage files, and perform basic system tasks efficiently.</p>
</div>
</div>
</section>
<section class="projects" id="projects">
<h2 class="heading_p">My <span>Projects</span></h2>
<div class="project-container">
<div class="card">
<div class="project-box">
<img src="images.png" alt="">
</div>
<div class="content">
<h2>Level-1</h2>
<ul>
<li>WWE       <a href="https://github.com/PruthviGBhat/WWE" target="_blank"><i
class='bx bx-link'></i></a></li>
<li>Engineer is Struggling       <a
href="https://github.com/PruthviGBhat/EngineerIsStruggling" target="_blank"><i
class='bx bx-link'></i></a></li>
<li>Website Clones       <a href="https://github.com/PruthviGBhat/LinkedIn"
target="_blank"><i class='bx bx-link'></i></a></li>
<li>Typist       <a href="https://github.com/PruthviGBhat/Typist" target="_blank"><i
class='bx bx-link'></i></a></li>
</ul>
</div>
</div>
<div class="card">
<div class="project-box">
<img src="l2.png" alt="">
</div>
<div class="content">
<h2>Level-2</h2>
<ul>
<li>Resume Builder       <a href="https://github.com/PruthviGBhat/ResumeCrafter"
target="_blank"><i class='bx bx-link'></i></a></li>
<li>Chrome Extension       <a
href="https://github.com/PruthviGBhat/ForeignTraveller" target="_blank"><i
class='bx bx-link'></i></a></li>
<li>Bash Scripts       <a href="https://github.com/PruthviGBhat/BashScripts"
target="_blank"><i class='bx bx-link'></i></a></li>
<li>Custom Browser       <a href="https://github.com/PruthviGBhat/CustomBrowser"
target="_blank"><i class='bx bx-link'></i></a></li>
</ul>
</div>
</div>
<div class="card">
<div class="project-box">
<img src="l1.png" alt="">
</div>
<div class="content">
<h2>Level-3</h2>
<ul>
<li>Scrap Uncle       <a href="https://scrapuncle.onrender.com/" target="_blank"><i
class='bx bx-link'></i></a></li>
<li>Brahmins       <a href="https://brahmins.netlify.app/" target="_blank"><i
class='bx bx-link'></i></a></li>
<li>My_Portfolio      <a href="https://pruthvibhatportfolio.netlify.app/"
target="_blank"><i class='bx bx-link'></i></a></li>
</ul>
</div>
</div>
</div>
</section>
<section class="Contact" id="contact">
<h2 class="heading_p">Contact <span>Me!</span></h2>
<form action="#" class="contactform">
<div class="input-box">
<input type="text" placeholder="Full Name">
<input type="email" placeholder="Email Address">
</div>
<div class="input-box">
<input type="text" placeholder="Subject">
<input type="number" placeholder="Mobile No.">
</div>
<textarea name="" id="" cols="30" rows="10" placeholder="Your message"></textarea>
<input type="submit" value="send message" class="btn">
</form>
</section>
<footer class="footer">
<div class="footer-text">
<p>All content on this website is copyright © | Pruthvi Bhat , 2024 | Unauthorized use is prohibited.</p>
</div>
</footer>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="scripts.js"></script>
</body>
</html>