Skip to content

Instantly share code, notes, and snippets.

@poudelmadhav poudelmadhav/index.html

Last active Nov 29, 2016
Embed
What would you like to do?
Personal Resume Page
<html>
<head>
<title>Madhav Paudel</title>
<link rel="stylesheet" type="text/css" href="css/master.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<div class="prof-box">
<img src="images/prof.jpg" alt="Madhav Paudel" class="prof-pic">
<h1>Madhav Paudel</h1>
<h5>Student at Tribhuvan University | Student of CSIT</h5>
<div class="line-break"></div>
<p title="Madhav Paudel">My passion is to develop a web application. I want to explain my knowledge to all interested people.</p>
<div class="social-icons">
<a href="http://www.facebook.com/poudelmadhav143" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true"></i></a>
<a href="http://www.twitter.com/poudelmadhav143" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>
<a href="http://poudelmadhav.blogspot.com/" target="_blank"><i class="fa fa-globe" aria-hidden="true"></i></a>
</div>
</div>
</body>
</html>
html {
background: url(../images/background1.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Helvetica Neue', sans-serif;
}
.prof-box {
width: 400px;
height: 440px;
background: rgba(0,0,0,0.4);
padding: 40px;
color: white;
margin: 0 auto;
margin-top: 100px;
text-align: center;
}
.prof-pic {
border-radius: 50%;
width: 200px;
height: 200px;
}
h1{
font-weight: 100;
letter-spacing: 6;
font-size: 40px;
}
p{
font-weight: 200;
}
.social-icons {
font-size: 40px;
}
.social-icons a {
color: white;
}
.line-break {
width: 305px;
margin: 0 auto;
border-top: 1px solid white;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.