shadow.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>shadow</title>

    <style>
        body{
            background-color: rgb(226, 92, 43);
        }
        h1:hover{
            text-shadow: 2px 2px  5px rgb(233, 12, 12) ,0px 0px 5px blue;
            background-color: blueviolet;
            

 }
 img {
    border:2px solid green;
    box-shadow: 2px 2px  5px blue, 0px 0px yellow ;
    float: left;margin: 10px;
 }
 /*p{
    font-style: italic;
    font-size: 25px;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: bold;
    border: solid 2px greenyellow;
    padding: 20px;
    
 }*/
 #one{
    border: solid 2px green;
    float: left;
    box-sizing: border-box;
    height: 250px;width: 300px;
    margin: 10px;
 }
 #two{
    border:dotted 2px yellowgreen;
    float: right;
    box-sizing: border-box;
    height: 250px;width: 300px;

 }
 #three{
    border: solid 2px red;
    box-sizing: border-box;
    height: 250px;
    width: 300px;float:left;

 }

    </style>
</head>
<body>

    <h1>coding sikho</h1>
    <img src="/images/Screenshot 2024-02-25 120801.png" width="200px">
    <p id="one">1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis molestiae nostrum enim! Eos, saepe iure explicabo tempora odit nulla quidem.</p>
    <p id="two">2 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo necessitatibus molestiae porro delectus optio sint, voluptate quasi? Nostrum ex incidunt nemo quibusdam in quasi possimus dolore facere deserunt praesentium!</p>
    <p id="three">3 Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem blanditiis error magni numquam quo minus beatae labore asperiores atque odit?</p>
 
</body>
</html>