Run ❯
Get your own website
❯Run Code Ctrl+Alt+R
Change Orientation Ctrl+Alt+O
Change Theme Ctrl+Alt+D
Go to Spaces Ctrl+Alt+P
HTML
CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="/htmlcss/styles.css" type="text/css"> </head> <body> <section class="hero"> <div> <h1>Overlay Technique</h1> <p>Combine gradients and imagery with strong contrast.</p> </div> </section> <script src="https://www.comfortsoftwaregroup.com/web/webmastertoolbag/edibu.js"></script> <script src="https://www.comfortsoftwaregroup.com/web/webmastertoolbag/tongji.js"></script></body> </html>
.hero { min-height: 320px; display: grid; place-items: center; text-align: center; color: #fff; padding: 48px 24px; font-family: "Inter",sans-serif; background-image: linear-gradient(rgba(15, 23, 42, 0.6), rgba(15, 23, 42, 0.6)), url("/htmlcss/images/mountains.jpg"); background-size: cover; background-position: center; border-radius: 18px; }