Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body
- {
- background: #fafbff;
- font-family: sans-serif;
- margin: 0;
- padding: 0;
- }
- .box1
- {
- margin: auto;
- max-width: 900px;
- height: 100vh;
- }
- .header
- {
- display: flex;
- height: 100px;
- line-height: 100px;
- }
- .header > .logo
- {
- width: 250px;
- height: 100px;
- line-height: 100px;
- cursor: pointer;
- }
- .header > .logo
- {
- background-image: url("logo.png");
- background-repeat: no-repeat;
- background-size: auto 80px;
- background-position: center;
- }
- .header > .menu
- {
- width: 700px;
- height: 100px;
- line-height: 100px;
- }
- .header > .menu > li
- {
- float: right;
- list-style-type: none;
- cursor: pointer;
- padding: 0 20px;
- }
- .header > .menu > li > span
- {
- color: #282e42;
- transition: 0.4s;
- font-size: 17px;
- padding: 10px 20px 10px;
- text-transform: uppercase;
- }
- span:hover
- {
- background: #edc672;
- }
- .image
- {
- background: gray;
- height: 500px;
- }
- .box2
- {
- max-width: 900px;
- height: 100vh;
- margin: 0 auto;
- background: gray;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement