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

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="https://getbootstrap.com/docs/5.3/assets/css/docs.css" rel="stylesheet" />
    <title>Bootstrap Example</title>
    <!-- Bootstrap Icons CDN -->
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.13.0/font/bootstrap-icons.min.css">
       <!-- custom  css link -->
        <link rel="stylesheet" href="assets/css/style.css"/>
    <!-- shape devider  -->
    <style>
        .custom-shape-divider-bottom-1765983440 {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            overflow: hidden;
            line-height: 0;
            transform: rotate(180deg);
        }

        .custom-shape-divider-bottom-1765983440 svg {
            position: relative;
            display: block;
            width: calc(279% + 1.3px);
            height: 200px;
        }

        .custom-shape-divider-bottom-1765983440 .shape-fill {
            fill: #FFFFFF;
        }
    </style>
</head>

<body class="p-3 m-0 border-0 bd-example m-0 border-0">
    <!-- navbar Code Start-->
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container py-2">
            <a class="text-decoration-none d-flex" href="index.html"><img src="assets/logo/20250503_120535.png"
                    width="70" height="70" alt="logo" />
                <h2>Edu<span class="text-info">Learn</span></h2>
            </a>
            <button class="navbar-toggler border-0 shadow-none" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
                <span class="close-icon d-none">&times;</span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item">
                        <a class="nav-link active fs-5" aria-current="page" href="#">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link fs-5" href="#">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link fs-5" href="#">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link fs-5" href="contact-us.php">Contect-us</a>
                    </li>

                </ul>
                <div class="d-flex">

                    <a class="btn btn-info px-3" type="submit" href="#">sign up
                    </a>
                    </button>
                </div>
            </div>
        </div>
    </nav>
    <!-- navbar Code End -->