Skip to content

Instantly share code, notes, and snippets.

@Jules59

Jules59/sauron.html

Last active February 25, 2018 12:33
Show Gist options
  • Save Jules59/d89ed1be7434f518c8faa836e048d261 to your computer and use it in GitHub Desktop.
Save Jules59/d89ed1be7434f518c8faa836e048d261 to your computer and use it in GitHub Desktop.
Download ZIP
The home of my choupinette Sauron
Raw
sauron.html
<!Doctype html>
<html>
<head>
<meta charset="utf-8" >
<title>La tour de ma choupinette Sauron</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/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 offset-1 Grey"></div>
<div class="col-1 offset-9 Grey"></div>
</div>
<!-- 2eme ligne -->
<div class="row">
<div class="col-1 offset-1 Grey"></div>
<div class="col-1 offset-3 Orange"></div>
<div class="col-1 Yellow"></div>
<div class="col-1 Orange"></div>
<div class="col-1 offset-3 Grey"></div>
</div>
<!-- 3eme ligne -->
<div class="row">
<div class="col-1 offset-1 Grey"></div>
<div class="col-1 offset-2 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 offset-2 Grey"></div>
</div>
<!-- 4 eme ligne -->
<div class="row">
<div class="col-1 offset-1 Grey"></div>
<div class="col-1 Grey"></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 Grey"></div>
<div class="col-1 Grey"></div>
</div>
<!-- 5 eme ligne -->
<div class="row">
<div class="col-1 offset-1 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 offset-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 offset-1 Grey"></div>
<div class="col-1 Grey"></div>
</div>
<!-- 6 eme ligne -->
<div class="row">
<div class="col-1 offset-1 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 offset-1 Orange"></div>
<div class="col-1 Yellow"></div>
<div class="col-1 Orange"></div>
<div class="col-1 offset-1 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
</div>
<!-- 7 eme ligne -->
<div class="row">
<div class="col-1 offset-2 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 offset-3 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
</div>
<!-- 8 eme ligne -->
<div class="row">
<div class="col-1 offset-3 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
</div>
<!-- 9 eme ligne -->
<div class="row">
<div class="col-1 offset-4 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
</div>
<!-- 10 eme ligne-->
<div class="row">
<div class="col-1 offset-5 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
</div>
<!-- 11 eme ligne-->
<div class="row">
<div class="col-1 offset-5 Grey"></div>
<div class="col-1 Grey"></div>
<div class="col-1 Grey"></div>
</div>
</body>
</html
Raw
style.css
.container
{
border: 1px;
}
.Black
{
background-color: black;
border:1px solid white;
padding: 10px;
width: 50px;
height: 50px;
}
.Orange
{
background-color: orange;
border:1px solid white;
padding: 10px;
width: 50px;
height: 50px;
}
.Yellow
{
background-color: yellow;
border:1px solid white;
padding: 10px;
width: 50px;
height: 50px;
}
.Grey
{
background-color: rgb(51,51,51);
border:1px solid white;
padding: 10px;
width: 50px;
height: 50px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment