Bastienab
2/17/2019 - 2:47 PM

index.html

index.html
content_copyfile_download
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Sauron - Bootstrap</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link href="css/style.css" rel="stylesheet">
  </head>
    <body>
        <div class="container">
            <div class="row no-gutters">
                <div class="col-1 black"></div>                          
                <div class="col-1 offset-9 black"></div>
            </div>
            <div class="row no-gutters">
                <div class="col-1 black"></div>
                <div class="col-1 offset-3 orange"></div>
                <div class="col-1 yellow"></div>
                <div class="col-1 orange"></div>
                <div class="col-1 offset-3 black"></div>
            </div>
            <div class="row no-gutters">
                <div class="col-1 black"></div>
                <div class="col-1 offset-2 orange"></div>
                <div class="col-1 yellow"></div>
                <div class="col-1 black2"></div>
                <div class="col-1 yellow"></div>
                <div class="col-1 orange"></div>
                <div class="col-1 offset-2 black"></div>
            </div>
            <div class="row no-gutters">
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 orange"></div>
                <div class="col-1 orange"></div>
                <div class="col-1 yellow"></div>
                <div class="col-1 black2"></div>
                <div class="col-1 yellow"></div>
                <div class="col-1 orange"></div>
                <div class="col-1 orange"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
            </div>
            <div class="row no-gutters">
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 offset-1 orange"></div>
                <div class="col-1 yellow"></div>
                <div class="col-1 black2"></div>
                <div class="col-1 yellow"></div>
                <div class="col-1 orange"></div>
                <div class="col-1 offset-1 black"></div>
                <div class="col-1 black"></div>
            </div>
            <div class="row no-gutters">
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 offset-1 orange"></div>
                <div class="col-1 yellow"></div>
                <div class="col-1 orange"></div>
                <div class="col-1 offset-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
            </div>
            <div class="row no-gutters">
                <div class="offset-1 col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black offset-3"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
            </div>
            <div class="row no-gutters">
                <div class="col-1 black offset-2"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
            </div>
            <div class="row no-gutters">
                <div class="col-1 black offset-3"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
            </div>
            <div class="row no-gutters">
                <div class="col-1 offset-4 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
            </div>
            <div class="row no-gutters">
                <div class="col-1 offset-4 black"></div>
                <div class="col-1 black"></div>
                <div class="col-1 black"></div>
            </div>
        </div>
    </body>
</html>
style.css
content_copyfile_download
.col-1 {
    border: 0.1px solid white;
    padding-top: 8%;
}

.black {
    background-color: #333333;
}

.black2 {
    background-color: #000000;
}

.yellow {
    background-color: #FFCB02;
}

.orange {
    background-color: #FF7F2A;
}

.container{
  padding: 20px;
}