Untitled

unknown
plain_text
7 months ago
2.9 kB
Indexable
Never
<!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 palate">
            <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 palate">
            <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 palate">
            <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;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(100px, auto);
}
main .palate
{
    background-color: #FFF;
    padding: 1em;
    margin: 1em;
    border-radius: 1rem;
    box-shadow: 5px 5px 5px 3px rgb(0 0 0 / 20%);
}
main h2{
    color:blueviolet;
}

</style>
</html>