Hello. I am sending a link leading to a photo of what I intend to code. Could you please help by sending a link to a website that explains how to do that? Thank you.
https://ibb.co/Lgs62R1
``<i> </i><!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1"> <title>untitled document</title> <!--<link rel="stylesheet" href="screen.css" media="screen">--> <style media="screen"> body { background-color: #f0f0f0; font: normal 1em / 150% sans-serif; } #container { display:flex; justify-content: center; align-items: center; width: 62vw; height: 34.87vw; padding: 1em; margin: auto; border: 1px solid #666; box-sizing: border-box; box-shadow: 0.75vw 0.75vw 0.75vw rgba(0, 0, 0, 0.5 ); background-color: #000; background-image: url( https://i.picsum.photos/id/184/992/558.jpg ); background-size: 100% auto; } h1 { color: #fff; text-transform: capitalize; text-align: center; } </style> </head> <body> <div id="container"> <h1>Lorem Ipsum</h1> </div> </body> </html><i> </i>``
<i> </i><!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1"> <title>untitled document</title> <!--<link rel="stylesheet" href="screen.css" media="screen">--> <style media="screen"> body { background-color: #f0f0f0; font: normal 1em / 150% sans-serif; } #container { display:flex; justify-content: center; align-items: center; width: 62vw; height: 34.87vw; padding: 1em; margin: auto; border: 1px solid #666; box-sizing: border-box; box-shadow: 0.75vw 0.75vw 0.75vw rgba(0, 0, 0, 0.5 ); background-color: #000; background-image: url( https://i.picsum.photos/id/184/992/558.jpg ); background-size: 100% auto; } h1 { color: #fff; text-transform: capitalize; text-align: center; } </style> </head> <body> <div id="container"> <h1>Lorem Ipsum</h1> </div> </body> </html><i> </i>
``<i> </i><!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>untitled document</title> <style> #container { display:flex; justify-content: center; align-items: center; padding: 1em; margin: auto; background-image: url(WRITE URL HEAR); background-size: 100% auto; } h1 { text-align: center; } </style> </head> <body> <div id="container"> <h1>TEXT HEAR</h1> </div> </body> </html><i> </i>``
<i> </i><!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>untitled document</title> <style> #container { display:flex; justify-content: center; align-items: center; padding: 1em; margin: auto; background-image: url(WRITE URL HEAR); background-size: 100% auto; } h1 { text-align: center; } </style> </head> <body> <div id="container"> <h1>TEXT HEAR</h1> </div> </body> </html><i> </i>
Help @codewitch spread the word by sharing this article on Twitter...