Full Landing Page With Only HTML And CSS

HTML CODE

CSS CODE

html,body{
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Source Sans Pro', sans-serif;
}
.p1{
  position: relative;
  height: 100%;
  background-image: url(1.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.p2{
  position: relative;
  height: 100%;
  background-image: url(2.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.p3{
  position: relative;
  height: 100%;
  background-image: url(3.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.sec{
  position: absolute;
  top: 50%;
  right: 200px;
  color: white;
  width: 600px;
}
.sec p{
  font-size: 18px;
  text-align: justify;
  margin: 0;
  font-weight: 700;
}
.sec a{
  background:#f44336;
  color: white;
  font-size: 18px;
  text-decoration: none;
  display: block;
  float: left;
  padding: 10px 30px;
  font-weight: 700;
  margin: 10px 0;
  transition: 0.4s all;
}
.sec a:hover{
  opacity: 0.7;
}

Author Description

darkcode