Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ############ HTML
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <link rel="stylesheet" href="css/style.css">
- <link rel="icon" href="img/icon.png">
- <title>huy</title>
- </head>
- <body>
- <div id="page-wrapper">
- <div id="header" class="block"></div>
- <div id="sidebar" class="block"></div>
- <div id="content" class="block"></div>
- <div id="footer" class="block"></div>
- </div>
- </body>
- </html>
- ############ CSS
- html {
- margin: 0 0 0 0;
- }
- body {
- margin: 0 0 0 0;
- background-image: url(../img/bg.jpg);
- background-size: 100%;
- }
- .block {
- background-color: #0a0a0a;
- opacity: 0.7;
- box-shadow: 0px 0px 5px 5px #1f1f1f;
- margin: 10px 10px 10px 10px;
- vertical-align: top;
- }
- #page-wrapper {
- width: 100%;
- height: 100vh;
- }
- #header {
- width: 800px;
- height: 100px;
- display: inline-block;
- }
- #sidebar {
- width: 250px;
- height: 300px;
- display: inline-block;
- }
- #content {
- width: 800px;
- min-height: 600px;
- /*display: inline-block;*/
- }
- #footer {
- width: 800px;
- height: 70px;
- /*display: inline-block;*/
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement