CINXE.COM
International Maritime Club -IMC
<!doctype html> <html class="no-js" lang="zxx"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- <title>International Maritime Club -IMC</title> --> <meta name="author" content="Aries e-Solutions"> <meta name="description" content="International Maritime Club -IMC"> <meta name="keywords" content="International Maritime Club -IMC"> <meta name="robots" content="INDEX,FOLLOW"> <meta property="og:image" content="https://internationalmaritimeclub.com/assets/our/og-img/imc-og-img.webp" /> <title>About IMI | International Maritime Club -IMC</title> <meta property="og:url" content="https://internationalmaritimeclub.com/about-imi"> <meta property="og:title" content="About IMI | International Maritime Club -IMC" /> <!-- Mobile Specific Metas --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Favicons - Place favicon.ico in the root directory --> <link rel="apple-touch-icon" sizes="57x57" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="60x60" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="76x76" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="114x114" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="120x120" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="144x144" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="152x152" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="192x192" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="96x96" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="16x16" href="assets/our/logo/fav-icon.png"> <link rel="manifest" href="assets/img/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <!--============================== 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@300;400;500;600;700;800&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,500&display=swap" rel="stylesheet"> --> <!--============================== All CSS File ============================== --> <!-- Bootstrap --> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <!-- Fontawesome Icon --> <link rel="stylesheet" href="assets/css/fontawesome.min.css"> <!-- Magnific Popup --> <link rel="stylesheet" href="assets/css/magnific-popup.min.css"> <!-- Slick Slider --> <link rel="stylesheet" href="assets/css/slick.min.css"> <!-- Theme Custom CSS --> <link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/style-nd.css"> </head> <body> <!--[if lte IE 9]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> <![endif]--> <!--******************************** Code Start From Here ******************************** --> <!--============================== Preloader ==============================--> <!-- <div class="preloader "> <button class="themeholy-btn style4 preloaderCls">Cancel Preloader </button> <div class="preloader-inner"> <div class="loader"> <div class="loader-ring"></div> <div class="rocket-wrapper"> <div class="trail-wrapper"> <img class="trail" src="assets/img/icon/trail.svg" alt=""> </div> <img class="rocket" src="assets/img/icon/small-rocket.svg" alt=""> </div> </div> </div> </div> --> <!--============================== Sidemenu ============================== --> <div class="sidemenu-wrapper d-none d-lg-block "> <div class="sidemenu-content"> <button class="closeButton sideMenuCls"><i class="far fa-times"></i></button> <div class="widget "> <div class="themeholy-widget-about"> <div class="about-logo"> <a href="./"><img src="assets/our/logo/logo.png" alt="logo"></a> </div> <!-- <p class="">Pellentesque non dolor vitae lacus fringilla consequat vel quis enim. Cras venenatis mollis neque in fringilla. In vitae</p> --> <div class="themeholy-social"> <a href="https://www.facebook.com/International-Maritime-Club-137131579633756/" target="_blank"><i class="fab fa-facebook-f"></i></a> <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> <a href="https://www.linkedin.com/company/imc---international-maritime-club" target="_blank"><i class="fab fa-linkedin-in"></i></a> <!-- <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a> --> </div> </div> </div> <!-- <div class="widget"> <h3 class="widget_title">Recent Posts<span class="shape"></span></h3> <div class="recent-post-wrap"> <div class="recent-post"> <div class="media-img"> <a href="blog-details"><img src="assets/img/blog/recent-post-1-1.jpg" alt="Blog Image"></a> </div> <div class="media-body"> <div class="recent-post-meta"> <a href="blog"><i class="fal fa-calendar-days"></i>12 Jun, 2023</a> </div> <h4 class="post-title"><a class="text-inherit" href="blog-details">We set the standards others try to live up to.</a></h4> </div> </div> <div class="recent-post"> <div class="media-img"> <a href="blog-details"><img src="assets/img/blog/recent-post-1-2.jpg" alt="Blog Image"></a> </div> <div class="media-body"> <div class="recent-post-meta"> <a href="blog"><i class="fal fa-calendar-days"></i>22 Jun, 2023</a> </div> <h4 class="post-title"><a class="text-inherit" href="blog-details">We set the standards others try to live up to.</a></h4> </div> </div> <div class="recent-post"> <div class="media-img"> <a href="blog-details"><img src="assets/img/blog/recent-post-1-3.jpg" alt="Blog Image"></a> </div> <div class="media-body"> <div class="recent-post-meta"> <a href="blog"><i class="fal fa-calendar-days"></i>23 Jun, 2023</a> </div> <h4 class="post-title"><a class="text-inherit" href="blog-details">We set the standards others try to live up to.</a></h4> </div> </div> </div> </div> --> </div> </div> <!-- <div class="popup-search-box d-none d-lg-block"> <button class="searchClose"><i class="fal fa-times"></i></button> <form action="#"> <input type="text" placeholder="What are you looking for?"> <button type="submit"><i class="fal fa-search"></i></button> </form> </div> --> <!--============================== Mobile Menu ============================== --> <div class="themeholy-menu-wrapper"> <div class="themeholy-menu-area text-center"> <button class="themeholy-menu-toggle"><i class="fal fa-times"></i></button> <div class="mobile-logo"> <a href="./"><img src="assets/our/logo/logo-footer.png" alt="Logo"></a> </div> <div class="themeholy-mobile-menu"> <ul> <li> <a href="./">Home</a> </li> <li class="menu-item-has-children"> <a href="#">IMC</a> <ul class="sub-menu"> <li><a href="about">About</a></li> <li><a href="imc-members">Members</a></li> <li><a href="rules">Rules And Regulations</a></li> <li><a href="membership">Membership Benefits</a></li> <li><a href="imc-registration-form">Registration</a></li> </ul> </li> <!-- --> <li class="menu-item-has-children"> <a href="#">IMI </a> <ul class="sub-menu"> <li><a href="about-imi">About</a></li> <li><a href="imi-members">Members</a></li> <li><a href="benefits-imi">Membership Benefits</a></li> <!-- <li><a href="imi-registration-form">Registration</a></li> --> <li><a href="imi-registration-form">Membership Registration</a></li> <li><a href="student-registration-form">Career Guidance Programs Registration</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">Event</a> <ul class="sub-menu"> <!-- <li class="menu-item-has-children"><a href="#">Upcoming Events</a> <ul class="sub-menu"> <li><a href="imc-honorary-doctorate-leadership-awards-dubai-24" target="_blank">IMC Honorary Doctorate Leadership <br> Excellence Awards 2024</a></li> </ul> </li> --> <li><a href="event-partnership">Event Partners</a></li> <li><a href="event-calender">Event Calendar</a></li> <!-- <li class="menu-item-has-children"><a href="#">Previous Events</a> --> <li class="menu-item-has-children"><a href="#">IMC/IMI Events</a> <ul class="sub-menu"> <li><a href="imc-mighty-mariner-event-pune-24.php" target="_blank">IMC Maritime Career Guidance Event<br> "Mighty Mariner" Pune Edition 2024</a></li> <li><a href="imc-honorary-doctorate-leadership-awards-dubai-24" target="_blank">IMC Honorary Doctorate Leadership <br> Excellence Awards 2024</a></li> <li><a href="imc-golden-shield-awards-uk-2023" target="_blank">3 <sup>rd</sup> Edition IMC Golden Shield Excellence <br> Awards 2023 – UK Chapter</a></li> <li><a href="imc_golden_shield_excellence_award_2019_ukchapter" target="_blank">2<sup>nd</sup> Edition IMC Golden Shield <br>Excellence Awards 2019 – UK Chapter</a></li> <li><a href="imcgoldenshieldawards" target="_blank">IMC Golden Shield Excellence <br> Awards 2017 – UK CHAPTER</a></li> <li><a href="imc-professional-excellence-awards-kuwait-chapter" target="_blank">IMC Professional Excellence <br> Awards - Kuwait Chapter</a></li> <li><a href="IMC-maritime-excellence-awards-bahrain-KSA" target="_blank">IMC Maritime Excellence <br> Awards - Bahrain & KSA Chapter</a></li> </ul> </li> </ul> </li> <li class="menu-item-has-children"> <a href="#">News</a> <ul class="sub-menu"> <li><a href="all-news">Daily News</a></li> <li><a href="imc-newsletters">Newsletters</a></li> </ul> </li> <li> <a href="gallery" target="_blank">Gallery</a> </li> <li> <a href="videoandachives">Video Archives</a> </li> <!-- <li> <a href="https://internationalmaritimeclub.com/webinar" target="_blank">Webinar </a> </li> --> <li> <a href="contact">Contact </a> </li> <li> <a href="links">Useful Links</a> </li> <!-- --> </ul> </div> </div> </div> <!--============================== Header Area ==============================--> <header class="themeholy-header header-layout1 header-layout7"> <div class="header-top"> <div class="container"> <div class="row justify-content-center justify-content-lg-between align-items-center gy-2"> <div class="col-auto d-none d-md-block"> <div class="header-links"> <ul> <!-- <li><i class="fa-regular fa-phone"></i><span class="link-title">Phone : </span><a href="tel:+11156456825">+111 (564) 568 25</a></li> --> <!-- <li><i class="fa-regular fa-envelope"></i><span class="link-title">Email : </span><a href="mailto:quickhelp@gmail.com">mail@gmail.com</a></li> --> </ul> </div> </div> <div class="col-auto"> <div class="header-right"> <div class="header-social"> <a href="https://www.facebook.com/International-Maritime-Club-137131579633756/" target="_blank"><i class="fab fa-facebook-f"></i></a> <!-- <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> --> <a href="https://www.linkedin.com/company/imc---international-maritime-club"><i class="fab fa-linkedin-in"></i></a> <a href="https://www.youtube.com/@InternationalMaritimeClub" target="_blank"><i class="fab fa-youtube"></i></a> <a href="https://www.instagram.com/internationalmaritimeclub/" target="_blank"><i class="fab fa-instagram"></i></a> </div> </div> </div> </div> </div> </div> <div class="sticky-wrapper"> <!-- Main Menu Area --> <div class="menu-area"> <div class="container"> <div class="row align-items-center justify-content-between"> <div class="col-auto"> <div class="header-logo"> <a href="./"><img src="assets/our/logo/logo.png" alt="Logo"></a> </div> </div> <div class="col-auto "> <nav class="main-menu d-none d-lg-inline-block"> <ul> <li> <a href="./">Home</a> </li> <li class="menu-item-has-children"> <a href="#">IMC</a> <ul class="sub-menu"> <li><a href="about">About</a></li> <li><a href="imc-members">Members</a></li> <li><a href="rules">Rules And Regulations</a></li> <li><a href="membership">Membership Benefits</a></li> <li><a href="imc-registration-form">Registration</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">IMI </a> <ul class="sub-menu"> <li><a href="about-imi">About</a></li> <li><a href="imi-members">Members</a></li> <li><a href="benefits-imi">Membership Benefits</a></li> <!-- <li><a href="imi-registration-form">Registration</a></li> --> <li><a href="imi-registration-form">Membership Registration</a></li> <li><a href="student-registration-form">Career Guidance Programs Registration</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">Event</a> <ul class="sub-menu"> <!-- <li class="menu-item-has-children"><a href="#">Upcoming Events</a> <ul class="sub-menu"> <li><a href="imc-honorary-doctorate-leadership-awards-dubai-24" target="_blank">IMC Honorary Doctorate Leadership <br> Excellence Awards 2024</a></li> </ul> </li> --> <li><a href="event-partnership">Event Partners</a></li> <li><a href="event-calender">Event Calendar</a></li> <!-- <li class="menu-item-has-children"><a href="#">Previous Events</a> --> <li class="menu-item-has-children"><a href="#">IMC/IMI Events</a> <ul class="sub-menu"> <li><a href="imc-mighty-mariner-event-pune-24.php" target="_blank">IMC Maritime Career Guidance Event<br> "Mighty Mariner" Pune Edition 2024</a></li> <li><a href="imc-honorary-doctorate-leadership-awards-dubai-24" target="_blank">IMC Honorary Doctorate Leadership <br> Excellence Awards 2024</a></li> <li><a href="imc-golden-shield-awards-uk-2023" target="_blank">3 <sup>rd</sup> Edition IMC Golden Shield Excellence <br> Awards 2023 – UK Chapter</a></li> <li><a href="imc_golden_shield_excellence_award_2019_ukchapter" target="_blank">2<sup>nd</sup> Edition IMC Golden Shield <br>Excellence Awards 2019 – UK Chapter</a></li> <li><a href="imcgoldenshieldawards" target="_blank">IMC Golden Shield Excellence <br> Awards 2017 – UK CHAPTER</a></li> <li><a href="imc-professional-excellence-awards-kuwait-chapter" target="_blank">IMC Professional Excellence <br> Awards - Kuwait Chapter</a></li> <li><a href="IMC-maritime-excellence-awards-bahrain-KSA" target="_blank">IMC Maritime Excellence <br> Awards - Bahrain & KSA Chapter</a></li> </ul> </li> </ul> </li> <li class="menu-item-has-children"> <a href="#">News</a> <ul class="sub-menu"> <li><a href="all-news">Daily News</a></li> <li><a href="imc-newsletters">Newsletters</a></li> </ul> </li> <li> <a href="gallery">Gallery</a> </li> <li> <a href="videoandachives">Video Archives</a> </li> <!-- <li> <a href="https://internationalmaritimeclub.com/webinar" target="_blank">Webinar</a> </li> --> <li> <a href="contact">Contact</a> </li> <li> <a href="links">Useful Links</a> </li> </ul> </nav> <button type="button" class="themeholy-menu-toggle d-inline-block d-lg-none"><i class="far fa-bars"></i></button> </div> <!-- <div class="col-auto d-none d-xl-block"> <div class="header-button"> <button type="button" class="icon-btn searchBoxToggler"><i class="fal fa-search"></i></button> <button type="button" class="icon-btn fs-6 sideMenuToggler"> <img src="assets/img/icon/grid.svg" alt=""> </button> <a href="contact" class="themeholy-btn">Tracking Order<span class="icon"><i class="fa-sharp fa-regular fa-paper-plane"></i></span></a> </div> </div> --> </div> </div> </div> <!-- <div class="logo-bg"></div> --> <!-- <div class="logo-shape"><img src="assets/img/logo-shape.svg" alt=""></div> --> </div> </header><!-- banner --> <!-- <div class="breadcumb-wrapper " data-bg-src="assets/img/breadcumb/breadcumb-bg.jpg"> --> <div style="position: relative;" class="breadcumb-wrapper overlayy" data-bg-src="assets/our/inner-banner/imc-inner-banner.webp"> <div class="container"> <div class="breadcumb-content"> <h1 class="breadcumb-title">About IMI</h1> <div class="breadcumb-menu-wrapper"> <ul class="breadcumb-menu"> <li><a href="./">Home</a></li> <li>About IMI</li> </ul> </div> </div> </div> </div> <!-- end banner --> <section style="margin-bottom: 200px;"> <div class="about-sec space" id="about-sec" data-pos-for=".feature-sec" data-sec-pos="bottom-half"> <div class="container"> <div class="row align-items-center"> <!-- --> <div class="overflow-hidden" id="about-sec"> <div class="container"> <div class="row"> <div class="col-xl-6"> <div id="carouselExampleAutoplaying-abt" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="2000"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="assets/our/abt/about-img-1.jpg" class="d-block w-100 img-height-mob" alt="..."> </div> <div class="carousel-item"> <img src="assets/our/abt/about-img-2.jpg" class="d-block w-100 img-height-mob" alt="..."> </div> </div> <button style="background: none; border: none;" class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying-abt" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button style="background: none; border: none;" class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying-abt" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> <!-- <div class="img-box4"> <div class="img4"> <img src="assets/our/abt/ab-3.webp" alt="About"> </div> </div> --> </div> <div class="col-xl-6"> <div class="title-area mb-35"> <span class="sub-title"><img src="assets/img/shape/anchor.png" alt="shape">About IMI</span> <h2 style="font-size: 30px;" class="sec-title">IMI - International Maritime Institute</h2> </div> <p class="mt-n2 mr-10" style="text-align: justify;"> International Maritime Institute (IMI) is a collective forum of institutes from all over the world. Elite Maritime Institutes are an integral part of the maritime world. Institutes turn the novice into professional and thereon. This is a venture to bring all the premier institutes together for easy access The purpose of the exclusive forum is to form a complete record on Universities and schools on Merchant Marine, Naval and Coast Guard Military, Seafarers Training, Oceanographic schools and many more. </p> <p class="mt-n2 mr-10" style="text-align: justify;"> Our mode of convergence will be through interactive means of communication, to exchange knowledge, ideas, updates and general information on the maritime industry. The institutes featured will be easily accessible to all the students worldwide. In short, we aim to bring the whole maritime wisdom under one roof. </p> </div> </div> </div> <div class="shape-mockup" data-bottom="-5%" data-right="0%"><img src="assets/img/normal/about_shape.png" alt="shape"></div> </div> <!-- --> </div> </div> </div> </section> <!--============================== Footer Area ==============================--> <footer class="footer-wrapper footer-layout5" style="background-color: #121212;"> <div class="widget-area"> <div class="container"> <div class="row justify-content-between"> <div class="col-md-6 col-xxl-3 col-xl-4"> <div class="widget footer-widget"> <div class="themeholy-widget-about"> <div class="about-logo"> <a href="./"><img src="assets/our/logo/logo-footer.png" alt="IMC Logo"></a> </div> <!-- <p class="about-text">Pellentesque non dolor vitae lacus fringilla consequat vel quis enim. Cras venenatis mollis neque in fringilla. In vitae</p> --> <div class="themeholy-social"> <a href="https://www.facebook.com/International-Maritime-Club-137131579633756/" target="_blank"><i class="fab fa-facebook-f"></i></a> <a href="https://www.youtube.com/@InternationalMaritimeClub" target="_blank"><i class="fab fa-youtube"></i></a> <a href="https://www.linkedin.com/company/imc---international-maritime-club" target="_blank"><i class="fab fa-linkedin-in"></i></a> <a href="https://www.instagram.com/internationalmaritimeclub/" target="_blank"><i class="fab fa-instagram"></i></a> <!-- <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a> --> </div> </div> </div> </div> <div class="col-md-6 col-xl-auto"> <div class="widget footer-widget"> <h3 class="widget_title">Head Quarters</h3> <div class="themeholy-widget-contact"> <div class="info-box"> <p class="info-box_text"> International Maritime Club<br> BCG Tower,1st Floor<br> Opp. CSEZ, Seaport Airport Road<br> Kakkanad, Cochin – 682037,India </p> </div> </div> </div> </div> <div class="col-md-6 col-xl-auto"> <div class="widget widget_nav_menu footer-widget"> <h3 class="widget_title">Regional Office</h3> <!-- <h3 class="widget_title">Head Quarters</h3> --> <div class="themeholy-widget-contact"> <div class="info-box"> <p class="info-box_text"> International Maritime Club<br> Post Box No: 94354<br> Dubai, UAE </p> </div> </div> </div> </div> </div> </div> </div> <!-- <div class="shape-mockup d-none d-xl-block" data-bottom="15%" data-left="0%"><img src="assets/img/update_4/shape/shape-2.png" alt="shape"></div> --> <!-- <div class="shape-mockup jump d-none d-xl-block" data-bottom="15%" data-right="0%"><img src="assets/img/update_4/shape/shape-3.png" alt="shape"></div> --> <div class="copyright-wrap"> <div class="container"> <div class="row justify-content-between"> <div class="col-lg-6"> <p class="copyright-text">Copyrights <i class="fal fa-copyright"></i> <script> document.write(new Date().getFullYear()) </script> All Rights Reserved. Designed & Developed By <a href="https://www.ariesesolutions.com/" target="_blank">Aries e-Solutions</a> </p> </div> </div> </div> </div> </footer> <!--******************************** Code End Here ******************************** --> <!-- Scroll To Top --> <!-- Scroll To Top --> <div class="scroll-top"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"> </path> </svg> </div> <!--============================== All Js File ============================== --> <!-- Jquery --> <script src="assets/js/vendor/jquery-3.6.0.min.js"></script> <!-- Slick Slider --> <script src="assets/js/slick.min.js"></script> <!-- Bootstrap --> <script src="assets/js/bootstrap.min.js"></script> <!-- Magnific Popup --> <script src="assets/js/jquery.magnific-popup.min.js"></script> <!-- Counter Up --> <script src="assets/js/jquery.counterup.min.js"></script> <!-- Range Slider --> <script src="assets/js/jquery-ui.min.js"></script> <!-- Isotope Filter --> <script src="assets/js/imagesloaded.pkgd.min.js"></script> <script src="assets/js/isotope.pkgd.min.js"></script> <!-- Nice Select --> <script src="assets/js/nice-select.min.js"></script> <!-- Main Js File --> <script src="assets/js/main.js"></script> <script src="assets/js/jquery.validate.js"></script> <!-- youtube video --> <script src="assets/js/jquery.youtube-background.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('[data-vbg]').youtube_background(); const videoBackgrounds = VIDEO_BACKGROUNDS; }); </script> <!-- end youtube video --> <!-- script for recaptcha --> <script src="https://www.google.com/recaptcha/api.js"></script> <!-- script for recaptcha --> <!-- popup --> <!-- <script> // Wait for the DOM to be ready $(document).ready(function() { // Show the modal $('#popup-1').modal('show'); }); $(document).ready(function() { $('.close').on('click', function() { $('#popup-1').modal('hide'); }); }); </script> --> <!-- end popup --> <style> .modal { z-index: 100; } </style> </body> </html>