Check out this Cool PornHub logo Using HTML CSS Designed by hyomin.
PornHub logo using css
HTML
<div class="hub"> <span contenteditable="true">Code</span> <span contenteditable="true">pen</span> </div>
CSS / SCSS
html {
height: 100%;
}
body {
background: #000000;
color: #ffffff;
margin: 0;
min-height: 100%;
height: 100%;
position: relative;
}
.hub {
display: block;
font-family: sans-serif;
font-weight: bold;
font-size: 9vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.hub span:nth-child(2) {
background: #FF9900;
color: #000000;
border-radius: 1vw;
padding: 0 1vw 1vw 1vw;
display: inline-block;
}
