Untitled
unknown
plain_text
7 months ago
3.2 kB
4
Indexable
Never
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> * { margin: 0; padding: 0; } nav { display: flex; height: 50px; background: red; box-shadow: 1px 1px 2px grey; } .ul1 { display: flex; } li { list-style: none; font-size: large; font-weight: bold; height: 37px; padding-top: 13px; padding-left: 15px; padding-right: 15px; } li:hover { list-style: none; cursor: pointer; font-size: large; font-weight: bold; background-color: beige; padding-top: 13px; height: 37px; padding-left: 15px; padding-right: 15px; } .l1 { background-color: beige; } .c1 { height: 400px; background-color: red; margin-top: 2px; text-align: center; } .h1 { padding-top: 100px; font-size: 70px; font-weight: lighter; color: white; } .p1 { font-size: 25px; color: white; padding-top: 10px; } .b1 { background-color: black; color: white; padding: 12px; margin-top: 24px; font-size: medium; } .b1:hover { font-size: medium; background-color: grey; color: white; padding: 12x; margin-top: 24px; cursor: pointer; } .c2{ display: flex; align-items: center; } .p2{ font-size: 20px; margin-left: 130px; width: 500px; } .h2{ color: black; margin-left: 130px; margin-bottom: 20px; font-weight: lighter; font-size: 50px; } .img1{ height: 300px; margin-left:270px; padding-top: 100px; } </style> <body> <nav> <ul class="ul1"> <li class="l1">Home</li> <li>Link1</li> <li>Link2</li> <li>Link3</li> </ul> </nav> <main> <div class="c1"> <h1 class="h1">START PAGE</h1> <p class="p1">template </p> <button class="b1" >Get Started</button> </div> <div class="c2"> <div class="text"> <h1 class="h2">Lorem, ipsum.</h1> <p class="p2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores tenetur maxime omnis consectetur. Veritatis dolores suscipit aliquid eveniet doloribus facilis pariatur accusamus perspiciatis placeat laudantium, officiis reiciendis debitis expedita. Reprehenderit?</p> </div> <img class="img1" src="anchor-304098_1280.png" alt=""> </div> <div class="c3"></div> <div class="c4"></div> </main> </body> </html>
Leave a Comment