Simple CSS Parallax effect

Create a div block with class 'parallax'

<div class="parallax"></div>

Apply CSS code (use your own background image path)

.parallax {
min-height: 600px;
background-image: url("images/background.jpg");
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}