Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Rubik" rel="stylesheet">
- <title>Week 5 Exercise 1</title>
- <style>
- body {margin:0;}
- .Box_Header {
- background-color: rgb(128,0,0);
- color: white;
- font-size: 30px;
- font-family: 'Abril Fatface', cursive;
- height: 60px;
- text-align: center;
- padding-top: 30px;
- position: fixed;
- top: 0px;
- width: 100%;
- }
- .card {
- background-color: blue;
- margin: 100px auto 20px auto;
- width: 800px;
- height: 300px;
- border-top: 4px solid red;
- border-bottom: 4px solid green;
- border-radius: 20px;
- }
- .card:first-of-type {
- margin-top: 10px;
- background-color: red;
- }
- .Card_2 {
- background-color: blue;
- margin: 20px auto 20px auto;
- width: 800px;
- height: 300px;
- border-top: 4px solid red;
- border-bottom: 4px solid green;
- border-radius: 20px;
- }
- /*.Card_3 {
- background-color: blue;
- margin: 10px auto 10px auto;
- width: 800px;
- height: 300px;
- border-top: 4px solid red;
- border-bottom: 4px solid green;
- }*/
- #Circle_1 {
- position: fixed;
- height: 80px;
- width: 80px;
- background-color: red;
- border-radius: 50%;
- bottom: 18px;
- right: 30px;
- box-shadow: 0px 8px 20px 0px black;
- }
- </style>
- </head>
- <body>
- <div class="Box_Header">My App!</div>
- <div class="card"></div>
- <div class="card"></div>
- <div class="card"></div>
- <div class="card"></div>
- <div class="Card_1"></div>
- <div class="Card_1"></div>
- <div id="Circle_1"></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement