Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Document sans nom</title>
- <style>
- body{
- margin:0px;
- }
- #top1{
- width:100%;
- height:75px;
- background-color:#313131;
- }
- #top1Interieur{
- width:1170px;
- height:100%;
- background-color: #336;
- position:relative;
- margin-left:auto;
- margin-right:auto;
- }
- #logo{
- width:110px;
- height:105px;
- background-color:rgba(255,153,51,0.75);
- position:absolute;
- top:0px;
- left:0px;
- }
- #top2{
- width:100%;
- height:30px;
- background-color: #CCC;
- }
- #milieu{
- width:1170px;
- height:415px;
- background-color: #C60;
- margin-top:300px;
- margin-left:auto;
- margin-right:auto;
- }
- .produit{
- box-sizing:border-box;
- width:350px;
- height:198px;
- background-color: #369;
- margin-bottom:10px;
- margin-right:35px;
- border:solid 2px #666;
- float:left;
- position:relative;
- }
- .bouton{
- width:150px;
- height:30px;
- position:absolute;
- top:155px;
- left:-15px;
- background-color:#FC0;
- }
- </style>
- </head>
- <body>
- <div id="top1">
- <div id="top1Interieur">
- <div id="logo"></div>
- </div>
- </div>
- <div id="top2"></div>
- <div id="milieu">
- <div class="produit">
- <div class="bouton"></div>
- </div>
- <div class="produit">
- <div class="bouton"></div>
- </div>
- <div class="produit">
- <div class="bouton"></div>
- </div>
- <div class="produit">
- <div class="bouton"></div>
- </div>
- <div class="produit">
- <div class="bouton"></div>
- </div>
- <div class="produit">
- <div class="bouton"></div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement