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="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> </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("images/mountains.jpg"); background-size: cover; background-position: center; border-radius: 18px; }
