Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html><head>
- <title>??</title>
- <link href="style.css" rel="stylesheet">
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
- </head>
- <body>
- <!-- Wrapper -->
- <div class="profile-wrapper">
- <div class="profile-header">
- <div class="profile-cover"></div>
- <div class="info-container">
- <img src="images/avatar.jpg">
- <div id="name">Mohammad Bilto</div>
- <div class="user-rating">
- <i class="fas fa-star"></i>
- <i class="fas fa-star"></i>
- <i class="fas fa-star"></i>
- <i class="fas fa-star-half-alt"></i>
- <i class="far fa-star"></i>
- </div>
- <div class="social-analytics">
- <span>30 Followers</span>
- <span>46 Following</span>
- </div><div class="profile-info">
- <div id="bio">Hi! Welcome to my profile :3 Leave a comment, or two, idc..</div>
- </div>
- </div>
- </div>
- </div>
- <style>
- .profile-cover {
- background-image: url('https://cambridge-intelligence.com/wp-content/uploads/2014/11/Background.jpg');
- height: 150px;
- width: 100%;
- }
- .info-container {
- margin-top: -80px;
- }
- </style><div class="test" style="
- float: left;
- min-height: 200px;
- width: 630px;
- margin-left: 175px;
- margin-top: 30px;
- background: #fff;
- box-sizing: border-box;
- padding: 20px;
- border-radius: 5px;
- font-family: sans-serif;
- ">Bla bla bla the rest of the shit can go here</div>
- <div class="test" style="
- float: left;
- min-height: 500px;
- width: 300px;
- margin-left: 30px;
- margin-top: 30px;
- background: #fff;
- box-sizing: border-box;
- padding: 20px;
- border-radius: 5px;
- font-family: sans-serif;
- ">Favourites</div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement