Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sreenidhi Inst. of Science and Tcehnology</title>
    <link rel="stylesheet" href="./style/snist.css">
</head>
<body>
    <nav>
        <div class="logo">
            <img  src="./assets/SNISTLOGI.jpg" alt="logo" class="logo">
        </div>
        <div class="navigation-links">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Explore Snist</a></li>
                <li><a href="#">Placements</a></li>
                <li><a href="#">Placements</a></li>
            </ul>
        </div>
    </nav>
    <main>
        <div class="info">
            <h2>College Info</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam velit a accusantium repellat. Consectetur vero sapiente doloribus quod, a, ea iste placeat illo optio repellat odio ipsam est! Eveniet, modi.
            Nisi expedita corrupti nobis. Nisi accusantium expedita odio beatae minima molestiae facere vitae inventore corrupti totam aut, illo, nemo explicabo at sit ratione id, voluptatem rerum ex. Eveniet, earum maxime.</p>
        </div>
        <div class="branch">
            <h2>Branch Info</h2>
            <ol>
                <li>IT</li>
                <li>ECM</li>
                <li>CSE</li>
                <li>ESE</li>
                <li>MECH</li>
            </ol>
        </div>
        <div class="address">
            <h2>Address</h2>
            <p>Sreenidhi Institute of Science & Technology <br>
                Yamnampet, Ghatkesar Hyderabad - 501 301,<br>
                Telangana. info@sreenidhi.edu.in</p>
        </div>
    </main>
</body>
<style>
    body
{
    background-color: #284b63;
    margin: 0;
}
nav
{
    background-color:#FFF;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
}
nav .logo
{
    padding: 0.3rem;
    overflow: hidden;
}
nav .logo img
{
    height: 80%;
}
nav .navigation-links ul
{
    width: 50vw;
    font-size: large;
}
nav .navigation-links 
{
    margin-right: 1rem;
}
nav .navigation-links a
{
    text-decoration: none;
    color: black;
}
nav .navigation-links a:hover
{
    text-decoration:solid;
    color:aqua ;
}
nav .navigation-links ul
{
    list-style: none;
    display: flex;
    padding: 0.5rem;
    justify-content: space-between;
}
main
{
    display: grid;
}
</style>
</html>
Editor is loading...