How guilty should I feel?
The people who sing odes to my profession's nobility are usually not journalists themselves.
Maria Muszynska
HTML:
<!-- Hero Section -->
<div class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll" data-options='{direction: "normal"}'>
<!-- Apply your Parallax background image here -->
<div class="divimage dzsparallaxer--target gradient-overlay-half-dark-v2" style="height: 120%; background-image: url(../../assets/img/1920x1080/img29.jpg);"></div>
<div class="d-flex align-items-end height-600 position-relative z-index-2">
<div class="container">
<div class="w-lg-60 text-center mx-lg-auto mb-9">
<!-- Title -->
<div class="mb-7">
<h1 class="display-4 font-size-48--md-down text-white mb-4">How guilty should I feel?</h1>
<p class="lead text-white">The people who sing odes to my profession's nobility are usually not journalists themselves.</p>
</div>
<!-- End Title -->
<!-- Author -->
<img class="u-avatar rounded-circle mb-3" src="../../assets/img/100x100/img1.jpg" alt="Image Description">
<h2 class="h6 text-white">Maria Muszynska</h2>
<!-- End Author -->
</div>
</div>
</div>
</div>
<!-- End Hero Section -->
CSS library:
<link rel="stylesheet" href="../../assets/vendor/dzsparallaxer/dzsparallaxer.css">
JS library and initialization:
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/dzsparallaxer/dzsparallaxer.js"></script>