third.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RTU B.Tech 3rd Year Engineering Notes</title>
    <meta name="description"
        content="RTU B.Tech 3rd Year Engineering Notes - Complete study materials, notes, books and videos for third year engineering students">
    <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=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="third.css">

</head>

<body>
    <!-- Navbar -->
    <div class="navbar-wrapper">
        <nav class="navbar">
            <div class="logo-section">
                <img src="https://mgx-backend-cdn.metadl.com/generate/images/915589/2026-01-17/27a19598-7130-45fb-b6bc-dba8af9491c4.png"
                    alt="Logo" class="logo">
                <span class="logo-text">Official Shyam notes hub</span>
            </div>
            <button class="mobile-menu-toggle" onclick="toggleMobileMenu()">☰</button>
            <ul class="nav-menu" id="navMenu">
                <li><a href="#home">🏠 Home</a></li>
                <li><a href="#about">ℹ️ About</a></li>
                <li class="dropdown">
                    <a class="dropdown-toggle" onclick="toggleDropdown(event, 'yearDropdown')">
                        📚 Year ▼
                    </a>
                    <div class="dropdown-menu" id="yearDropdown">
                        <a href="#1st-year">1st Year</a>
                        <a href="#2nd-year">2nd Year</a>
                        <a href="#3rd-year">3rd Year</a>
                        <a href="#4th-year">4th Year</a>
                    </div>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" onclick="toggleDropdown(event, 'papersDropdown')">
                        📄 RTU Papers ▼
                    </a>
                    <div class="dropdown-menu" id="papersDropdown">
                        <a href="#previous-papers">Previous Papers</a>
                        <a href="#sample-papers">Sample Papers</a>
                    </div>
                </li>
                <li><a href="#contact">📞 Contact Us</a></li>
            </ul>
        </nav>
    </div>

    <!-- Hero Section -->
    <section class="hero" id="home">
        <div class="hero-content">
            <h1>RTU B. Tech 3rd Year Engineering NOTES</h1>
            <h2>Third Year</h2>
            <p>Notes, Books and Videos and Important Sites</p>
        </div>
    </section>

    <!-- Subjects Section -->
    <section class="subjects-section">
        <div class="subjects-grid">
            <div class="subject-card">
                <img src="assest/programming-background-collage.jpg" alt="Information Theory & Coding "
                    class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Information Theory & Coding </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>

            <div class="subject-card">
                <img src="assest/laptop-table-with-loudspeakers-flowers.jpg" alt="Compiler Design "
                    class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Compiler Design </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>

            <div class="subject-card">
                <img src="assest/6518027.jpg" alt="Operating System " class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Operating System </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>

            <div class="subject-card">
                <img src="assest/mbr-815x544.jpg" alt="Computer Graphics & Multimedia " class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Computer Graphics & Multimedia </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>

            <div class="subject-card">
                <img src="image/Oo.jpg" alt="Analysis of Algorithms " class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Analysis of Algorithms </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>

            <div class="subject-card">
                <img src="assest/top-view-notebook-with-sim-card-ethernet-cables.jpg" alt="Wireless Communication "
                    class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Wireless Communication </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>

            <div class="subject-card">
                <img src="assest/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code.jpg"
                    alt="Human Computer Interaction " class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Human Computer Interaction </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>

            <div class="subject-card">
                <img src="assest/6772.jpg" alt="Digital Image Processing " class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Digital Image Processing </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>

            <div class="subject-card">
                <img src="assest/call-center-worker-using-ai-tech-laptop-reply-customers-closeup.jpg"
                    alt="Machine Learning " class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Machine Learning </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>

            <div class="subject-card">
                <img src="assest/woman-holding-network-graphic-overlay-banner.jpg" alt="Information Security System "
                    class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Information Security System </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>

            <div class="subject-card">
                <img src="assest/TaeJune15.jpg" alt="Artificial Intelligence " class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Artificial Intelligence </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>

            <div class="subject-card">
                <img src="assest/Cloud.jpg" alt="Cloud Computing " class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Cloud Computing </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>
            <div class="subject-card">
                <img src="assest/Computer.jpg" alt="Computer Architecture and Organization  " class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Computer Architecture and Organization </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>
            <div class="subject-card">
                <img src="assest/mbr-1920x1282.jpg" alt="Distributed System " class="subject-image">
                <div class="subject-content">
                    <h3 class="subject-title">Distributed System </h3>
                    <a href="#" class="start-btn">Start Now →</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Important Links -->
    <section class="links-section">
        <h2>Important Links</h2>
        <p>To add more cards, hover on a card and click 'Add Items'</p>
        <div class="links-grid">
            <a href="#" class="link-item">
                <img src="/images/photo1768659953.jpg" alt="RTU" class="link-logo">
                <span class="link-name">RTU</span>
            </a>
            <a href="#" class="link-item">
                <img src="https://via.placeholder.com/100x100/3B82F6/FFFFFF?text=AG" alt="Aakruti Gyan"
                    class="link-logo">
                <span class="link-name">Aakruti Gyan</span>
            </a>
            <a href="#" class="link-item">
                <img src="/images/photo1768659953.jpg" alt="Rtu Samaaj" class="link-logo">
                <span class="link-name">Rtu Samaaj</span>
            </a>
            <a href="#" class="link-item">
                <img src="https://via.placeholder.com/100x100/0EA5E9/FFFFFF?text=SW" alt="Swayam" class="link-logo">
                <span class="link-name">Swayam</span>
            </a>
            <a href="#" class="link-item">
                <img src="https://via.placeholder.com/100x100/EF4444/FFFFFF?text=NP" alt="Nptel" class="link-logo">
                <span class="link-name">Nptel</span>
            </a>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer" id="about">
        <div class="footer-content">
            <div class="footer-section">
                <img src="https://mgx-backend-cdn.metadl.com/generate/images/915589/2026-01-17/27a19598-7130-45fb-b6bc-dba8af9491c4.png"
                    alt="Logo" class="footer-logo">
            </div>

            <div class="footer-section">
                <h3>About</h3>
                <p>Thank you for visiting website.<br>
                    Connect with me over socials.<br>
                    Keep Rising 🚀</p>
                <p>Connect with me over chat on LinkedIn.</p>

                <div class="social-icons">
                    <a href="https://linkedin.com" target="_blank" class="social-icon">in</a>
                    <a href="https://instagram.com" target="_blank" class="social-icon">📷</a>
                    <a href="/cdn-cgi/l/email-protection#c8aba7a6bca9abbc88adb0a9a5b8a4ade6aba7a5"
                        class="social-icon">✉️</a>
                    <a href="https://github.com" target="_blank" class="social-icon">💻</a>
                </div>

                <p style="font-size: 0.875rem;">Follow Us</p>
            </div>

            <div class="footer-section">
                <h3>Quick Links</h3>
                <ul class="quick-links">
                    <li><a href="#home">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#1st-year">1st Year</a></li>
                    <li><a href="#2nd-year">2nd Year</a></li>
                    <li><a href="#3rd-year">3rd Year</a></li>
                    <li><a href="#4th-year">4th Year</a></li>
                    <li><a href="#contact" id="contact">Contact Us</a></li>
                </ul>
            </div>
        </div>

        <div class="footer-bottom">
            <p>©Copyright 2024 Shyam Sundar Sharma — All Rights Reserved</p>
            <p>Designed and Developed by Shyam Sundar Sharma</p>
        </div>
    </footer>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
    <script>
        function toggleDropdown(event, dropdownId) {
            event.preventDefault();
            const dropdown = document.getElementById(dropdownId).parentElement;

            // Close all other dropdowns
            document.querySelectorAll('.dropdown').forEach(d => {
                if (d !== dropdown) {
                    d.classList.remove('active');
                }
            });

            dropdown.classList.toggle('active');
        }

        function toggleMobileMenu() {
            const navMenu = document.getElementById('navMenu');
            navMenu.classList.toggle('active');
        }

        // Close dropdowns when clicking outside
        document.addEventListener('click', function (event) {
            if (!event.target.closest('.dropdown')) {
                document.querySelectorAll('.dropdown').forEach(d => {
                    d.classList.remove('active');
                });
            }
        });

        // Close mobile menu when clicking on a link
        document.querySelectorAll('.nav-menu a').forEach(link => {
            link.addEventListener('click', function () {
                if (window.innerWidth <= 768) {
                    document.getElementById('navMenu').classList.remove('active');
                }
            });
        });
    </script>
</body>

</html>