HTML5 Logo

by nottrobin

HTML

<div class="one"></div>
<div class="two"></div>

CSS

body {
    padding: 100px;
    background-color: black;
}
div.two {
    height: 0;
    width: 0;
    border-color: transparent #e44c27;
    border-style: solid;
    border-width: 20px 80px 0 0;
    margin: -5px 0 0 60px;
    position: relative;
}
div.two:before {
    border-color: #e44c27 transparent;
    border-style: solid;
    border-width: 60px 60px 0 0;
    content: '';
    height: 0;
    position: absolute;
    left: -60px;
    bottom: -75px;
    width: 0;
}
div.one {
    height: 0;
    width: 0;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 15px 60px 0 60px;
    position: relative;
}
div.one:after {
    border-color: #ebebeb transparent transparent transparent;
    border-style: solid;
    border-width: 15px 60px 0 0;
    content: '';
    height: 0;
    position: absolute;
    right: -60px;
    top: -15px;
    width: 0;
}
div.one:before {
    border-color: #f0652a transparent;
    border-style: solid;
    border-width: 0 80px 20px 0;
    content: '';
    height: 0;
    position: absolute;
    left: -80px;
    bottom: -15px;
    width: 0;
}