Skip to content

Commit a888d6d

Browse files
coderpradpcoderpradp
committed
Moved static files from docs directory to root
1 parent a6f1724 commit a888d6d

14 files changed

+991
-0
lines changed

‎CNAME

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
pradyp.me

‎about.html

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Pradip Khadka | Front End Developer</title>
6+
<link rel="stylesheet" type="text/css" href="css/normalize.css">
7+
<link href="https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400i,700,700i,800" rel="stylesheet">
8+
<link rel="stylesheet" type="text/css" href="css/main.css">
9+
<link rel="stylesheet" type="text/css" href="css/responsive.css">
10+
<meta name="viewport" content="width: device-width, initial-scale=1.0">
11+
</head>
12+
<body>
13+
<header>
14+
<a href="index.html" id="logo">
15+
<h1>Pradip Khadka</h1>
16+
<h2>Front End Developer</h2>
17+
</a>
18+
<nav>
19+
<ul>
20+
<li><a href="index.html">Portfolio</a></li>
21+
<li><a href="about.html" class="selected">About</a></li>
22+
<li><a href="contact.html">Contact</a></li>
23+
</ul>
24+
</nav>
25+
</header>
26+
<div id="wrapper">
27+
<section>
28+
<img src="img/pradp.jpg" alt="Photo of Pradip Khadka" class="profile-photo">
29+
<h3>About</h3>
30+
<p>Hi, I'm Pradip Khadka! This is my web design/development portfolio where I share all of my favorite work. When I'm not developing things, I enjoy watching movies, listening musics, playing video games, drinking good coffee and more.</p>
31+
<p>If you'd like to follow me on Twitter, my username is <a href="http://twitter.com/pradpkhadka">@pradpkhadka</a>.</p>
32+
</section>
33+
<footer>
34+
<a href="http://twitter.com/pradpkhadka"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
35+
<a href="http://facebook.com/iampradp"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
36+
<p>&copy; 2017 Pradip Khadka.</p>
37+
</footer>
38+
</div>
39+
</body>
40+
</html>

‎contact.html

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Pradip Khadka | Front End Developer</title>
6+
<link rel="stylesheet" type="text/css" href="css/normalize.css">
7+
<link href="https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400i,700,700i,800" rel="stylesheet">
8+
<link rel="stylesheet" type="text/css" href="css/main.css">
9+
<link rel="stylesheet" type="text/css" href="css/responsive.css">
10+
<meta name="viewport" content="width: device-width, initial-scale=1.0">
11+
</head>
12+
<body>
13+
<header>
14+
<a href="index.html" id="logo">
15+
<h1>Pradip Khadka</h1>
16+
<h2>Front End Developer</h2>
17+
</a>
18+
<nav>
19+
<ul>
20+
<li><a href="index.html">Portfolio</a></li>
21+
<li><a href="about.html">About</a></li>
22+
<li><a href="contact.html" class="selected">Contact</a></li>
23+
</ul>
24+
</nav>
25+
</header>
26+
<div id="wrapper">
27+
<section id="primary">
28+
<h3>General Information</h3>
29+
<p>I am not currently looking for design/development work, but I am available for opensource contribution and similar engagements. If you have any questions, please don't hesitate to contact me!</p>
30+
<p>Please use email only for urgent inquiries. Otherwise, Twitter is the best way to reach me.</p>
31+
</section>
32+
<section id="secondary">
33+
<h3>Contact Details</h3>
34+
<ul class="contact-info">
35+
<li class="mail"><a href="mailto:fnfdrifter@gmail.com">fnfdrifter@gmail.com</a></li>
36+
<li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=pradpkhadka">@pradpkhadka</a></li>
37+
</ul>
38+
</section>
39+
<footer>
40+
<a href="http://twitter.com/pradpkhadka"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
41+
<a href="http://facebook.com/iampradp"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
42+
<p>&copy; 2017 Pradip Khadka.</p>
43+
</footer>
44+
</div>
45+
</body>
46+
</html>

‎css/main.css

Lines changed: 223 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,223 @@
1+
/***************************************
2+
GENERAL
3+
***************************************/
4+
5+
body {
6+
font-family: 'Open Sans', sans-serif;
7+
}
8+
9+
#wrapper {
10+
max-width: 940px;
11+
margin: 0 auto;
12+
padding: 0 5%;
13+
}
14+
15+
a {
16+
text-decoration: none;
17+
}
18+
19+
img {
20+
max-width: 100%;
21+
}
22+
23+
h3 {
24+
margin: 0 0 1em 0;
25+
}
26+
27+
28+
29+
/***************************************
30+
HEADING
31+
***************************************/
32+
33+
header {
34+
float: left;
35+
margin: 0 0 30px 0;
36+
padding: 5px 0 0 0;
37+
width: 100%;
38+
}
39+
40+
#wrapper {
41+
clear: both;
42+
}
43+
44+
#logo {
45+
text-align: center;
46+
margin: 0;
47+
}
48+
49+
h1 {
50+
font-family: 'Changa One', sans-serif;
51+
margin: 15px 0;
52+
font-size: 1.75em;
53+
font-weight: normal;
54+
line-height: 0.8em;
55+
}
56+
57+
h2 {
58+
font-size: 0.75em;
59+
margin: -5px 0 0;
60+
font-weight: normal;
61+
62+
}
63+
64+
65+
66+
/***************************************
67+
NAVIGATION
68+
***************************************/
69+
70+
nav {
71+
text-align: center;
72+
padding: 10px 0;
73+
margin: 20px 0 0;
74+
}
75+
76+
nav ul {
77+
list-style: none;
78+
margin: 0 10px;
79+
padding: 0;
80+
}
81+
82+
nav li {
83+
display: inline-block;
84+
}
85+
86+
nav a {
87+
font-weight: 800;
88+
padding: 15px 10px;
89+
}
90+
91+
92+
93+
/***************************************
94+
FOOTER
95+
***************************************/
96+
97+
footer {
98+
font-size: 0.75em;
99+
text-align: center;
100+
clear: both;
101+
padding-top: 50px;
102+
color: #32673f;
103+
}
104+
105+
.social-icon {
106+
width: 20px;
107+
height: 20px;
108+
margin: 0 5px;
109+
}
110+
111+
112+
113+
/***************************************
114+
PAGE: PORTFOLIO
115+
***************************************/
116+
117+
#gallery {
118+
margin: 0;
119+
padding: 0;
120+
list-style: none;
121+
}
122+
123+
#gallery li {
124+
float: left;
125+
width: 45%;
126+
margin: 2.5%;
127+
background-color: #f5f5f5;
128+
color: #bdc3c7;
129+
}
130+
131+
#gallery li a p {
132+
margin: 0;
133+
padding: 5%;
134+
font-size: 0.75em;
135+
color: #bdc3c7;
136+
}
137+
138+
139+
140+
/***************************************
141+
PAGE: ABOUT
142+
***************************************/
143+
144+
.profile-photo {
145+
display: block;
146+
max-width: 150px;
147+
margin: 0 auto 30px;
148+
border-radius: 100%;
149+
}
150+
151+
152+
153+
154+
/***************************************
155+
PAGE: CONTACT
156+
***************************************/
157+
158+
.contact-info {
159+
list-style: none;
160+
margin: 0;
161+
padding: 0;
162+
font-size: 0.9em;
163+
}
164+
165+
.contact-info a {
166+
display: block;
167+
min-height: 20px;
168+
background-repeat: no-repeat;
169+
background-size: 20px 20px;
170+
padding: 0 0 0 30px;
171+
margin: 0 0 10px;
172+
}
173+
174+
.contact-info li.mail a {
175+
background-image: url('../img/mail.png');
176+
}
177+
178+
.contact-info li.twitter a {
179+
background-image: url('../img/twitter.png');
180+
}
181+
182+
183+
184+
/***************************************
185+
COLORS
186+
***************************************/
187+
188+
/* site body */
189+
body {
190+
background-color: #fff;
191+
color: #999;
192+
}
193+
194+
/* green header */
195+
header {
196+
background: #6ab47b;
197+
border-color: #599a68;
198+
}
199+
200+
/* nav background on mobile */
201+
nav {
202+
background: #599a68;
203+
}
204+
205+
/* logo text */
206+
h1, h2 {
207+
color: #fff;
208+
}
209+
210+
/* links */
211+
a {
212+
color: #6ab47b;
213+
}
214+
215+
/* nav link */
216+
nav a, nav a:visited {
217+
color: #fff;
218+
}
219+
220+
/* selected nav link */
221+
nav a.selected, nav a:hover {
222+
color: #32673f;
223+
}

0 commit comments

Comments
 (0)