trains.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="trains.css">
    <title>Document</title>
    <base href="/"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>

    <!-- navbar -->
        <nav class="navbar">
            <!-- <div class="flex"> -->
                
                <div class="nav-items">
                    <img class="logo" src="img/logo.png" alt="app-logo" height="75px">
                    <div class="items">
                        <a class="item" href="./pnr/pnr_search.html">Check Status</a>
                        <a class="item" href="">Cancel Train</a>
                        <a class="item" href="">Contact Us</a>
                    </div>
                    <div class="nav-btn">
                        <a class="login-btn btn" href="./auth/login.html">Login</a >
                        <a class="register-btn btn" href="./auth/register.html">Register</a>
                    </div>
                    
                </div>
    
        </nav>

    <!-- dynamic search from index -->


    <script src="trains.js" type="module"></script>
</body>
</html>