Skip to content

Instantly share code, notes, and snippets.

@ConstanceHT
Last active February 26, 2018 11:01
Show Gist options
  • Save ConstanceHT/60499a0fdab072a96327640970b664c0 to your computer and use it in GitHub Desktop.
Save ConstanceHT/60499a0fdab072a96327640970b664c0 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="mafeuilledestyle.css">
<title>Saurons'eye</title>
</head>
<body>
<div class="container">
<!-- row 1 -->
<div class="row">
<div class="col-1 gris">
<div class="yolo"></div>
</div>
<div class="col-1 offset-9 gris"></div>
</div>
<!-- row 2 -->
<div class="row">
<div class="col-1 gris">
<div class="yolo"></div>
</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>
<!-- row 3 -->
<div class="row">
<div class="col-1 gris">
<div class="yolo"></div>
</div>
<div class="col-1 offset-2 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 offset-2 gris"></div>
</div>
<!-- row 4 -->
<div class="row">
<div class="col-1 gris">
<div class="yolo"></div>
</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 black"></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>
<!-- row 5 -->
<div class="row">
<div class="col-1 gris">
<div class="yolo"></div>
</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 black"></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>
<!-- row 6 -->
<div class="row">
<div class="col-1 gris">
<div class="yolo"></div>
</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>
<!-- row 7 -->
<div class="row">
<div class="col-1 offset-1 gris">
<div class="yolo"></div>
</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>
<!-- row 8 -->
<div class="row">
<div class="col-1 offset-2 gris">
<div class="yolo"></div>
</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>
<!-- row 9 -->
<div class="row">
<div class="col-1 offset-3 gris">
<div class="yolo"></div>
</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>
<!-- row 10 -->
<div class="row">
<div class="col-1 offset-4 gris">
<div class="yolo"></div>
</div>
<div class="col-1 gris"></div>
<div class="col-1 gris"></div>
</div>
<!-- row 11 -->
<div class="row">
<div class="col-1 offset-4 gris">
<div class="yolo"></div>
</div>
<div class="col-1 gris"></div>
<div class="col-1 gris"></div>
</div>
</div>
</body>
</html>
.col-1{
border: 1px solid #ffffff;
padding-top: O;
padding-left: 0;
padding-bottom: 0;
padding-right: 0;
}
.black{
background-color:black;
}
.orange{
background-color:orange;
}
.gris{
background-color:grey;
}
.jaune{
background-color:yellow;
}
.yolo{
margin-top: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment