Skip to content

Commit fc05a58

Browse files
Pankajcoder1Pankajcoder1
authored
Add files via upload
1 parent f4765d5 commit fc05a58

File tree

6 files changed

+394
-0
lines changed

6 files changed

+394
-0
lines changed

‎file/codechef_icon.png

22.9 KB
Loading

‎file/codeforces_icon.png

7 KB
Loading

‎file/index.css

Lines changed: 234 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,234 @@
1+
body
2+
{
3+
min-height: 100vh;
4+
}
5+
6+
.top
7+
{
8+
margin: 5px;
9+
padding: 10px;
10+
top: 35%;
11+
right: 42%;
12+
transform: translate(-3%,-36%);
13+
position: absolute;
14+
}
15+
.image img
16+
{
17+
height: 190px;
18+
width: 170px;
19+
margin-left: 36px;
20+
border-radius: 100%;
21+
}
22+
.image h1
23+
{
24+
font-weight: 700;
25+
font-family: 'Baloo Paaji 2', cursive;
26+
}
27+
28+
.college:hover,li a:hover,li a
29+
{
30+
text-decoration: none;
31+
color: rgba(51,103,214,0.7);
32+
}
33+
.college:hover
34+
{
35+
text-decoration: none;
36+
color: #000;
37+
}
38+
.codeforces
39+
{
40+
width: 30px;
41+
height: 30px;
42+
}
43+
.codechef
44+
{
45+
width: 35px;
46+
height: 35px;
47+
}
48+
ul li
49+
{
50+
list-style: none;
51+
display: inline;
52+
margin-right: 15px;
53+
}
54+
.list-group
55+
{
56+
margin-left: 10px;
57+
}
58+
ul li a
59+
{
60+
font-size: 25px;
61+
color:black;
62+
}
63+
.footer
64+
{
65+
text-align: center;
66+
background-color: rgba(192, 169, 169, 0.39);
67+
position: absolute;
68+
top: 95%;
69+
height: 40px;
70+
width: 100%;
71+
padding: 8px;
72+
opacity: 0.6;
73+
}
74+
75+
.pdf
76+
{
77+
margin:15px;
78+
margin-top: -7px;
79+
padding: 3px;
80+
width: 85%;
81+
border: none;
82+
font-weight: 900;
83+
border-radius: 10px;
84+
}
85+
.pdf a
86+
{
87+
margin-top: -7px;
88+
color: rgb(51,103,214);
89+
height: 42px;
90+
margin-top: 0px;
91+
text-overflow: none;
92+
font-size: 15px;
93+
font-weight: 800;
94+
}
95+
/* media query */
96+
@media (max-width:1600px)
97+
{
98+
.top
99+
{
100+
top: 35%;
101+
right: 40%;
102+
transform: translate(2%,-40%);
103+
position: absolute;
104+
}
105+
ul li
106+
{
107+
margin-right: 15px;
108+
}
109+
}
110+
111+
/*1200
112+
1024
113+
768
114+
640*/
115+
@media(max-width:1200px)
116+
{
117+
.top
118+
{
119+
text-align: center;
120+
top: 31%;
121+
right: 34%;
122+
padding: 10px;
123+
transform: translate(-3%,-35%);
124+
position: absolute;
125+
}
126+
}
127+
128+
@media(max-width: 992px)
129+
{
130+
.top
131+
{
132+
text-align: center;
133+
top: 31%;
134+
right: 30%;
135+
padding: 10px;
136+
transform: translate(-4%,-35%);
137+
position: absolute;
138+
}
139+
}
140+
141+
@media(max-width: 768px)
142+
{
143+
.top
144+
{
145+
top: 31%;
146+
right: 26%;
147+
transform: translate(-4%,-35%);
148+
position: absolute;
149+
}
150+
}
151+
152+
@media(max-width: 576px)
153+
{
154+
.top
155+
{
156+
top: 31%;
157+
right: 10%;
158+
left: 16%;
159+
transform: translate(-4%,-35%);
160+
position: fixed;
161+
}
162+
.image img
163+
{
164+
position: relative;
165+
left: 2%;
166+
}
167+
.image h1
168+
{
169+
font-size: 25px;
170+
}
171+
p
172+
{
173+
font-size: 19px;
174+
}
175+
ul li
176+
{
177+
margin-right: 0;
178+
margin-right: 10px;
179+
}
180+
ul li a
181+
{
182+
font-size: 20px;
183+
}
184+
.codeforces
185+
{
186+
width: 25px;
187+
height: 25px;
188+
}
189+
.codechef
190+
{
191+
width: 26px;
192+
height: 26px;
193+
}
194+
}
195+
/*css*/
196+
.list-group-item
197+
{
198+
border: none;
199+
}
200+
.toggle_
201+
{
202+
float: right;
203+
margin-right: 110px;
204+
}
205+
.toggle_ ul li a
206+
{
207+
color: rgba(51,103,214,0.7);
208+
font-size: 20px;
209+
}
210+
.dropdown button
211+
{
212+
width: 110px;
213+
height: 50px;
214+
font-weight: 900;
215+
font-size: 16px;
216+
color: rgba(51,103,214,0.7);
217+
background-color: transparent;
218+
text-transform: capitalize;
219+
}
220+
ul .professional
221+
{
222+
width: 250px;
223+
transform: translate(-50px,0);
224+
225+
}
226+
/*media query for link*/
227+
@media (max-width: 576px)
228+
{
229+
.toggle_
230+
{
231+
float: right;
232+
margin-right: 50px;
233+
}
234+
}

‎file/index.html

Lines changed: 160 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,160 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="description" content="Pankajcoder1 Pankaj_Kumar1 pankajkumarmath1 Pankaj_coder1">
6+
<meta name="keywords" content="HTML, CSS">
7+
<meta name="author" content="Pankaj Kumar">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
<!-- Latest compiled and minified CSS -->
10+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
11+
12+
<!-- Optional theme -->
13+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
14+
15+
<!-- Latest compiled and minified JavaScript -->
16+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
17+
<!-- google font -->
18+
<link href="https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@500&display=swap" rel="stylesheet">
19+
<!-- icon -->
20+
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
21+
<!-- link for button-->
22+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
23+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
24+
<title>
25+
Pankaj Kumar
26+
</title>
27+
<!-- css -->
28+
<link rel="stylesheet" type="text/css" href="index.css">
29+
</head>
30+
<body>
31+
32+
<!-- link -->
33+
<div class="toggle_">
34+
<div class="dropdown">
35+
<button class="btn dropdown-toggle" type="button" data-toggle="dropdown">Other link
36+
<span class="caret"></span>
37+
</button>
38+
<ul class="dropdown-menu">
39+
<li class="dropdown-submenu">
40+
<a class="test" tabindex="-1" href="#">Professional <span class="caret"></span></a>
41+
<ul class="dropdown-menu list-group professional">
42+
<li class="list-group-item">
43+
<a href="https://www.hackerearth.com/@pankaj1289" tabindex="-1">Hackerearth</a>
44+
</li>
45+
46+
<li class="list-group-item">
47+
<a href="https://www.hackerrank.com/coder_panku" tabindex="-1">Hackerrank</a>
48+
</li>
49+
50+
<li class="list-group-item">
51+
<a href="https://atcoder.jp/users/Pankajcoder1" tabindex="-1">Atcoder</a>
52+
</li>
53+
54+
<li class="list-group-item">
55+
<a href="https://www.stopstalk.com/user/profile/Pankajcoder1" tabindex="-1">StopStalk</a>
56+
</li>
57+
58+
<li class="list-group-item">
59+
<a href="https://stackoverflow.com/users/12746449/pankaj-kumar" tabindex="-1">Stackover Flow</a>
60+
</li>
61+
62+
<li class="list-group-item">
63+
<a href="https://www.spoj.com/myaccount/" tabindex="-1">Spoj</a>
64+
</li>
65+
<li class="list-group-item">
66+
<a href="https://leetcode.com/pankajkumarmath1/" tabindex="-1">Leetcode</a>
67+
</li>
68+
69+
<li class="list-group-item">
70+
<a href="https://carbon.now.sh/account" tabindex="-1">Carbon</a>
71+
</li>
72+
</ul>
73+
</li>
74+
75+
<!-- -->
76+
<li class="dropdown-submenu">
77+
<a href="#" class="test" tabindex="-1">Social<span class="caret"></span></a>
78+
<ul class="dropdown-menu list-group">
79+
<li class="list-group-item">
80+
<a href="https://www.facebook.com/profile.php?id=100022375813493" tabindex="-1">Facebook</a>
81+
</li>
82+
83+
<li class="list-group-item">
84+
<a href="https://twitter.com/PankajK66627177" tabindex="-1">Twitter</a>
85+
</li>
86+
87+
<li class="list-group-item">
88+
<a href="https://www.instagram.com/pankaj2430kumar/" tabindex="-1">Instagram</a>
89+
</li>
90+
</ul>
91+
</li>
92+
</ul>
93+
</div>
94+
</div>
95+
96+
<!-- end for link part -->
97+
<!-- whole content -->
98+
<div class="top">
99+
<div class="image">
100+
<img src="pk.jpg" class="img-responsive" alt="Profile image" style="height: 190px; width: 170px; margin-left: 36px; border-radius: 100%;">
101+
<h1 class="name">Pankaj Kumar</h1>
102+
</div>
103+
<div>
104+
<p>Persuing Btech in Computer Science and</p>
105+
<p>engineering (2nd year) <a href="http://nituk.ac.in/" class="college" target="_blank" >NIT Uttarakhand</a></p>
106+
</div>
107+
<div class="social-link">
108+
<ul class="list-group list-group-horizontal">
109+
<li>
110+
<a href="https://github.com/Pankajcoder1" title="github account">
111+
<i class="fa fa-github"></i>
112+
</a>
113+
</li>
114+
<li>
115+
<a href="https://www.linkedin.com/in/pankaj-kumar-795b48198/" title="linkedin account">
116+
<i class="fa fa-linkedin"></i>
117+
</a>
118+
</li>
119+
<li>
120+
<a href="https://codeforces.com/profile/Pankaj_Kumar1" title="codeforces account">
121+
<img src="codeforces_icon.png" class="codeforces img-rounded">
122+
</a>
123+
</li>
124+
<li>
125+
<a href="https://www.codechef.com/users/pankajcoder1" title="codechef account">
126+
<img src="codechef_icon.png" class="codechef img-rounded">
127+
</a>
128+
</li>
129+
<li>
130+
<a href="mailto:pankajkumarmath1@gmail.com" title="mail">
131+
<i class="fa fa-envelope"></i>
132+
</a>
133+
</li>
134+
</ul>
135+
</div>
136+
137+
<div class="pdf text-center">
138+
<a href="pankaj-cv.pdf" class="btn" target="_blank" >See Resume</a>
139+
</div>
140+
</div>
141+
142+
<!-- end of top -->
143+
<!-- footer section -->
144+
<div class="footer">
145+
<p>Pankaj Kumar&copy;2020</p>
146+
</div>
147+
<!-- end of footer section -->
148+
149+
<script>
150+
$(document).ready(function(){
151+
$('.dropdown-submenu a.test').on("click", function(e){
152+
$(this).next('ul').toggle();
153+
e.stopPropagation();
154+
e.preventDefault();
155+
});
156+
});
157+
</script>
158+
159+
</body>
160+
</html>

‎file/pankaj-cv.pdf

113 KB
Binary file not shown.

‎file/pk.jpg

2.51 MB
Loading

0 commit comments

Comments
 (0)