batch1.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Batch 2021 | YearBook for MCA</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="batches.css">
    <link rel="shortcut icon" href="./img/nitjsr-logo.png" type="image/x-icon">


    <style>
        .wrapper {
            background: url(./img/bg_batch_21.png) fixed no-repeat;
            background-size: 100% 100%;
        }
    </style>
</head>

<body>
    <div class="wrapper">
        <nav class="nav-bar">
            <a href="#" class="toggle_button">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </a>
            <ul class="links" style="list-style-type: none;">
                <div class="logo">
                    <img src="./img/nitjsr-logo.png" alt="" height="50px">
                </div>
                <li><a href="./index.html">Home</a></li>
                <div class="dropdown">
                    <button onclick="myFunction()" class="dropbtn">Batches
                    </button>
                    <div id="myDropdown" class="dropdown-content">
                        <a href="./batch1.html">Batch 2021</a>
                        <a href="./batch2.html">Batch 2022</a>
                        <a href="./batch3.html">Batch 2023</a>
                    </div>
                </div>
                <li><a href="./about.html">About</a></li>     
                <li><a href="./FAQs.html">FAQs</a></li>     
                <li><a href="./why.html">Why Yearbook</a></li>     
                <div id="search">
                    <form action="" id="form">
                        <input type="text" placeholder="enter name" id="input">
                        <button>Search</button>
                    </form>
                </div>  
            </ul>
            <!-- Form to search -->
            
                       
        </nav>

        
        <div class="section">
            <!-- After searching data is shown here -->
            <div id="result"></div> 
        
    </div>
    </div>

    <footer>    
        <a href="https://github.com/BidyasagarAnupam/YearBook" id="gitlink">An Open Source Project.</a>
        <p>Developed By Bidyasagar Mohapatra | Aspiring Full Stack Web Developer | MCA'25</p> 
        <p> ©2023 - All Rights Reserved.</p>
    </footer>
    

    <script src="search.js"></script>  
    <script src="index.js"></script>
</body>

</html>