index.html

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

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>IEEE SB NITD</title>
    <link rel="icon" href="logoIEEE.png">
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
        integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
        rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css
    " rel="stylesheet">
</head>

<body>
    <div class="navbar" id="fixed-nav">
        <div class="nav-logo">
            <img src="ieeesb_logo_white.15235393.png" />
        </div>
        <div class="nav-menu">
            <a href="#">Home</a>
            <a href="#">Team</a>
            <a href="#">Alumni</a>
            <a href="#">Activities</a>
            <a href="#">Contact us</a>
        </div>
    </div>

    <div class="home">
        <div class="content1">IEEE SB NITD</div>
        <div class="content2">
            Institute of Electrical and Electronics Engineers
        </div>
    </div>

    <div class="main-content1">
        <h1>About Us</h1>
        <div class="about-section">
            <div class="about-img"></div>
            <div class="about">
                <p>
                    The IEEE Student Branch , NIT Durgapur is a society of enthusiasts
                    aimed at promoting research-related activities in the campus. We are
                    a direct handshake to IEEE, an international body that allows
                    countless young researchers the opportunity to present & publish
                    their innovations every year. Comprising of bright researchers,
                    developers, speakers, and other contributors we are a society that
                    welcomes in the era of better research prospects, on the campus.
                </p>
            </div>
        </div>
    </div>

    <div class="main-content2">
        <h1>About IEEE</h1>
        <div class="about-section">
            <div class="about-img2"></div>
            <div class="about2">
                <p>
                    IEEE is the world's largest professional association dedicated to
                    advancing technological innovation and excellence for the benefit of
                    humanity.When you join IEEE, you join a community of over 425,000
                    technology and engineering professionals united by a common desire
                    to continuously learn, interact, collaborate, and innovate. IEEE
                    Membership provides you with the resources and opportunities you
                    need to keep on top of changes in technology; get involved in
                    standards development; network with other professionals in your
                    local area or within a specific technical interest; mentor the next
                    generation of engineers and technologists, and so much more. For
                    more info about IEEE visit ieee.org .
                </p>
            </div>
        </div>
    </div>

    <div class="activities">
        <h1>Activities</h1>
        <div class="activities-section">
            <div class="activity-img"></div>
            <div class="activity-about">
                <h2>TechX 2020</h2>
                <p>IEEE COMPUTER SOCIETY SYP MGAB in collaboration with IEEE SB NIT Durgapur and IEEE SB
                    Jadavpur University hosted the IEEE TechX Congress 2020: Eastern India Techno-Management
                    Leadership Summit on 28th Feb - 1st March 2020, where it assimilated all students and Young
                    Professionals from various IEEE Sections and students branches.
                </p>
            </div>
        </div>
        <div class="activities-section">
            <div class="activity-img2"></div>
            <div class="activity-about">
                <h2>IntelliSys</h2>
                <p>IntelliSys:Machine Learning Symposium was a huge success with a colossal turnout of
                    over 150 enthusiasts who were too eager to learn and explore.IEEE SB NIT Durgapur
                    extends its heartfelt gratitude to our guest speakers, Dr. Fakhral Yusoff and Mr. Shivam
                    Abhilash for leaving us all dazzled and especially to all the participants for their overwhelming
                    response.
                </p>
            </div>
        </div>
        <div class="activities-section">
            <div class="activity-img3"></div>
            <div class="activity-about">
                <h2>SDV 2.0</h2>
                <p>In this era of advancement and competing efficiency where society expects autonomous
                    vehicles to be held to a higher standard than human drivers,we in collaboration with
                    the Society of Automotive Engineers organized a two-day workshop to introduce students
                    to the world of autonomous driving.
                </p>
            </div>
        </div>
    </div>

    <div class="collab">
        <h2>Our Collaborations</h2>
        <div class="collab-content">
            <div class="side">
                <h4>We believe in</h4>
                <h3>COLLABORATIONS!</h3>
            </div>
            <div class="logo">
                <div class="logo-items">
                    <img src="ieee_kol_logo.e759fef9.png" class="img">
                    <img src="ieee-cs-logo.81c0b79c.png" class="img">
                    <img src="ieeesbju.07130cf5.png" class="img">
                </div>
                <div class="logo-items">
                    <img src="download.png" class="img">
                    <img src="gdg_kolkata.fddc2e80.png" class="img">
                    <img src="global.9f64ce10.png" class="img">
                </div>
                <div class="logo-items">
                    <img src="intel.5f76ddbb.png" class="img">
                    <img src="cisco.9e3fbc59.png" class="img">
                    <img src="unity.png" class="img">
                </div>
            </div>
        </div>
    </div>

    
    <div class="contact-us">
        <h2>Contact Us</h2>
    </div>

    <div class="add">
        <div class="add-sec1">
            <div class="address">
                <i class="fa-solid fa-location-dot"></i>
                <h3>Our Address</h3>
                <p>NIT Durgapur</p>
                <p>Mahatma Gandhi Avenue, Durgapur</p>
                <p>West Bengal,India</p>
            </div>
            
            <div class="contact">
                <div class="address">
                    <i class="fa-regular fa-envelope"></i>
                    <h3>Email Us</h3>
                    <p>ieeesb.nitdgp@gmail.com</p>
                </div>
            </div>
        </div>
        
        <div class="form">
            <div class="mb-3">
                <label for="exampleFormControlInput1" class="form-label">Name</label>
                <input type="name" class="form-control" id="exampleFormControlInput1" placeholder="Enter your name">
                <label for="exampleFormControlInput1" class="form-label">Email address</label>
                <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
            </div>
            <div class="mb-3">
                <label for="exampleFormControlTextarea1" class="form-label">Comment</label>
                <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" spellcheck="false"></textarea>
            </div> 
        </div>
    </div>
    <div class="footer">
        <div class="heading">
            <h2>Important Links</h2>
        </div>
        <div class="footer-content">
            <ul>
                <li><a>Join IEEE</a></li>
                <li><a>Membership</a></li>
                <li><a>Conferences</a></li>
                <li><a>Publications</a></li>
                <li><a>Contact and Support</a></li>
            </ul>
        </div>
    </div>
</body>

</html>