Skip to content

Commit 83917d9

Browse files
coderpradpcoderpradp
committed
Documents for Portfolio
1 parent b384c45 commit 83917d9

19 files changed

+980
-12
lines changed

‎docs/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 enjiy 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; 2016 Pradip Khadka.</p>
37+
</footer>
38+
</div>
39+
</body>
40+
</html>

‎docs/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 speaking gigs 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; 2016 Pradip Khadka.</p>
43+
</footer>
44+
</div>
45+
</body>
46+
</html>

‎docs/css/main.css

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

0 commit comments

Comments
 (0)