Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *{
- margin: 0px;
- padding: 0px;
- box-sizing: border-box;
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- }
- .container{
- width: 100%;
- background: url(../images/background.jpg) center no-repeat;
- background-size: cover;
- background-attachment: fixed;
- }
- .header{
- width: 100%;
- height: 100px;
- background: #ff8aab;
- }
- .navbar{
- width: 70%;
- height: 100%;
- float: left;
- }
- .navbar img{
- margin-top: 10px;
- margin-left: 10px;
- width: 80px;
- }
- .buy{
- width: 30%;
- height: 100%;
- float: left;
- }
- .buy a{
- text-decoration: none;
- background: white;
- display: inline-block;
- padding: 10px;
- margin: 30px 0px 0px 30%;
- color: black;
- border-radius: 50px;
- transition: .4s;
- }
- .buy a:hover{
- background: #ff0048;
- color: #ffffff;
- }
- .content{
- width: 100%;
- height: 700px;
- text-align: center;
- padding: 15%;
- box-sizing: border-box;
- color: white;
- }
- .content p{
- padding: 10px 20%;
- font-size: 18px;
- }
- .content h1{
- font-size: 36px;
- }
- .footer{
- width: 100%;
- height: 500px;
- background:rgb(100, 100, 100);
- text-align: center;
- }
- .footer h1{
- padding: 30px;
- color: white;
- }
- .blurr{
- width: 100%;
- height: 100%;
- padding-top: 100px;
- transition: .4s;
- }
- .choco{
- width: 26%;
- height: 300px;
- float: left;
- margin: 30px 3.6%;
- border-radius: 7px;
- text-align: center;
- transition: .4s;
- }
- .choco h1{
- color: rgba(255, 255, 255, 0);
- transition: .4s;
- }
- .blurr{
- width: 100%;
- height: 100%;
- padding-top: 100px;
- border-radius: 7px;
- }
- .choco:hover .blurr{
- background: #ff8aabc5;
- }
- .choco:hover h1{
- color: white;
- font-size: 36px;
- }
- .one{
- background: url(../images/choco1.jpg) no-repeat center;
- background-size: cover;
- }
- .two{
- background: url(../images/choco2.jpg) no-repeat center;
- background-size: cover;
- }
- .three{
- background: url(../images/choco3.jpg) no-repeat center;
- background-size: cover;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement