Facebook Profile With HTML & CSS

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.