Skip to content

Commit 8d21d03

Browse files
Pankajcoder1Pankajcoder1
committed
experience section added
1 parent e72e391 commit 8d21d03

File tree

5 files changed

+138
-21
lines changed

5 files changed

+138
-21
lines changed

‎Images/background_image.jpg

1.92 MB
Loading

‎Images/flodata.webp

3.12 KB
Binary file not shown.

‎Images/profile_image.jpg

823 KB
Loading

‎css/index.css

+77-3
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,7 @@ nav li a
9696
/*css for main section start*/
9797
.about
9898
{
99-
background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,1)),url("../background_image.jpg");
99+
background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,1)),url("../Images/background_image.jpg");
100100
background-repeat: no-repeat;
101101
background-size: cover;
102102
background-position: center;
@@ -283,18 +283,19 @@ nav li a
283283
}
284284
.table1 tbody tr td a i
285285
{
286+
margin-top: 5px;
286287
font-size: 20px;
287288
}
288289
.table1 tbody tr:hover a i
289290
{
290291
font-size: 28px;
291292
}
292-
tr td:nth-child(2)
293+
.table1 tr td:nth-child(2)
293294
{
294295
text-transform: capitalize;
295296
font-size: 15px;
296297
}
297-
tr td:nth-child(1)
298+
.table1 tr td:nth-child(1)
298299
{
299300
font-size: 15px;
300301
}
@@ -312,6 +313,79 @@ tr td:nth-child(1)
312313
}
313314
/* css end for project section */
314315

316+
/* css for experience section start*/
317+
.experience_section
318+
{
319+
padding-top: 70px;
320+
min-height: 100px;
321+
font-size: 17px;
322+
}
323+
.table2 thead{
324+
font-size: 18px;
325+
}
326+
.table2 tbody
327+
{
328+
font-family: 'Source Sans Pro', sans-serif;
329+
font-size: 17px;
330+
}
331+
/*.table2 thead tr th:nth-child(1){
332+
width: 5px;
333+
background-color: red;
334+
}
335+
.table2 tbody tr td:nth-child(1){
336+
width: 5px;
337+
background-color: red;
338+
}*/
339+
.table2 tbody tr td:nth-child(2){
340+
min-width: 60%;
341+
}
342+
.table2 tbody tr td:nth-child(2) div{
343+
display: flex;
344+
}
345+
.comapny_logo{
346+
width: 50px;
347+
height: auto;
348+
padding-top: 0px;
349+
border-radius: 50%;
350+
}
351+
.table2 tbody tr td:nth-child(2) div p{
352+
width: 83%;
353+
padding: 3px;
354+
height: 25px;
355+
}
356+
.table2 tbody tr td:nth-child(2) div span{
357+
width: 50px;
358+
}
359+
.table2 tbody tr td:nth-child(2) div p{
360+
font-weight: bold;
361+
}
362+
.table2 tbody tr td:nth-child(2) div span i{
363+
margin-top: 5px;
364+
font-size: 20px;
365+
366+
}
367+
.table2 tbody tr:hover td:nth-child(2) div span i{
368+
font-size: 28px;
369+
}
370+
.table2 tbody tr td:nth-child(3){
371+
text-transform: capitalize;
372+
}
373+
.table2 tbody tr td:nth-child(4){
374+
text-transform: capitalize;
375+
}
376+
@media (max-width: 768px)
377+
{
378+
.experience_section
379+
{
380+
min-height: 100px;
381+
}
382+
.duration
383+
{
384+
display: none;
385+
}
386+
}
387+
/* css for experience section end*/
388+
315389
/* css for contact me section start */
316390
.contact
317391
{

‎index.html

+61-18
Original file line numberDiff line numberDiff line change
@@ -40,18 +40,24 @@
4040
<li class="nav-item">
4141
<a href="#project" class="nav-link">Project</a>
4242
</li>
43-
4443
<li class="nav-item">
45-
<a href="#contact" class="nav-link">Contact</a>
44+
<a href="#experience" class="nav-link">Experience
45+
</a>
4646
</li>
47+
4748
</ul>
4849

4950
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" >
5051
<span class="navbar-toggler-icon"></span>
5152
</button>
5253
<div class="collapse navbar-collapse" id="collapsibleNavbar">
5354
<ul class="navbar-nav">
54-
<li class="nav-item dropdown">
55+
<li class="nav-item">
56+
<a href="#contact" class="nav-link">Contact</a>
57+
</li>
58+
59+
<li class=" nav-item dropdown">
60+
5561
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Professional Link
5662
</a>
5763
<ul class="dropdown-menu">
@@ -117,10 +123,6 @@
117123
<li class="nav-item dropdown">
118124
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Social Link</a>
119125
<ul class="dropdown-menu">
120-
<li class="">
121-
<a href="https://www.facebook.com/profile.php?id=100022375813493" class="dropdown-item">Facebook</a>
122-
</li>
123-
124126
<li class="">
125127
<a href="https://twitter.com/PankajK66627177" class="dropdown-item">Twitter</a>
126128
</li>
@@ -157,7 +159,7 @@
157159
<div class="container about-div" style="">
158160
<div class="row" style="">
159161
<div class="col-sm col-sm-12 col-md-5 col-xl-5">
160-
<img src="profile_image.jpg" class="img-fluid img-responsive" alt="Profile Image">
162+
<img src="Images/profile_image.jpg" class="img-fluid img-responsive" alt="Profile Image">
161163
</div>
162164
<div class="col-sm col-sm-12 col-md-7 col-xl-7 container about-intro">
163165
<div class="container about-intro-div">
@@ -390,6 +392,57 @@ <h1 class="text-center section-heading">
390392
</section>
391393
<!-- project section end -->
392394

395+
<!-- experience section start -->
396+
397+
<section class="experience_section" id="experience">
398+
<div class="container">
399+
<h1 class="text-center section-heading">
400+
Experience
401+
</h1>
402+
<table class="table table-striped table2">
403+
<thead class="table-dar">
404+
<tr>
405+
<th>
406+
S.no
407+
</th>
408+
<th>
409+
Company
410+
</th>
411+
<th>
412+
Position
413+
</th>
414+
<th class="duration">
415+
Duration
416+
</th>
417+
</tr>
418+
</thead>
419+
420+
<tbody class="table2_tbody">
421+
<tr>
422+
<td>1</td>
423+
<!-- add company logo company name and company link -->
424+
<td>
425+
<div >
426+
<img src="Images/flodata.webp" alt="Company Logo" class="img-responsive img-fluid comapny_logo">
427+
<p>Flodata Analytics</p>
428+
<span class="text-center">
429+
<a href="https://flodataanalytics.com/" target="_blank">
430+
<i class="fa fa-link"></i>
431+
</a>
432+
</span>
433+
</div>
434+
435+
</td>
436+
<td>Web developer</td>
437+
<td class="duration">3 Months</td>
438+
</tr>
439+
</tbody>
440+
</table>
441+
</div>
442+
</section>
443+
444+
<!-- experience section end -->
445+
393446
<!-- contact me section start -->
394447

395448
<section id="contact" class="contact">
@@ -484,16 +537,6 @@ <h1 class="text-center section-heading">
484537
<script type="text/javascript" src="js/change_mode.js"></script>
485538
<script type="text/javascript" src="js/index.js"></script>
486539

487-
<!-- firebase cdn link -->
488-
<!-- The core Firebase JS SDK is always required and must be listed first -->
489-
<script src="/__/firebase/8.2.9/firebase-app.js"></script>
490-
491-
<!-- TODO: Add SDKs for Firebase products that you want to use
492-
https://firebase.google.com/docs/web/setup#available-libraries -->
493-
<script src="/__/firebase/8.2.9/firebase-analytics.js"></script>
494-
495-
<!-- Initialize Firebase -->
496-
<script src="/__/firebase/init.js"></script>
497540
<!-- end here --->
498541
</body>
499542
</html>

0 commit comments

Comments
 (0)