To make such a profile you need 2 images and 1 HTML file. If you want you can add a CSS file or style the HTML by using the <style></style> tag. But I use <style></style> tag, if you want to connect a CSS file you should add the line <link rel="stylesheet" href="css_file_link"> to the place of <style></style> tag.
So lest start. index.html code:
<!DOCTYPE html>
<html>
<head>
<title>Facebook | K.M. Ahsan Abdullah</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css_file_link">
<style>
img.cover{
width: 100%;
height: 350px;
}
img.profile{
border-radius: 50%;
width: 150px;
height: 150px;
border: 5px solid #fff;
margin-top: -65px;
}
p.cover_text{
margin-top: -250px;
text-align:center;
font-size:40px;
color: #fff;
}
</style>
</head>
<body>
<img class="cover" src="cover.jpg">
<center><img class="profile" src="profile.jpg"></center>
<p class="cover_text">Hello</p>
</body>
</html>
So, it is time for just enjoy.
0 Comments
Thanks for your important comments. If this is your problem I will try to sloved this.