Skip to content

Commit db9e525

Browse files
Pankajcoder1Pankajcoder1
committed
background image added
1 parent 51c3413 commit db9e525

File tree

6 files changed

+21
-10
lines changed

6 files changed

+21
-10
lines changed

‎README.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -30,11 +30,10 @@
3030
</p>
3131

3232
<h3 align="left">Languages and Tools:</h3>
33-
<p align="left"> <a href="https://getbootstrap.com" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-plain-wordmark.svg" alt="bootstrap" width="40" height="40"/> </a> <a href="https://www.cprogramming.com/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/c/c-original.svg" alt="c" width="40" height="40"/> </a> <a href="https://www.w3schools.com/cpp/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/cplusplus/cplusplus-original.svg" alt="cplusplus" width="40" height="40"/> </a> <a href="https://www.w3schools.com/css/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/> </a> <a href="https://git-scm.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git" width="40" height="40"/> </a> <a href="https://www.w3.org/html/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> </a> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/> </a> <a href="https://www.mysql.com/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/mysql/mysql-original-wordmark.svg" alt="mysql" width="40" height="40"/> </a> <a href="https://www.php.net" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/php/php-original.svg" alt="php" width="40" height="40"/> </a> <a href="https://www.python.org" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg" alt="python" width="40" height="40"/> </a> </p>
33+
<p align="left"> <a href="https://getbootstrap.com" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-plain-wordmark.svg" alt="bootstrap" width="40" height="40"/> </a> <a href="https://www.cprogramming.com/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/c/c-original.svg" alt="c" width="40" height="40"/> </a> <a href="https://www.w3schools.com/cpp/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/cplusplus/cplusplus-original.svg" alt="cplusplus" width="40" height="40"/> </a> <a href="https://www.w3schools.com/css/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/> </a> <a href="https://git-scm.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git" width="40" height="40"/> </a> <a href="https://www.w3.org/html/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> </a> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/> </a> <a href="https://www.mysql.com/" target="_blank"><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/mysql/mysql-original-wordmark.svg" alt="mysql" width="40" height="40"/> </a> <a href="https://www.php.net" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/php/php-original.svg" alt="php" width="40" height="40"/> </a> <a href="https://www.python.org" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg" alt="python" width="40" height="40"/> </a> </p>
3434

3535
<p><img align="left" src="https://github-readme-stats.vercel.app/api/top-langs?username=pankajcoder1&show_icons=true&locale=en&layout=compact" alt="pankajcoder1" /></p>
3636

3737
<p>&nbsp;<img align="center" src="https://github-readme-stats.vercel.app/api?username=pankajcoder1&show_icons=true&locale=en" alt="pankajcoder1" /></p>
3838

39-
<p><img align="center" src="https://github-readme-streak-stats.herokuapp.com/?user=pankajcoder1&" alt="pankajcoder1" /></p>
40-
39+
<p><img align="center" src="https://github-readme-streak-stats.herokuapp.com/?user=pankajcoder1&" alt="pankajcoder1" /></p>

‎css/index.css

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -96,8 +96,17 @@ 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("../img/background_image.jpg");
100+
background-repeat: no-repeat;
101+
background-size: cover;
102+
background-position: center;
103+
backdrop-filter: blur(10px);
104+
color: white;
99105
padding-top: 50px;
100-
min-height: 850px;
106+
min-height: 100vh;
107+
}
108+
.about-div .row{
109+
margin-top: 30px;
101110
}
102111
.about-div .row .col-sm
103112
{
@@ -126,7 +135,7 @@ nav li a
126135
}
127136
.about-intro-div h1
128137
{
129-
border-bottom: rgb(0,0,0,0.5) 1px solid;
138+
border-bottom: rgb(255,255,255) 1px solid;
130139
border-bottom-width: 2px;
131140
width: 100px;
132141
}
@@ -166,6 +175,9 @@ nav li a
166175

167176
@media(max-width: 768px)
168177
{
178+
.about-div{
179+
min-height: 850px;
180+
}
169181
.about-div .row .col-sm
170182
{
171183
padding-top: 10px;

‎css/light_mode.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ nav li a
4040

4141
.about-intro-div h1
4242
{
43-
border-bottom: rgb(0,0,0,0.5) 1px solid;
43+
border-bottom: rgb(255,255,255) 1px solid;
4444
border-bottom-width: 2px;
4545
}
4646

‎img/background_image.jpg

1.92 MB
Loading

‎index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html>
33
<head>
44
<meta charset="utf-8">
5-
<!-- <meta http-equiv="refresh" content="5"> -->
5+
<!-- <meta http-equiv="refresh" content="2"> -->
66
<meta name="viewport" content="width=device-width, initial-scale=1">
77
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
88
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

‎js/change_mode.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -62,9 +62,9 @@ function change_dark_mode()
6262
full_screen[0].style.backgroundColor="white";
6363
document.getElementsByClassName("dark")[0].style.display="none";
6464
document.getElementsByClassName("light")[0].style.display="block";
65-
document.getElementsByClassName("intro")[0].style.color="black";
66-
document.getElementsByClassName("intro")[1].style.color="black";
67-
document.getElementsByClassName("section-heading")[0].style.borderColor="rgb(0,0,0,0.5)";
65+
document.getElementsByClassName("intro")[0].style.color="white";
66+
document.getElementsByClassName("intro")[1].style.color="white";
67+
document.getElementsByClassName("section-heading")[0].style.borderColor="white";
6868
// js section for main section end
6969

7070
// js for skill section start

0 commit comments

Comments
 (0)