Skip to content

Instantly share code, notes, and snippets.

@elneris

elneris/sauron.css

Last active January 13, 2019 23:11
Show Gist options
  • Save elneris/25a99faea74203313f4c3fb8205d854a to your computer and use it in GitHub Desktop.
Save elneris/25a99faea74203313f4c3fb8205d854a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sauron.css
.col-1 {
border: 1px solid white;
background :#333333;
padding-top: 8%;
}
.black {
background :black
}
.orange {
background :#ff7b37;
}
.jaune {
background :yellow;
}
Raw
sauron.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="sauron.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<title>Grand Oeil</title>
</head>
<body>
<div class ="container">
<div class ="row no-gutters">
<div class="col-1"></div>
<div class= "col-1 offset-9"></div>
</div>
<div class ="row no-gutters">
<div class = "col-1"></div>
<div class = "col-1 orange offset-3"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 offset-3"></div>
</div>
<div class ="row no-gutters">
<div class = "col-1"></div>
<div class = "col-1 orange offset-2"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 black"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 offset-2"></div>
</div>
<div class ="row no-gutters">
<div class = "col-1"></div>
<div class = "col-1"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 black"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 orange"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
</div>
<div class ="row no-gutters">
<div class = "col-1"></div>
<div class = "col-1"></div>
<div class = "col-1 orange offset-1"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 black"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 offset-1"></div>
<div class = "col-1"></div>
</div>
<div class ="row no-gutters">
<div class = "col-1"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
<div class = "col-1 orange offset-1"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 offset-1"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
</div>
<div class ="row no-gutters">
<div class = "col-1 offset-1"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
<div class = "col-1 offset-3"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
</div>
<div class ="row no-gutters">
<div class = "col-1 offset-2"></div>
<div class = "col-1"></div>
<div class = "col-1"></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 no-gutters">
<div class = "col-1 offset-3"></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 no-gutters">
<div class = "col-1 offset-4"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
</div>
<div class ="row no-gutters">
<div class = "col-1 offset-4"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
</div>
</div>
</body>
</html>
<div class = "col-1 jaune"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 offset-2"></div>
</div>
<div class ="row">
<div class = "col-1"></div>
<div class = "col-1"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 black"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 orange"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
</div>
<div class ="row">
<div class = "col-1"></div>
<div class = "col-1"></div>
<div class = "col-1 orange offset-1"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 black"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 offset-1"></div>
<div class = "col-1"></div>
</div>
<div class ="row">
<div class = "col-1"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
<div class = "col-1 orange offset-1"></div>
<div class = "col-1 jaune"></div>
<div class = "col-1 orange"></div>
<div class = "col-1 offset-1"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
</div>
<div class ="row">
<div class = "col-1 offset-1"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
<div class = "col-1 offset-3"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
</div>
<div class ="row">
<div class = "col-1 offset-2"></div>
<div class = "col-1"></div>
<div class = "col-1"></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">
<div class = "col-1 offset-3"></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">
<div class = "col-1 offset-4"></div>
<div class = "col-1"></div>
<div class = "col-1"></div>
</div>
<div class ="row">
<div class = "col-1 offset-4"></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