Skip to content

Instantly share code, notes, and snippets.

@mehdihettak

mehdihettak/oeilsauronmehdi.css

Created March 1, 2019 10:03
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mehdihettak/d7bdd848bccef4e38071fedc30b18d3d to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mehdihettak/d7bdd848bccef4e38071fedc30b18d3d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
oeilsauronmehdi.css
.gris{
background-color: grey;
}
.orange{
background-color: orange;
}
.jaune{
background-color: yellow;
}
.noir{
background-color: black;
}
.col-1{
border: solid white 1px;
padding: 4%;
}
Raw
oeilsauronmehdi.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="oeilsauronmehdi.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>le Grand Oeil de Sauron</title>
</head>
<body>
<!-- ligne1-->
<div class="container">
<div class="row no-gutters">
<div class="col-1 gris"></div>
<div class="col-1 offset-9 gris"></div>
</div>
<!-- ligne2-->
<div class="row no-gutters">
<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>
<!-- ligne3-->
<div class="row no-gutters">
<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>
<!-- ligne4-->
<div class="row no-gutters">
<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>
<!-- ligne5-->
<div class="row no-gutters">
<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>
<!-- ligne6-->
<div class="row no-gutters">
<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>
<!-- ligne7-->
<div class="row no-gutters">
<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>
<!-- ligne8-->
<div class="row no-gutters">
<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>
<!-- ligne9-->
<div class="row no-gutters">
<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>
<!-- ligne10-->
<div class="row no-gutters">
<div class="col-1 offset-4 gris"></div>
<div class="col-1 gris"></div>
<div class="col-1 gris"></div>
</div>
<!-- ligne11-->
<div class="row no-gutters">
<div class="col-1 offset-4 gris"></div>
<div class="col-1 gris"></div>
<div class="col-1 gris"></div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment