JezK

Edit File: header.php

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

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description"
        content="Apply for Internship in Reputed Section 8 Foundation. Hurry up only limited seats available. New Batch is starting soon.">
    <meta name="keywords"
        content="internship, krify, kakinada, andhra pradesh, engineering internship, college project, summer internship, summer internships, software internship, intern, IT internships, Internship programs, mca internships, cse internships, internship in AP, internship for cse students, summer internship 2021, web development internship, internship for engineering students">
    <meta name="author" content="">
    <title>Krify Foundation – Web, Mobile App Development Internship Program</title>
    
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/docs.theme.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="shortcut icon" type=image/x-icon href=https://krify.co/wp-content/uploads/2015/04/16.png>
    <link rel="stylesheet" type="text/css" media="all" href="css/styles_slider.css">
    
    
    
    <link href="css/freelancer.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="js/owl.carousel.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/responsiveCarousel.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">

<style>
        .nav-link {
            padding: 15px !important;
        }

.navbar-nav {
            display: flex;
            align-items: center;
        }

.nav-item.dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0;
        }

.dropdown-menu {
            top: 30px;
        }

.dropdown-menu li:hover a {
            color: #3baae0 !important
        }

.nav-link {
            color: #28759F !important;
            font-size: 16px !important;
        }

a:hover {
            text-decoration: none !important;
        }

a:active {
            font-weight: 700;
        }

a:visited {
            font-weight: 700;
        }
        @keyframes borderAnimation {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

.animated-border-button {
  position: relative;
  display: inline-block;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: black;
  border: none;
  cursor: pointer;
  overflow: hidden;
}

.animated-border-button::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff, #ff0000);
  background-size: 300% 300%;
  border-radius: 8px;
  z-index: -1;
  animation: borderAnimation 3s linear infinite;
}

.animated-border-button::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: black;
  border-radius: 8px;
  z-index: 0;
}
.AiBtn, .AiBtn1 {
    width: 180px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    font-weight: 700;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    border-radius: 50px;
    background: linear-gradient(-45deg, #FFA63D, #FF3D77, #338AFF, #3CF0C5);
    background-size: 600%;
    animation: anime 16s linear infinite;
}

.AiBtn1 {
    position: absolute;
    margin-top: -70px;
    z-index: -1;
    filter: blur(30px);
    opacity: 0.8;
}

@keyframes anime {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
    </style>
</head>

<body>
<?php
    // Use the passed interest or fallback to an empty value
    $interest = isset($interest) ? $interest : '';
?>
    <header>
        
        
        <div class="main_header">
            <div>
                <a href="http://krify.org/">
                    <img src="images/krify founday.png" alt=""></a>
            </div>

<div>
                <ul class="navbar-nav ms-auto aiNav">
                    <li class="nav-item">
                        <a class="nav-link" href="https://krify.org/">Home</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="coursesDropdown" role="button">
                            Courses <i class="fa-solid fa-chevron-down"></i>
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="coursesDropdown">
                            <li><a class="dropdown-item" href="https://krify.org/job-oriented-program.php">Job Oriented Internship Programme</a></li>
                            <li><a class="dropdown-item" href="https://krify.org/academic-internship.php">Academic Internship Programme</a></li>
                        </ul>
                    </li>

<li class="nav-item">
                        <a class="nav-link" href="https://krify.org/gallery.php">Gallery</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://krify.org/contact.php">Contact Us</a>
                    </li>
                </ul>

</div>
            <div>
               <a href="https://krify.org/ai-internships.php"> <div class="AiBtn">AI Special Cource</div>
                <div class="AiBtn1"></div></a>
            </div>
            <div>
            <a href="info.php?interest=<?php echo urlencode($interest); ?>"><img src="images/register-now.png" alt="" class="regImg"></a>
            </div>
        </div>
    </header>

</body>

menuItems.forEach(item => {
            if (item.href === currentURL) {
                item.classList.add("fw-bold"); // Apply bold font
            }
        });
    });
</script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        let currentURL = window.location.href;
        let dropdownItems = document.querySelectorAll(".dropdown-menu .dropdown-item");
        let parentMenu = document.querySelector("#coursesDropdown");

dropdownItems.forEach(item => {
            if (currentURL.includes(item.href)) { // Check if current URL contains any child link
                parentMenu.classList.add("fw-bold"); // Bold the "Courses" menu item
            }
        });
    });
</script>

</html>