Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit8d21d03

Browse files
committed
experience section added
1 parente72e391 commit8d21d03

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

Lines changed: 77 additions & 3 deletions
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
.table1tbodytrtdai
285285
{
286+
margin-top:5px;
286287
font-size:20px;
287288
}
288289
.table1tbodytr:hoverai
289290
{
290291
font-size:28px;
291292
}
292-
trtd:nth-child(2)
293+
.table1trtd:nth-child(2)
293294
{
294295
text-transform: capitalize;
295296
font-size:15px;
296297
}
297-
trtd:nth-child(1)
298+
.table1trtd: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+
.table2thead{
324+
font-size:18px;
325+
}
326+
.table2tbody
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+
.table2tbodytrtd:nth-child(2){
340+
min-width:60%;
341+
}
342+
.table2tbodytrtd: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+
.table2tbodytrtd:nth-child(2)divp{
352+
width:83%;
353+
padding:3px;
354+
height:25px;
355+
}
356+
.table2tbodytrtd:nth-child(2)divspan{
357+
width:50px;
358+
}
359+
.table2tbodytrtd:nth-child(2)divp{
360+
font-weight: bold;
361+
}
362+
.table2tbodytrtd:nth-child(2)divspani{
363+
margin-top:5px;
364+
font-size:20px;
365+
366+
}
367+
.table2tbodytr:hovertd:nth-child(2)divspani{
368+
font-size:28px;
369+
}
370+
.table2tbodytrtd:nth-child(3){
371+
text-transform: capitalize;
372+
}
373+
.table2tbodytrtd: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

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

4950
<buttonclass="navbar-toggler"type="button"data-toggle="collapse"data-target="#collapsibleNavbar">
5051
<spanclass="navbar-toggler-icon"></span>
5152
</button>
5253
<divclass="collapse navbar-collapse"id="collapsibleNavbar">
5354
<ulclass="navbar-nav">
54-
<liclass="nav-item dropdown">
55+
<liclass="nav-item">
56+
<ahref="#contact"class="nav-link">Contact</a>
57+
</li>
58+
59+
<liclass="nav-item dropdown">
60+
5561
<ahref="#"class="nav-link dropdown-toggle"data-toggle="dropdown">Professional Link
5662
</a>
5763
<ulclass="dropdown-menu">
@@ -117,10 +123,6 @@
117123
<liclass="nav-item dropdown">
118124
<ahref="#"class="nav-link dropdown-toggle"data-toggle="dropdown">Social Link</a>
119125
<ulclass="dropdown-menu">
120-
<liclass="">
121-
<ahref="https://www.facebook.com/profile.php?id=100022375813493"class="dropdown-item">Facebook</a>
122-
</li>
123-
124126
<liclass="">
125127
<ahref="https://twitter.com/PankajK66627177"class="dropdown-item">Twitter</a>
126128
</li>
@@ -157,7 +159,7 @@
157159
<divclass="container about-div"style="">
158160
<divclass="row"style="">
159161
<divclass="col-sm col-sm-12 col-md-5 col-xl-5">
160-
<imgsrc="profile_image.jpg"class="img-fluid img-responsive"alt="Profile Image">
162+
<imgsrc="Images/profile_image.jpg"class="img-fluid img-responsive"alt="Profile Image">
161163
</div>
162164
<divclass="col-sm col-sm-12 col-md-7 col-xl-7 container about-intro">
163165
<divclass="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+
<sectionclass="experience_section"id="experience">
398+
<divclass="container">
399+
<h1class="text-center section-heading">
400+
Experience
401+
</h1>
402+
<tableclass="table table-striped table2">
403+
<theadclass="table-dar">
404+
<tr>
405+
<th>
406+
S.no
407+
</th>
408+
<th>
409+
Company
410+
</th>
411+
<th>
412+
Position
413+
</th>
414+
<thclass="duration">
415+
Duration
416+
</th>
417+
</tr>
418+
</thead>
419+
420+
<tbodyclass="table2_tbody">
421+
<tr>
422+
<td>1</td>
423+
<!-- add company logo company name and company link -->
424+
<td>
425+
<div>
426+
<imgsrc="Images/flodata.webp"alt="Company Logo"class="img-responsive img-fluid comapny_logo">
427+
<p>Flodata Analytics</p>
428+
<spanclass="text-center">
429+
<ahref="https://flodataanalytics.com/"target="_blank">
430+
<iclass="fa fa-link"></i>
431+
</a>
432+
</span>
433+
</div>
434+
435+
</td>
436+
<td>Web developer</td>
437+
<tdclass="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
<sectionid="contact"class="contact">
@@ -484,16 +537,6 @@ <h1 class="text-center section-heading">
484537
<scripttype="text/javascript"src="js/change_mode.js"></script>
485538
<scripttype="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-
<scriptsrc="/__/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-
<scriptsrc="/__/firebase/8.2.9/firebase-analytics.js"></script>
494-
495-
<!-- Initialize Firebase -->
496-
<scriptsrc="/__/firebase/init.js"></script>
497540
<!-- end here --->
498541
</body>
499542
</html>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp