Skip to content

Commit 0bc3189

Browse files
Pankajcoder1Pankajcoder1
committed
issue fixed
1 parent 1256bb2 commit 0bc3189

File tree

2 files changed

+108
-60
lines changed

2 files changed

+108
-60
lines changed

‎index.css

Lines changed: 64 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ background-color: #f8f9fa;
88
*/
99
body
1010
{
11-
overflow-x: none;
11+
overflow-x: scroll;
1212
}
1313
.section-heading
1414
{
@@ -79,13 +79,8 @@ nav li a
7979

8080
@media(max-width: 768px)
8181
{
82-
.nav
83-
{
84-
85-
}
8682
nav .container
8783
{
88-
/*background-color: red;*/
8984
margin-left: 0px;
9085
margin-right: 0px;
9186
}
@@ -194,7 +189,7 @@ nav li a
194189
}
195190
.row div img
196191
{
197-
height: 500px;
192+
height: 400px;
198193
width: 400px;
199194
padding: 15px;
200195
margin-left: 30px;
@@ -203,9 +198,16 @@ nav li a
203198
}
204199
@media(max-width: 576px)
205200
{
201+
.row div img
202+
{
203+
height: 260px;
204+
width: 250px;
205+
padding: 15px;
206+
margin: 15px;
207+
border-radius: 48%;
208+
}
206209
nav .container
207210
{
208-
background-color: red;
209211
margin-left: 0px;
210212
margin-right: 0px;
211213
}
@@ -250,18 +252,33 @@ nav li a
250252
padding-top: 15px;
251253
min-height: 820px;
252254
}
255+
.description
256+
{
257+
font-size: 17px;
258+
}
253259
.table1 thead
254260
{
255261
font-size: 18px;
256262
}
257-
.table1 tbody tr td
263+
.table1 tbody tr td a i
264+
{
265+
font-size: 20px;
266+
}
267+
.table1 tbody tr:hover a i
258268
{
259-
font-size: 16px;
269+
font-size: 28px;
260270
}
261-
.table1 tbody tr:hover img
271+
@media (max-width: 768px)
262272
{
263-
height: 33px;
264-
width: 33px;
273+
.project-section
274+
{
275+
min-height: 550px;
276+
}
277+
/* description column create problem in mobile and tab view so I remove it for that device only */
278+
.description
279+
{
280+
display: none;
281+
}
265282
}
266283
/* css end for project section */
267284

@@ -306,8 +323,6 @@ nav li a
306323
.connect-me div .row ul li
307324
{
308325
list-style-type: none;
309-
margin-left: 15%;
310-
margin-right: 1%;
311326
}
312327
.connect-me div .row ul li a i,img
313328
{
@@ -320,17 +335,23 @@ nav li a
320335
{
321336
color: #7456c6;
322337
}
323-
.contact .container .row .col-md-4:hover i
338+
.connect-me div .row ul li
324339
{
325-
padding-top: 20px;
326-
font-size: 60px;
327-
color: #7456c6;
340+
float: left;
341+
margin-left: 22%;
328342
}
329-
@media(max-width: 992px)
343+
@media (max-width: 576px)
330344
{
331-
.connect-me
345+
.connect-me div .row ul li
346+
{
347+
float: left;
348+
margin-left: 0%;
349+
}
350+
.connect-me div .row ul li a i
332351
{
333-
padding-top: 50px;
352+
height: 35px;
353+
width: 40px;
354+
color: #000;
334355
}
335356
}
336357
/* css for connect me section end here */
@@ -355,8 +376,8 @@ nav li a
355376
{
356377
display: none;
357378
position: fixed;
358-
bottom: 15px;
359-
right: 30px;
379+
bottom: 3%;
380+
right: 3%;
360381
background-color: #7456c6;
361382
color: #fff;
362383
cursor: pointer;
@@ -366,4 +387,22 @@ nav li a
366387
height: 50px;
367388
}
368389
/* css end for top button */
369-
/* css to just debug some thing*/
390+
/* css to just debug some thing*/
391+
392+
@media(max-width: 300px)
393+
{
394+
.connect-me div .row ul li
395+
{
396+
padding-top: 30px;
397+
float: left;
398+
display: block;
399+
}
400+
.github
401+
{
402+
margin-left: 50%;
403+
}
404+
}
405+
406+
/* issue not fixed yet */
407+
/* for very small device max-width: 300px ; last section that is connect with me
408+
is not responsive */

‎index.html

Lines changed: 44 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -230,79 +230,103 @@ <h1 class="text-center section-heading">
230230
<tr>
231231
<th>S.No</th>
232232
<th>Project Name</th>
233-
<th>Description</th>
233+
<th class="description">Description</th>
234234
<th>Link</th>
235235
</tr>
236236
</thead>
237237
<tbody>
238238
<tr>
239239
<td>1</td>
240240
<td>Notes</td>
241-
<td>
241+
<td class="description">
242242
<p>
243243
This is a full web application developed by using framework like Bootstrap and simple Js.This system can be used by institution as a common platform for sharing notes and question paper or to store it for future use.
244244
</p>
245245
</td>
246-
<td><a href="https://github.com/Pankajcoder1/Notes/" target="_blank"><img src="link.svg" alt="Link" height="27px;"></a></td>
246+
<td class="text-center">
247+
<a href="https://github.com/Pankajcoder1/Notes/" target="_blank">
248+
<i class="fa fa-link"></i>
249+
</a>
250+
</td>
247251
</tr>
248252

249253
<tr>
250254
<td>2</td>
251255
<td>Resume Verifier</td>
252-
<td>
256+
<td class="description">
253257
<p>
254-
A background verification service which will take candidate’s resume and some important profiles like GitHub,LinkedIn,Facebook,Stack overflow etc as its input and verify the resume’s claims based on the social data available and give the candidate a score between 0–100.This project was made during a hackathon (Makeathon2020) and we held First place.
258+
A background service which give you score of 0-100 after analysing your data in resume and some link like github, linkedin, stack overflow etc.
255259
</p>
256260
</td>
257-
<td><a href="https://github.com/divakar-lakhera/Makeathon2020" target="_blank"><img src="link.svg" alt="Link" height="27px;"></a></td>
261+
<td class="text-center">
262+
<a href="https://github.com/divakar-lakhera/Makeathon2020" target="_blank">
263+
<i class="fa fa-link"></i>
264+
</a>
265+
</td>
258266
</tr>
259267

260268
<tr>
261269
<td>3</td>
262270
<td>MNIST Deep Learning Model</td>
263-
<td>
271+
<td class="description">
264272
<p>
265273
A deep learning model trained on MNIST dataset with accuracy of approx 98%. I used keras API. This model can be used in CCTV or any other application to recognize any vechile number.
266274
</p>
267275
</td>
268-
<td><a href="https://github.com/Pankajcoder1/machine_learning_and_more../tree/master/mnist/" target="_blank"><img src="link.svg" alt="Link" height="27px;"></a></td>
276+
<td class="text-center">
277+
<a href="https://github.com/Pankajcoder1/machine_learning_and_more../tree/master/mnist/" target="_blank">
278+
<i class="fa fa-link"></i>
279+
</a>
280+
</td>
269281
</tr>
270282

271283
<tr>
272284
<td>4</td>
273285
<td>Cats and Dogs(Binary) prediction Deep Learning Model</td>
274-
<td>
286+
<td class="description">
275287
<p>
276288
A deep learning model trained on Cat and Dog dataset. I used keras API. This model predict either given image is dog or cat.
277289
</p>
278290
</td>
279-
<td><a href="https://github.com/Pankajcoder1/machine_learning_and_more../tree/master/cats_dogs_classification" target="_blank"><img src="link.svg" alt="Link" height="27px;"></a></td>
291+
<td class="text-center">
292+
<a href="https://github.com/Pankajcoder1/machine_learning_and_more../tree/master/cats_dogs_classification" target="_blank">
293+
<i class="fa fa-link"></i>
294+
</a>
295+
</td>
280296
</tr>
281297

282298
<tr>
283299
<td>5</td>
284300
<td>Heart attack Prediction</td>
285-
<td>
301+
<td class="description">
286302
<p>
287303
A machine learning model trained on Heart attack dataset with accuracy of approx 84%.I used different machine learning algorithms and pipline concept.This model predict possibility of heart attack on basis of medical data.
288304
<p>
289305
I designed this project under summer training course at IIT Kanpur.
290306
</p>
291307
</p>
292308
</td>
293-
<td><a href="https://github.com/Pankajcoder1/AI_course_at_IIT_KANPUR/tree/master/Machine%20Learning/projects/final_project/" target="_blank"><img src="link.svg" alt="Link" height="27px;"></a></td>
309+
<td class="text-center">
310+
<a href="https://github.com/Pankajcoder1/AI_course_at_IIT_KANPUR/tree/master/Machine%20Learning/projects/final_project/" target="_blank">
311+
<i class="fa fa-link"></i>
312+
</a>
313+
</td>
294314
</tr>
295315

296316
<tr>
297317
<td>6</td>
298318
<td>Technological Gyan</td>
299-
<td>
319+
<td class="description">
300320
<p>
301321
A simple web application which can be simply called as a clone of stackoverflow which have some functions of it. This can be used so share technical knowledge among junior and senior which also make each other fiendly.
302322
</p>
303323
</td>
304-
<td><a href="https://github.com/Pankajcoder1/technological_gyan/" target="_blank"><img src="link.svg" alt="Link" height="27px;"></a></td>
305-
</tr>
324+
<td class="text-center">
325+
<a href="https://github.com/Pankajcoder1/technological_gyan/" target="_blank">
326+
<i class="fa fa-link"></i>
327+
</a>
328+
</td>
329+
</tr>
306330
</tbody>
307331
</table>
308332

@@ -367,34 +391,19 @@ <h1 class="text-center section-heading">
367391
Connect with me
368392
</p>
369393
</div>
370-
<div class="row col-lg-4 offset-lg-4 col-md-4 offset-md-3 col-sm-4 offset-sm-2">
371-
<ul class="list-group list-group-horizontal">
372-
<li>
394+
<div class="row justify-content-center">
395+
<ul class="col-4">
396+
<!-- list-group list-group-horizontal -->
397+
<li class="github">
373398
<a href="https://github.com/Pankajcoder1" title="Github account">
374399
<i class="fa fa-github"></i>
375400
</a>
376401
</li>
377-
<li>
402+
<li class="col-4">
378403
<a href="https://www.linkedin.com/in/pankaj-kumar-795b48198/" title="linkedin account">
379404
<i class="fa fa-linkedin"></i>
380405
</a>
381406
</li>
382-
<li>
383-
<a href="https://codeforces.com/profile/Pankaj_Kumar1" title="Codeforces account">
384-
<img src="codeforces_icon.png" class="img-rounded">
385-
</a>
386-
</li>
387-
<li>
388-
<a href="https://www.codechef.com/users/pankajcoder1" title="Codechef account">
389-
<img src="codechef_icon.png" class=" img-rounded">
390-
</a>
391-
</li>
392-
393-
<li>
394-
<a href="https://www.stopstalk.com/user/profile/Pankajcoder1" title="StopStalk account">
395-
<img src="stopstalk-logo.png" class="img-rounded">
396-
</a>
397-
</li>
398407
</ul>
399408
</div>
400409
</div>

0 commit comments

Comments
 (0)