Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- background-color:#f4f4f4;
- color:#555;
- font-family:Arial, Helvetica, sans-serif;
- font-size:16px;
- line-height:1.6em;
- margin:0;
- }
- .container{
- width:80%;
- margin:auto;
- overflow:hidden;
- }
- #main-header{
- background-color:coral;
- color:#fff;
- }
- #navbar{
- background-color:#333;
- color:#fff;
- }
- #navbar ul{
- padding:0;
- list-style: none;
- }
- .logo {
- width: 150px;
- height: 150px;
- float: left;
- padding: 0;
- border: 0;
- }
- #navbar li{
- display:inline;
- }
- #navbar a{
- color:#fff;
- text-decoration: none;
- font-size:18px;
- padding-right:15px;
- }
- #showcase{
- background-image:url('../images/showcase.jpg');
- background-position:center right;
- min-height:300px;
- margin-bottom:30px;
- text-align: center;
- }
- #showcase h1{
- color:#fff;
- font-size:50px;
- line-height: 1.6em;
- padding-top:30px;
- }
- #main{
- float:left;
- width:70%;
- padding:0 30px;
- box-sizing: border-box;
- }
- #sidebar{
- float:right;
- width:30%;
- background: #333;
- color:#fff;
- padding:10px;
- box-sizing: border-box;
- }
- .socialmedia {
- float: left;
- margin: 0px;
- padding: 0px;
- text-decoration: none;
- }
- #main-footer{
- background: #333;
- color:#fff;
- text-align: center;
- padding:20px;
- margin-top:130px;
- }
- @media(max-width:600px){
- #main{
- width:100%;
- float:none;
- }
- #sidebar{
- width:100%;
- float:none;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement