<p class="top">Feel free to fork this ✌</p>

<div class="idk">
    <center><a href="#"><img class="avatar" src="https://u.pomf.is/mpwnlc.png"></a></center>
    <h1>>_ Your Title</h1>
    <hr class="hr">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu varius odio, nec lacinia nibh. Mauris a vestibulum augue. Aliquam vitae sem et velit sagittis ultricies. Donec tempor sapien et nisi porta ullamcorper. Integer sodales nunc nisl, eget mattis ex bibendum sed. Praesent vitae euismod turpis, et tincidunt tortor. Praesent aliquet efficitur fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tempor turpis ac consectetur dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas mattis tincidunt aliquam. Nunc eu tellus id nunc porttitor commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean efficitur blandit nisl, ut euismod ligula luctus vel.</p>
    <hr class="hr"></br>
<center><div class="bottom"><p>> <a href="">Devourz</a> <</p></div></center>
</div>

@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);

body {
    background-color: #212121;
}

.idk {
    margin-top: 20px;
    margin-right:auto;
    margin-left:auto;
    width:500px;
    height:auto;
}

img {
    border-top: 2px dotted #3268C7;
    border-bottom: 2px dotted #D14545;
    border-radius: 50%;
    width:200px;
    height:auto;
    padding:7px;
}

h1 {
    font-family: 'Permanent Marker', cursive;
    text-align:center;
    margin-top:1px;
    color:#D14545;
}

.hr {
    width: 300px;
    border:1px solid #3D3D3D;
}

p {
    font-family: 'Amatic SC', cursive;
    text-align:center;
    font-size: 24px;
    color:#FFFFFF;
}

.top {
    font-family: 'Quicksand', sans-serif;
    text-align:left;
    margin-top:10px;
    font-size: 24px;
    color:#FFFFFF;
    text-decoration:underline;
}

.bottom {
    font-family: 'Amatic SC', cursive;
    font-size: 24px;
    margin-top:-35px;
    color:#D14545;
}

.bottom a {
    font-family: 'Amatic SC', cursive;
    font-size: 24px;
    margin-top:-10px;
    color:#FFF;
    text-decoration: none;
}

.bottom p {
    font-family: 'Amatic SC', cursive;
    font-size: 24px;
    color:#FFF;
    text-decoration: none;
}

.bottom a:hover {
    font-family: 'Amatic SC', cursive;
    font-size: 24px;
    color:#D14545;
    text-decoration:underline;
}
/*
This was made by > www.devourz.pw

Have fun :)
*/

External CSS

  1. https://fonts.googleapis.com/css?family=Permanent+Marker
  2. https://fonts.googleapis.com/css?family=Amatic+SC

External JavaScript

This Pen doesn't use any external JavaScript resources.