Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>my resume</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
   
        <img src="IMG_20231022_145908.jpg" alt="">
        <div class="tabindex">
            <h1> Nidhi <div class="container">Kushwaha</div>
            </h1>
            <h2>SOFTWARE DEVELOPER</h2>
            <P>
                Lorem ipsum dolor sit amet consectetur adipisicing elit.<br> Praesentium assumenda, perspiciatis
                excepturi<br>
                adipisci non molestiae possimus id<br> aliquid iusto iure atque veniam laudantium <br>alias doloremque
                cum
                cumque</P>
    
    </div>


</body>

</html>


 .container {
    margin: 2px;
    padding: 3px;
    border: 4px solid black;
    background-color: aqua;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    height: 700px;

    }

    .box {
    margin: 3px;
    padding: 4px;
    height: 200px;
    width: 300px;
    }

    #box1 {
    margin: 1px;
    padding: 2px;
    background-color: palevioletred;
    }

    #box2 {
    margin: 1px;
    padding: 2px;
    background-color: blue;
    }

    #box3 {
    margin: 1px;
    padding: 2px;
    background-color: brown;
    }
    p{
        text-transform: capitalize;
    }
Editor is loading...