Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,700,900&subset=latin,latin-ext);
- .clearfix:before,
- .clearfix:after {
- content: " ";
- clear: both;
- display: block;
- }
- body {
- color: #444444;
- font-family: 'Source Sans Pro', sans-serif;
- margin: 0;
- box-sizing: border-box;
- padding: 0;
- }
- .hero {
- height: 350px;
- background-image: url("/static/lessons/15.jpg");
- background-size: cover;
- }
- h1 {
- padding-top: 100px;
- text-align: center;
- color: #FFFFFF;
- font-size: 40px;
- text-transform: uppercase;
- margin: 0;
- }
- .container {
- max-width: 700px;
- width: 80%;
- margin: 0 auto;
- }
- .main, .sidebar {
- float: right;
- }
- .main {
- width: 80%;
- }
- .sidebar {
- width: 20%;
- display: block;
- }
- .col {
- float: left;
- width: 25%;
- }
- img {
- width: 100%;
- }
- .social-media {
- position: fixed;
- top: calc(50vh - 65px);
- left: 10px;
- width: 40px;
- }
- .social-media i {
- height: 40px;
- width: 40px;
- font-size: 20px;
- margin-bottom: 5px;
- cursor: pointer;
- border-radius: 50%;
- background: #ccc;
- line-height: 40px;
- text-align: center;
- }
- .footer {
- height: 75px;
- background-color: #2C3E50;
- text-align: center;
- color: #FFFFFF;
- padding-top: 30px;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement