Last active
February 20, 2018 21:54
-
-
Save b0ndurant/1d2bd5cc81e230a1abd2f4023b93ce32 to your computer and use it in GitHub Desktop.
sauron
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!Doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8" > | |
<title>Oeil de Sauron</title> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | |
<link rel="stylesheet" href="style.css"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
</head> | |
<body> | |
<div class="container"> | |
<!--1er ligne--> | |
<div class="row"> | |
<div class="col-1 gris"></div> | |
<div class="col-1 offset-9 gris"></div> | |
</div> | |
<!--2em ligne--> | |
<div class="row"> | |
<div class="col-1 gris"></div> | |
<div class="col-1 offset-3 orange"></div> | |
<div class="col-1 jaune"></div> | |
<div class="col-1 orange"></div> | |
<div class="col-1 offset-3 gris"></div> | |
</div> | |
<!--3em ligne--> | |
<div class="row"> | |
<div class="col-1 gris"></div> | |
<div class="col-1 offset-2 orange"></div> | |
<div class="col-1 jaune"></div> | |
<div class="col-1 noir"></div> | |
<div class="col-1 jaune"></div> | |
<div class="col-1 orange"></div> | |
<div class="col-1 offset-2 gris"></div> | |
</div> | |
<!--4em ligne--> | |
<div class="row"> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 orange"></div> | |
<div class="col-1 orange"></div> | |
<div class="col-1 jaune"></div> | |
<div class="col-1 noir"></div> | |
<div class="col-1 jaune"></div> | |
<div class="col-1 orange"></div> | |
<div class="col-1 orange"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
</div> | |
<!--5em ligne--> | |
<div class="row"> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 offset-1 orange"></div> | |
<div class="col-1 jaune"></div> | |
<div class="col-1 noir"></div> | |
<div class="col-1 jaune"></div> | |
<div class="col-1 orange"></div> | |
<div class="col-1 offset-1 gris"></div> | |
<div class="col-1 gris"></div> | |
</div> | |
<!--6em ligne--> | |
<div class="row"> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 offset-1 orange"></div> | |
<div class="col-1 jaune"></div> | |
<div class="col-1 orange"></div> | |
<div class="col-1 offset-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
</div> | |
<!--7em ligne--> | |
<div class="row"> | |
<div class="col-1 offset-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 offset-3 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
</div> | |
<!--8em ligne--> | |
<div class="row"> | |
<div class="col-1 offset-2 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
</div> | |
<!--9em ligne--> | |
<div class="row"> | |
<div class="col-1 offset-3 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
</div> | |
<!--10 em ligne--> | |
<div class="row"> | |
<div class="col-1 offset-4 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
</div> | |
<!--11 em ligne--> | |
<div class="row"> | |
<div class="col-1 offset-4 gris"></div> | |
<div class="col-1 gris"></div> | |
<div class="col-1 gris"></div> | |
</div> | |
</div> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.gris{ background-color: grey;padding: 0;} | |
.orange{ background-color: orange;padding: 0; } | |
.noir{ background-color: black;padding: 0; } | |
.jaune{ background-color: yellow;padding: 0; } | |
.col-1 | |
{ | |
border: 1px solid white; | |
} | |
.row | |
{ | |
height: 8vw; | |
max-height: 8vh; | |
} | |
.container | |
{ | |
max-height: 90vh; | |
max-width: 90vh; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment