A Pen by Nicholas Vercruysse

Thumbnail
This awesome code was written by TurnipEntropy, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright TurnipEntropy ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Nicholas Vercruysse</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <body>
  <div class='navbar navbar-reverse'>
      Mastermind
  </div>
  <div class='container'>
    <div class='row'>
      <div class='col-md-3'>
        <div class='sidebar'>
          Options
        </div>
      </div>
      <div class='col-md-8 col-md-offset-1'>
        <div class='content'>
          <div class='row'>
            <div class='col-sm-12'>
              Stuff
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>

  

</body>

</html>

/*Downloaded from https://www.codeseek.co/TurnipEntropy/a-pen-by-nicholas-vercruysse-BrdPyw */
body {
  background:gray
}
.container{
  background:dark-gray
}
.sidebar {
  background: blue;
  border-radius: 5px;
}

.content {
  background: magenta;
  border-radius: 5px;
}

Comments