| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- <!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">
- <!-- google fonts -->
- <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@200;300;400;500;600;700&family=Noto+Serif+Bengali:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
- <!-- swiper carosuel -->
- <link rel="stylesheet" href="./css/swiper-bundle.min.css">
- <!-- bootstrap css -->
- <link rel="stylesheet" href="./css/bootstrap.min.css">
- <!-- custom css -->
- <link rel="stylesheet" href="./css/style.css">
- <title>Home</title>
- </head>
- <body>
- <!-- Navbar -->
- <section id="navbar" class="navbar py-1">
- <div class="container d-block d-lg-flex flex-lg-row justify-content-between align-items-center h-100">
- <!-- logo & mobile open close btn -->
- <div class="logo-mobile-btn d-flex justify-content-between align-items-center">
- <a class="logo">
- <img class="h-100" src="./images/Logo-main.svg" alt="">
- </a>
- <!-- mobile menu toggle btn -->
- <button class="mobile-toggle-btn btn d-block d-lg-none">
- <img class="open h-100" src="./images/bars-solid.svg" alt="">
- <img class="close h-100" src="./images/times-solid.svg" alt="">
- </button>
- </div>
- <!-- main nav link -->
- <div class="main-link mt-5 py-3 py-lg-0 mt-lg-0 d-lg-flex flex-column flex-lg-row justify-content-between align-items-center text-center">
- <div class="mt-4 mt-lg-0 w-100">
- <a class=" py-2 my-md-0 mx-0 mx-lg-1 px-md-1 px-lg-2 active" href="">Home</a>
- </div>
- <div class="mt-4 mt-lg-0">
- <a class="py-2 my-md-0 mx-0 mx-lg-1 px-md-1 px-lg-2 " href="">About</a>
- </div>
- <div class="mt-4 mt-lg-0">
- <a class="py-2 my-md-0 mx-0 mx-lg-1 px-md-1 px-lg-2 " href="">Blog</a>
- </div>
- <div class="mt-4 mt-lg-0">
- <a class="py-2 my-md-0 mx-0 mx-lg-1 px-md-1 px-lg-2 " href="">News</a>
- </div>
- <div class="mt-4 mt-lg-0">
- <a class="py-2 my-md-0 mx-0 mx-lg-1 px-md-1 px-lg-2 " href="">Contact</a>
- </div>
- </div>
- <!-- login register -->
- <div class="login-register d-lg-flex flex-row justify-content-center align-items-center bg-primary text-white rounded-1 mt-4 mt-lg-0 px-3 py-2 fs-5 text-center">
- <span>
- <a href="#">লগইন</a>
- </span>
- <span class="mx-1">/</span>
- <span>
- <a href="#">রেজিস্টার</a>
- </span>
- </div>
- </div>
- </section>
- <!-- navbar end -->
- <section class="vh-100 ">a</section>
- <!-- bootstrap js -->
- <script src="./js/bootstrap.bundle.min.js"></script>
-
- <!-- swiper carosuel -->
- <script src="./js/swiper-bundle.min.js"></script>
- <!-- custom js -->
- <script src="./js/app.js"></script>
- </body>
- </html>
|
