Skip to content

Commit 98820a0

Browse files
coderpradpcoderpradp
committed
Added cameo landing page to the showcase
1 parent 5e140d0 commit 98820a0

File tree

4 files changed

+173
-121
lines changed

4 files changed

+173
-121
lines changed

‎about.html

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

‎contact.html

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

‎img/musicMaster.png

6 KB
Loading

‎index.html

Lines changed: 60 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,63 @@
11
<!DOCTYPE html>
22
<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>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>Pradip Khadka | Front End Developer</title>
7+
<link rel="stylesheet" type="text/css" href="css/normalize.css">
8+
<link href="https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400i,700,700i,800" rel="stylesheet">
9+
<link rel="stylesheet" type="text/css" href="css/main.css">
10+
<link rel="stylesheet" type="text/css" href="css/responsive.css">
11+
<meta name="viewport" content="width: device-width, initial-scale=1.0">
12+
</head>
13+
14+
<body>
15+
<header>
16+
<a href="index.html" id="logo">
17+
<h1>Pradip Khadka</h1>
18+
<h2>Front End Developer</h2>
19+
</a>
20+
<nav>
21+
<ul>
22+
<li>
23+
<a href="index.html" class="selected">Portfolio</a>
24+
</li>
25+
<li>
26+
<a href="about.html">About</a>
27+
</li>
28+
<li>
29+
<a href="contact.html">Contact</a>
30+
</li>
31+
</ul>
32+
</nav>
33+
</header>
34+
<div id="wrapper">
35+
<section>
36+
<ul id="gallery">
37+
<li>
38+
<a href="https://pradyp.me/cameo-landing-page" target="_blank">
39+
<img src="img/cameoLandingPage.png" alt="Cameo Landing Page">
40+
<p>Cameo Landing Page</p>
41+
</a>
42+
</li>
43+
<li>
44+
<a href="https://pradyp.me/musicMaster" target="_blank">
45+
<img src="img/musicMaster.png" alt="Music Master">
46+
<p>Music Master - A React based app</p>
47+
</a>
48+
</li>
49+
</ul>
50+
</section>
51+
<footer>
52+
<a href="http://twitter.com/pradpkhadka">
53+
<img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon">
1754
</a>
18-
<nav>
19-
<ul>
20-
<li><a href="index.html" class="selected">Portfolio</a></li>
21-
<li><a href="about.html">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-
<ul id="gallery">
29-
<li>
30-
<a href="https://pradyp.me/musicMaster" target="_blank">
31-
<img src="img/musicMaster.png" alt="Music Master">
32-
<p>Music Master - A React based app</p>
33-
</a>
34-
</li>
35-
</ul>
36-
</section>
37-
<footer>
38-
<a href="http://twitter.com/pradpkhadka"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
39-
<a href="http://facebook.com/iampradp"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
40-
<p>&copy; 2017 Pradip Khadka.</p>
41-
</footer>
42-
</div>
43-
</body>
44-
</html>
55+
<a href="http://facebook.com/iampradp">
56+
<img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon">
57+
</a>
58+
<p>&copy; 2017 Pradip Khadka.</p>
59+
</footer>
60+
</div>
61+
</body>
62+
63+
</html>

0 commit comments

Comments
 (0)