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

Commit843d1db

Browse files
committed
some changes, add color on connect me section during hover and youtube experience section added
1 parent4566905 commit843d1db

File tree

5 files changed

+167
-31
lines changed

5 files changed

+167
-31
lines changed

‎index.html

Lines changed: 29 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -186,7 +186,7 @@ <h1 class="section-heading">About</h1>
186186
Hi, My name is<b>Pankaj Kumar</b>. I'm currently pursuing B.Tech from Computer Sciecne and Enginerring at National Institute of Technology Uttarakhand (2018-2022).
187187
</p>
188188
<pclass="intro">
189-
I am a<b>Software Developer</b> and<b>Frontend Web Developer.</b>
189+
I am a<b>Software Developer</b> and<b>YouTuber</b> where I provide video explanation of algorithms and video solution of algorithmic problems.
190190
</p>
191191
<divclass="btn explore-button">
192192
<ahref="#skill">Explore More</a>
@@ -229,7 +229,7 @@ <h1 class="text-center section-heading">
229229
</p>
230230
<ulclass="programming_list">
231231
<li>
232-
<p>C++(Intermediate)</p>
232+
<p>C++</p>
233233
</li>
234234
<li>
235235
<p>Python</p>
@@ -266,9 +266,6 @@ <h1 class="text-center section-heading">
266266
<li>
267267
<p>Adobe XD</p>
268268
</li>
269-
<li>
270-
<p>Keras for Neural Network</p>
271-
</li>
272269
<li>
273270
<p>Linux</p>
274271
</li>
@@ -295,7 +292,7 @@ <h1 class="text-center section-heading">
295292
<th>Link</th>
296293
</tr>
297294
</thead>
298-
<tbody>
295+
<tbodyclass="table1_body">
299296
<tr>
300297
<td>1</td>
301298
<td>Destributive Compiler</td>
@@ -457,6 +454,25 @@ <h1 class="text-center section-heading">
457454
<tdclass="starting">may 2021</td>
458455
<tdclass="duration">2 months</td>
459456
</tr>
457+
458+
<tr>
459+
<td>2</td>
460+
<td>
461+
<div>
462+
<imgsrc="v2/public/assest/Images/YouTube.svg"alt="Company Logo"class="img-responsive img-fluid company_logo">
463+
<p> YouTube</p>
464+
<spanclass="text-center">
465+
<ahref="https://www.youtube.com/channel/UCSVfA_mo9u3_eglngWNpCWg"target="_blank">
466+
<iclass="fa fa-link"></i>
467+
</a>
468+
</span>
469+
</div>
470+
471+
</td>
472+
<td>Algo Tutor</td>
473+
<tdclass="starting">Dec 2021</td>
474+
<tdclass="duration">running</td>
475+
</tr>
460476
</tbody>
461477
</table>
462478
</div>
@@ -523,7 +539,7 @@ <h1 class="text-center section-heading">
523539
</p>
524540
</div>
525541
<divclass="connect-me-inner-div">
526-
<ulclass="col">
542+
<ulclass="col text-center">
527543
<liclass="github_account">
528544
<ahref="https://github.com/Pankajcoder1"title="Github account">
529545
<iclass="fa fa-github"></i>
@@ -548,6 +564,12 @@ <h1 class="text-center section-heading">
548564
</a>
549565
</li>
550566

567+
<liclass="youtube_account">
568+
<ahref="https://www.youtube.com/channel/UCSVfA_mo9u3_eglngWNpCWg"title="YouTube Channel">
569+
<iclass="fa fa-youtube-play"></i>
570+
</a>
571+
</li>
572+
551573
</ul>
552574
</div>
553575
</div>

‎v2/public/assest/Images/YouTube.svg

Lines changed: 1 addition & 0 deletions
Loading

‎v2/public/assest/css/index.css

Lines changed: 23 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -428,20 +428,39 @@ nav li a
428428
}
429429
.connect-me-inner-divul{
430430
list-style-type: none;
431-
text-align: center;
432431
}
433432
.connect-me-inner-divulli{
434433
display: inline;
435-
margin-right:30px;
434+
margin-right:20px;
435+
margin-left:20px;
436436
}
437437
.connect-me-inner-divulliai{
438438
font-size:30px;
439439
color:#000;
440440
}
441-
.connect-me-inner-divulli:hoveri{
442-
color:#7456c6;
441+
442+
.connect-me-inner-divulli:nth-child(1):hoveri{
443+
color: black;
444+
}
445+
.connect-me-inner-divulli:nth-child(2):hoveri{
446+
color:#0e76a8;
447+
}
448+
.connect-me-inner-divulli:nth-child(3):hoveri{
449+
color:#bc2a8d;
450+
}
451+
.connect-me-inner-divulli:nth-child(4):hoveri{
452+
color:#1DA1F2;
443453
}
454+
.connect-me-inner-divulli:nth-child(5):hoveri{
455+
color: red;
456+
}
457+
444458
@media(max-width:575px){
459+
.connect-me-inner-divulli{
460+
display: inline;
461+
margin-right: auto;
462+
margin-left: auto;
463+
}
445464
.connect-me-inner-divulliai{
446465
font-size:28px;
447466
}

‎v2/public/assest/js/change_mode.js

Lines changed: 87 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ var full_screen=document.getElementsByTagName("body");
44
functionchange_light_mode()
55
{
66
// js for main section start
7-
full_screen[0].style.backgroundColor="#242526";
7+
full_screen[0].style.backgroundColor="#303030";
88
document.getElementsByClassName("dark")[0].style.display="block";
99
document.getElementsByClassName("light")[0].style.display="none";
1010
document.getElementsByClassName("intro")[0].style.color="white";
@@ -26,22 +26,36 @@ function change_light_mode()
2626
// js for skill section end here
2727

2828
// js for project section start
29-
varcolumn=document.querySelectorAll(".table1 tbody tr");
30-
for(vari=0;i<column.length;i+=2)
31-
column[i].style.backgroundColor="#141414";
29+
varproject_section_column=document.querySelectorAll(".table1 tbody tr");
30+
for(vari=0;i<project_section_column.length;i+=2){
31+
project_section_column[i].style.backgroundColor="#181818";
32+
}
3233

33-
// js for project section end
34-
35-
// js for project section start
36-
varlist=document.querySelectorAll("tbody tr td");
37-
for(vari=0;i<list.length;i++)
38-
list[i].style.color="white";
34+
varproject_section_text=document.querySelectorAll(".table1_body tr td");
35+
for(vari=0;i<project_section_text.length;i++){
36+
project_section_text[i].style.color="white";
37+
}
3938

4039
// js for project section end here
4140

41+
// js for experience section start
42+
43+
varexperience_column=document.querySelectorAll(".experience_section .container .table2 .table2_tbody tr");
44+
for(vari=0;i<experience_column.length;i+=2){
45+
experience_column[i].style.backgroundColor="#181818";
46+
}
47+
48+
varexperience_section_text=document.querySelectorAll(".table2_tbody tr td");
49+
for(vari=0;i<experience_section_text.length;i++){
50+
experience_section_text[i].style.color="white";
51+
}
52+
53+
// js for experience section end here
54+
55+
4256
// js for contact me section start
4357
varlist=document.querySelectorAll(".contact div .row");
44-
list[0].style.backgroundColor="#242526";
58+
list[0].style.backgroundColor="#303030";
4559

4660
// js for contact me section end
4761

@@ -54,7 +68,41 @@ function change_light_mode()
5468
instagram.style.color="white";
5569
vartwitter=document.querySelectorAll(".twitter_account a i")[0];
5670
twitter.style.color="white";
71+
varyoutube=document.querySelectorAll(".youtube_account a i")[0];
72+
youtube.style.color="white";
5773

74+
$(document).ready(function(){
75+
$(github).hover(function(){
76+
$(this).css("color","#ffffff");
77+
},
78+
function(){
79+
$(this).css("color","#ffffff");
80+
});
81+
$(linkedin).hover(function(){
82+
$(this).css("color","#ffffff");
83+
},
84+
function(){
85+
$(this).css("color","#ffffff");
86+
});
87+
$(instagram).hover(function(){
88+
$(this).css("color","#ffffff");
89+
},
90+
function(){
91+
$(this).css("color","#ffffff");
92+
});
93+
$(twitter).hover(function(){
94+
$(this).css("color","#ffffff");
95+
},
96+
function(){
97+
$(this).css("color","#ffffff");
98+
});
99+
$(youtube).hover(function(){
100+
$(this).css("color","#ffffff");
101+
},
102+
function(){
103+
$(this).css("color","#ffffff");
104+
});
105+
});
58106

59107
// js for connect me section end
60108

@@ -97,12 +145,28 @@ function change_dark_mode()
97145

98146
// js for project section end
99147

148+
// js for experience section start
149+
150+
varexperience_column=document.querySelectorAll(".experience_section .container .table2 .table2_tbody tr");
151+
for(vari=0;i<experience_column.length;i+=2){
152+
experience_column[i].style.backgroundColor="rgba(0,0,0,.05)";
153+
}
154+
155+
varexperience_section_text=document.querySelectorAll(".table2_tbody tr td");
156+
for(vari=0;i<experience_section_text.length;i++){
157+
experience_section_text[i].style.color="black";
158+
}
159+
160+
// js for experience section end here
161+
100162
// js for contact me section start
101163
varlist=document.querySelectorAll(".contact div .row");
102164
list[0].style.backgroundColor="white";
103165
// js for contact me section end
104166

105167

168+
// js for connect me section start
169+
106170
vargithub=document.querySelectorAll(".github_account a i")[0];
107171
github.style.color="black";
108172
varlinkedin=document.querySelectorAll(".linkedin_account a i")[0];
@@ -111,32 +175,40 @@ function change_dark_mode()
111175
instagram.style.color="black";
112176
vartwitter=document.querySelectorAll(".twitter_account a i")[0];
113177
twitter.style.color="black";
178+
varyoutube=document.querySelectorAll(".youtube_account a i")[0];
179+
youtube.style.color="black";
114180
$(document).ready(function()
115181
{
116182
$(github).hover(function()
117183
{
118-
$(this).css("color","#7456c6");
184+
$(this).css("color","#171515");
119185
},
120186
function()
121187
{
122188
$(this).css("color","black");
123189
});
124190
$(linkedin).hover(function()
125191
{
126-
$(this).css("color","#7456c6");
192+
$(this).css("color","#0e76a8");
127193
},
128194
function()
129195
{
130196
$(this).css("color","black");
131197
});
132198
$(instagram).hover(function(){
133-
$(this).css("color","#7456c6");
199+
$(this).css("color","#bc2a8d");
134200
},
135201
function(){
136202
$(this).css("color","black");
137203
});
138204
$(twitter).hover(function(){
139-
$(this).css("color","#7456c6");
205+
$(this).css("color","#1DA1F2");
206+
},
207+
function(){
208+
$(this).css("color","black");
209+
});
210+
$(youtube).hover(function(){
211+
$(this).css("color","red");
140212
},
141213
function(){
142214
$(this).css("color","black");

‎v2/public/index.html

Lines changed: 27 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -185,7 +185,7 @@ <h1 class="section-heading">About</h1>
185185
Hi, My name is<b>Pankaj Kumar</b>. I'm currently pursuing B.Tech from Computer Sciecne and Enginerring at National Institute of Technology Uttarakhand (2018-2022).
186186
</p>
187187
<pclass="intro">
188-
I am a<b>Software Developer</b> and<b>Frontend Web Developer.</b>
188+
I am a<b>Software Developer</b> and<b>YouTuber</b> where I provide video explanation of algorithms and video solution of algorithmic problems.
189189
</p>
190190
<divclass="btn explore-button">
191191
<ahref="#skill">Explore More</a>
@@ -228,7 +228,7 @@ <h1 class="text-center section-heading">
228228
</p>
229229
<ulclass="programming_list">
230230
<li>
231-
<p>C++(Intermediate)</p>
231+
<p>C++</p>
232232
</li>
233233
<li>
234234
<p>Python</p>
@@ -265,9 +265,6 @@ <h1 class="text-center section-heading">
265265
<li>
266266
<p>Adobe XD</p>
267267
</li>
268-
<li>
269-
<p>Keras for Neural Network</p>
270-
</li>
271268
<li>
272269
<p>Linux</p>
273270
</li>
@@ -456,6 +453,25 @@ <h1 class="text-center section-heading">
456453
<tdclass="starting">may 2021</td>
457454
<tdclass="duration">2 months</td>
458455
</tr>
456+
457+
<tr>
458+
<td>2</td>
459+
<td>
460+
<div>
461+
<imgsrc="assest/Images/YouTube.svg"alt="Company Logo"class="img-responsive img-fluid company_logo">
462+
<p> YouTube</p>
463+
<spanclass="text-center">
464+
<ahref="https://www.youtube.com/channel/UCSVfA_mo9u3_eglngWNpCWg"target="_blank">
465+
<iclass="fa fa-link"></i>
466+
</a>
467+
</span>
468+
</div>
469+
470+
</td>
471+
<td>Algo Tutor</td>
472+
<tdclass="starting">Dec 2021</td>
473+
<tdclass="duration">running</td>
474+
</tr>
459475
</tbody>
460476
</table>
461477
</div>
@@ -547,6 +563,12 @@ <h1 class="text-center section-heading">
547563
</a>
548564
</li>
549565

566+
<liclass="youtube_account">
567+
<ahref="https://www.youtube.com/channel/UCSVfA_mo9u3_eglngWNpCWg"title="YouTube Channel">
568+
<iclass="fa fa-youtube-play"></i>
569+
</a>
570+
</li>
571+
550572
</ul>
551573
</div>
552574
</div>

0 commit comments

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