<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- FURKAN UNSAL : INSTAGRAM = furkanunsa1 !--> <div class="main"> <div class="movie"> <span class="text">87</span> </div> </div> <!-- FURKAN UNSAL : INSTAGRAM = furkanunsa1 !-->

.main{ width: 150px; height: 150px; background-color: #b71c1c; background-image: linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)), url("https://pbs.twimg.com/profile_images/2553092547/4square_avatar_400x400.jpg"); background-size: cover; background-repeat: no-repeat; border-radius: 0px 200px 200px 200px; margin: 15px 15px; } .movie{ width: 70px; height: 70px; background-color: #d32f2f; border-radius: 0 0 999px 0; text-align: center; line-height: 60px; font-family: Arial; } .text { font-size: 32px; margin: 0 15px 0 0; color: #ffcdd2; }

console.log("Furkan Unsal > INSTAGRAM = furkanunsa1");