-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
207 lines (189 loc) · 11.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>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="./Portfolio_style.css" />
</head>
<body>
<!-- Header -->
<header class="d-flex flex-wrap justify-content-center pt-3 mb-0 pb-3 border-bottom" id="H">
<h1 style="margin-left: 10px;" class="d-flex align-items-center me-auto ml-4" ><img src="./Images/logo_title.svg" width="80px" height="47px">Portfolio</h1>
<ul class="nav nav-pills">
<li class="nav-item"><a href="#H" class="mx-3 nav-link active" aria-current="page">Home</a></li>
<li class="nav-item"><a href="#PSKILLS" class="nav-link">Programming Skills</a></li>
<li class="nav-item"><a href="#DSKILLS" class="nav-link">Developement Skills</a></li>
<li class="nav-item"><a href="#EDU" class="nav-link">Education</a></li>
<li class="nav-item"><a href="#CONTACT" class="nav-link">Contact</a></li>
</ul>
</header>
<!-- Header -->
<!-- Heroes -->
<section class="hero">
<div class="containerFlex text-center">
<div class="profileImg" style="border: 3px solid black;">
<img
class="d-block mx-auto"
src="./Images/Me.jpg"
alt="me"
width="150"
height="190"/>
</div>
<div class="profileName" style="color:black ;text-align: start;">
<h1 class="fw-bold fs-1">I'm Pradnyanand Jade</h1>
<h2 class="fs-2">I am currently pursuing B.Tech from "Walchand College Of Engineering, Sangli"</h2>
</div>
<div>
</div>
</div>
</section>
<!-- Heroes -->
<!-- Languages -->
<section style="border: 1px solid; background-color: #378CE780; " id="PSKILLS">
<div class="container py-5" id="featured-3">
<h2 class="fs-1 mt-5 pb-2">Programming skills</h2>
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
<div class="feature col">
<div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
<img class="bi" style=" background-color:#a4c5f8; height: 100px ;" src="./Images/icons8-c++.svg">
</div>
<h3 class=" fs-2 text-body-emphasis">C/C++</h3>
<p style="font-size: 20px;">I have completed C Programming from "Code With Harry" & C++ from "Abdul Bari". I am currently practicing DSA with the help of Strivers DSA Sheet.</p>
<a href="https://youtu.be/7Dh73z3icd8?si=4E7eBA_zDF7DOYIs" target="_blank" class="icon-link">
C programming by Code With Harry
<svg class="bi"><use xlink:href="#chevron-right"></use></svg>
</a>
<a href="https://www.udemy.com/share/101Woe3@TPLXB4xovi_8H4aV9fUE6cWFl8EtdmSz5hftzaBDS_cJtwTkokWNH-265_XvvMjYXA==/" target="_blank" class="mt-2 icon-link">
C++ by Abdul Bari
<svg class="bi"><use xlink:href="#chevron-right"></use></svg>
</a>
</div>
<div class="feature col">
<div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
<img class="bi" style="background-color: #a4c5f8; height: 100px;" src="./Images/icons8-java-logo.svg">
</div>
<h3 class="fs-2 text-body-emphasis">JAVA</h3>
<p style="font-size: 20px;">I have learnt JAVA language from "Code With Harry" as well as completed Vin Norman's android developement course which teaches JAVA at starting of course.</p>
<a href="https://www.youtube.com/watch?v=ntLJmHOJ0ME&list=PLu0W_9lII9agS67Uits0UnJyrYiXhDS6q" target="_blank" class="pe-5 icon-link">
JAVA by Code With Harry
<svg class="bi"><use xlink:href="#chevron-right"></use></svg>
<a href="https://www.udemy.com/share/103nss3@g7SuB4wNyqpbj8FhKzSdQlU-YIV-WQSbkrU8pMBHdN1KUVMzERzOoork6Wvpw8A3/" target="_blank" class="ps-1 mt-2 icon-link">
JAVA by Vin Norman
<svg class="bi"><use xlink:href="#chevron-right"></use></svg>
</a>
</div>
<div class="feature col">
<div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
<img class="bi" style="background-color: #a4c5f8; height: 110px;" src="./Images/kotlinlang-ar21.svg">
</div>
<h3 class="fs-2 text-body-emphasis">Other</h3>
<p style="font-size: 20px;">I have learnt Kotlin from Vin Norman's android developement course and I have basic idea about Python language.</p>
<a href="https://www.udemy.com/share/103nss3@g7SuB4wNyqpbj8FhKzSdQlU-YIV-WQSbkrU8pMBHdN1KUVMzERzOoork6Wvpw8A3/" target="_blank" class="mt-4 icon-link">
Kotlin by Vin Norman
<svg class="bi"><use xlink:href="#chevron-right"></use></svg>
</a>
</div>
</div>
</div>
</section>
<!-- Languages -->
<!-- SKILLS -->
<section style="background-color: #5d60f3e6" id="DSKILLS">
<div class="container px-4 py-5" id="custom-cards">
<h2 class="fs-1 pb-2" style="font-size: xx-large; color: #000; margin-top: 50px;">Developement Skills</h2>
<div class="row row-cols-1 row-cols-lg-3 align-items-stretch g-4 py-5">
<div class="col">
<div class="card card-cover h-100 overflow-hidden text-bg rounded-4 shadow-lg" style="background-size:cover;background-image:url('./Images/android.png');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1">
<h3 class=" display-6 lh-1" style="font-weight:340; text-align: center; color: black;">Android Developement</h3>
<ul class="d-flex list-unstyled ">
<li class="mt-5 d-flex align-items-center me-3">
<h3 style="margin-top: 20px; font-weight: 200; text-align: center; color: black;">I have learnt android developement basics in both JAVA & Kotlin language.</h3>
</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card card-cover h-100 overflow-hidden text-bg rounded-4 shadow-lg" style="background-image: url('unsplash-photo-2.jpg');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1">
<h3 class=" display-6 lh-1 " style="font-weight: 340; text-align: center; color: black;">Web Developement</h3>
<ul class="d-flex list-unstyled mt-auto">
<li class="mt-5 d-flex align-items-center me-3">
<h3 style="margin-top: 20px; font-weight: 200; text-align: center; color: black;">Currently, I have started learning Web dev, I have learnt HTML & CSS (basics of Flexbox & Grid)</h3>
</li>
<li class="d-flex align-items-center">
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- SKILLS -->
<!-- Education -->
<section style="background-color: #FFF7FC; padding-bottom: 100px;" id="EDU">
<div class="container">
<div>
<h2 class="fs-1 pt-5" style="color: rgb(0, 0, 0);">Education</h2>
</div>
</div>
<div class="containerCollege">
<div style="border: 3px solid ; display: flex; padding: 25px; border-radius: 30px; width: 780px; justify-content: center; align-items: center; background-color: #4CCD9980;">
<img src="./Images/WCE_Main_Building.jpg" height="200px">
<h4 style="margin-left: 5%;;">I am pursuing B.Tech in Information Technology from "Walchand College Of Engineering, Sangli"<hr>MHT-CET percentile : 97.26</h4>
</div>
<div style="border: 3px solid ; display: flex; padding: 25px; border-radius: 30px; width: 780px; justify-content: center; align-items: center; background-color: #4CCD9980;">
<img src="./Images/NVS khandoba.webp" height="200px">
<h4 style="margin-left: 14%;">I have completed my higher education from N.V.S. Marathwada Highschool (Khandoba bazar), Parbhani<hr>HSC percentage : 88.67%</h4>
</div>
<div style="border: 3px solid ; display: flex; padding: 25px; border-radius: 30px; width: 780px; justify-content: center; align-items: center; background-color: #4CCD9980;">
<img src="./Images/NVS.jpeg" height="200px">
<h4 style="margin-left: 5%;;">I have completed my schooling from N.V.S. Marathwada Highschool (Shivaji nagar), Parbhani<hr>SSC percentage : 89.40%</h4>
</div>
</div>
</section>
<!-- Education -->
<!-- Contact us -->
<section class="py-5" style="background-color: #10b4cde1; text-align: start;" id="CONTACT">
<div class="container">
<h1 style="margin-top: 50px; font-family:Verdana, Geneva, Tahoma, sans-serif;">
<img src="./Images/icons8-contact-us-50.png" height="50" style="margin-right: 20px;">Contact us</h1>
<h3 class="mt-5">Phone number : +91 8805505913</h3>
<h3 class="mt-3">Email id1 : [email protected]</h3>
<h3 class="mt-3 mb-5">Email id2 : [email protected]</h3>
</div>
</section>
<!-- Contact us -->
<!-- Thank You -->
<section class="py-3" style="text-align: center; background-color: hsl(236, 76%, 75%);">
<h1>Thank you for visiting & viewing my portfolio</h1>
<img src="./Images/handshake-svgrepo-com.svg" height="150">
</section>
<!-- Thank You -->
<!-- -->
<footer class="py-3 my-4">
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li style="border: 1px solid; margin-right: 5px;" class="nav-item"><a style="color: #000;" href="#H" class="mx-3 nav-link active" aria-current="page">Home</a></li>
<li style="border: 1px solid;margin-right: 5px;" class="nav-item"><a style="color: #000;" href="#PSKILLS" class="nav-link">Programming Skills</a></li>
<li style="border: 1px solid;margin-right: 5px;" class="nav-item"><a style="color: #000;" href="#DSKILLS" class="nav-link">Developement Skills</a></li>
<li style="border: 1px solid;margin-right: 5px;" class="nav-item"><a style="color: #000;" href="#EDU" class="nav-link">Education</a></li>
<li style="border: 1px solid;margin-right: 5px;" class="nav-item"><a style="color: #000;" href="#CONTACT" class="nav-link">Contact</a></li>
</ul>
<p class="text-center text-body-secondary">© 2024 Jade, Inc</p>
</footer>
<!-- -->
<!-- JavaScript Dependency -->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"
></script>
</body>
</html>