Skip to content

Instantly share code, notes, and snippets.

@PradalCyril

PradalCyril/OeilSauron.css

Last active October 4, 2018 12:48
Show Gist options
  • Save PradalCyril/8099958385da2f63fa47651a5e38f397 to your computer and use it in GitHub Desktop.
Save PradalCyril/8099958385da2f63fa47651a5e38f397 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
OeilSauron.css
.row{
justify-content: space-between;
border-bottom: 1px;
border-right : 1px;
border-style: solid;
border-color: white;
}
.black{
background-color: black;
}
.orange{
background-color: orange;
}
.yellow{
background-color: yellow;
}
.col-1{
padding-bottom: 8.33%;
}
Raw
OeilSauron.html
<!DOCTYPE>
<html>
<head>
<link rel="stylesheet" href="OeilSauron.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
</head>
<body>
<div class="container-fluid">
<div class="row" id="L1">
<div class="col-1 black"></div>
<div class="col-1 black"></div>
</div>
<div class="row" id="L2">
<div class="col-1 black"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1 orange"></div>
<div class="col-1 yellow"></div>
<div class="col-1 orange"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1 black"></div>
</div>
<div class="row" id="L3">
<div class="col-1 black"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1 orange"></div>
<div class="col-1 yellow"></div>
<div class="col-1 black"></div>
<div class="col-1 yellow"></div>
<div class="col-1 orange"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1 black"></div>
</div>
<div class="row" id="L4">
<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 black"></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" id="L5">
<div class=" col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1"></div>
<div class="col-1 orange"></div>
<div class="col-1 yellow"></div>
<div class="col-1 black"></div>
<div class="col-1 yellow"></div>
<div class="col-1 orange"></div>
<div class="col-1"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
</div>
<div class="row" id="L6">
<div class="col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1"></div>
<div class="col-1 orange"></div>
<div class="col-1 yellow"></div>
<div class="col-1 orange"></div>
<div class="col-1"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
</div>
<div class="row" id="L7">
<div class="col-1"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1"></div>
</div>
<div class="row" id="L8">
<div class="col-1"></div>
<div class="col-1"></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 class="col-1 black"></div>
<div class="col-1"></div>
<div class="col-1"></div>
</div>
<div class="row" id="L9">
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></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"></div>
<div class="col-1"></div>
<div class="col-1"></div>
</div>
<div class="row" id="L10">
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
</div>
<div class="row" id="L11">
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1 black"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment