Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.
Top:
Code:
<link href="https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://images.pexels.com/photos/211290/pexels-photo-211290.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'); padding-top: 150px; box-shadow: 0px 0px 15px #000;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(174,90,32,1)); padding: 100px;"></div><div style="background-image: linear-gradient(rgba(174,90,32,1),rgba(136,69,23,1)); padding: 50px;"><div style="background: rgba(255,255,255,.25); padding: 35px; border-left: 5px solid #642f18; border-right: 5px solid #642f18; text-align: justify; font-family: 'Nothing You Could Do', cursive; font-size: 24px; text-shadow: 0px 0px 0px #000; color: #642f18;">
Bottom:
Code:
</div></div></div>