-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (142 loc) · 6.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Chetan Pawar's Portfolio</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="index.css">
</head>
<body>
<header class="header_section" style="background-color: #116D6E;">
<div class="container">
<nav class="navbar navbar-expand-lg custom_nav-container">
<div id="logo">
<h2>Port<span>folio</span></h2>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#page1">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#page2">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#page3">Contacts</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<div id="main">
<div id="page">
<img src="Chetanp6.jpg" alt="Chetan Image" style="padding: 150px; border-radius:50%;">
<div id="text">
<h3>Hello!</h3>
<h1>Welcome to <span id="name">Chetan Pawar's</span> Portfolio</h1>
<h2>I am a <span id="element"></span></h2>
<h4>
I’m a software developer and here is my portfolio website. <br>
Here you’ll learn about my journey as a software developer.
</h4>
<div id="buttons">
<button id="b2">
<a href="PawarChetanVilasResume.pdf">Resume</a>
</button>
</div>
</div>
</div>
</div>
<!-- Page 1 -->
<div id="page1">
<div id="left">
<div id="text1">
<h1>My Skills</h1>
<h4>
My journey in the world of web development began with a curiosity to understand how websites work. Over the years, I've honed my skills through continuous learning and hands-on experience. From mastering HTML and CSS to diving into JavaScript frameworks like React.js, I'm constantly expanding my knowledge to stay ahead in this ever-evolving field.
</h4>
</div>
</div>
<div id="right">
<div class="box">
<h1>Competative Programming</h1>
<p>
I regularly do Competative coding since I love problem solving. <br>
I have earned<span id="coding"> 5⭐ Rating in Java on <a href="https://www.hackerrank.com/profile/chetanpawar2901">HackerRank</a></span>
</p>
</div>
<div class="box">
<h1>Design And Development</h1>
<p>
I have developed many website and projects. Over time I have <br> gained a wealth of experience in design And developing <br>web application.
</p>
</div>
</div>
</div>
<div id="page2">
<div id="text2">
<h1>My Projects</h1>
</div>
<div id="project">
<div class="p1">
<div class="card" style="width: 18rem;">
<img src="map.jpg" class="card-img-top" alt="map image">
<div class="card-body">
<h5 class="card-title">Map Navigator Using Python</h5>
<p class="card-text">To create interactive map with markers indicating locations, circles highlighting points of interest, and paths representing different routes.</p>
<a href="#" class="btn btn-primary">Show</a>
</div>
</div>
</div>
<div class="p2">
<div class="card" style="width: 18rem;">
<img src="cal.png" class="card-img-top" alt="map image">
<div class="card-body">
<h5 class="card-title">Scientific Calculator</h5>
<p class="card-text">A scientific calculator project using HTML, CSS, and JavaScript provides a user-friendly interface for performing advanced mathematical calculations.</p>
<a href="https://github.com/Chetan-Vilas-Pawar/Scientific--Calculator-.git" class="btn btn-primary">Show</a>
</div>
</div>
</div>
</div>
</div>
<!-- Page 3 -->
<section class="end">
<div id="page3" class="contact-me">
<div id="text3">
<br><br>
<h2>Contact Me</h2>
<br>
<p>Thank you for your interest! Whether you have a question, a project idea, or just want to say hello, I'd love to hear from you. Feel free to reach out using the form below or connect with me through my social media channels. I'll do my best to get back to you as soon as possible.</p>
<br>
<h3>Social Media</h3>
<br>
<a href="https://mail.google.com/mail/u/0/#inbox" class="btn"><img src="gmail.jpg" width="40px" height="40px" alt="gmail image"></a>
<a href="https://www.linkedin.com/in/chetan-vilas-pawar-a023a2240/" class="btn"><img src="LinkedIn.png" width="40px" height="40px" alt="LinkedIn image"></a>
<a href="" class="btn"><img src="github1.png" height="40px" alt="GitHub image"></a>
<a href="" class="btn"><img src="twitter.png" height="40px" height="40px" alt="twitter image"></a>
</div>
</div>
<div class="bottom-container">
<div style="background-color: #092635">
<br>
<p class="Asfooter">@Chetan Pawar's Portfolio</p>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<script>
var typed = new Typed('#element', {
strings: ['Web Developer', 'Web Developer','Web Developer', 'Web Developer'],
loop: true,
typeSpeed: 75,
backSpeed: 80,
backDelay: 0,
});
</script>
</body>
</html>