BootcampM5 Theme HTML Components and Templates

<!DOCTYPE html> <html > <head>  <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="generator" content="Mobirise v5.6.10, mobirise.com"> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:image:src" content=""> <meta property="og:image" content=""> <meta name="twitter:title" content="BootcampM5 Theme HTML Components and Templates"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="shortcut icon" href="assets/images/logo.png" type="image/x-icon"> <meta name="description" content="BootcampM5 Theme HTML Template - Download Now!"> <title>BootcampM5 Theme HTML Components and Templates</title> <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css"> <link rel="stylesheet" href="assets/dropdown/css/style.css"> <link rel="stylesheet" href="assets/socicon/css/styles.css"> <link rel="stylesheet" href="assets/theme/css/style.css"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Anek+Latin:wght@400;600;700&display=swap&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Anek+Latin:wght@400;600;700&display=swap&display=swap"></noscript> <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css"> <meta name="twitter:image" content="https://mobirise.com/extensions/bootcampm5/assets/images/social.png"> <meta property="og:image" content="https://mobirise.com/extensions/bootcampm5/assets/images/social.png"/>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PFK425');</script>  </head> <body>  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PFK425" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <section data-bs-version="5.1" class="menu menu1 bootcampm5 cid-taI9IAK7bA" once="menu" id="amenu1-f"> <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg"> <div class="container"> <div class="navbar-brand"> <span class="navbar-caption-wrap"><a class="navbar-caption text-white text-primary display-4" href="index.html">BootcampM5</a></span> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <div class="hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="index.html">Home<br></a> </li> <li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="index.html#agallery1-5">Live Demo</a> </li> <li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="index.html#afeatures11-8">Live Demo Blocks </a> </li></ul> <div class="navbar-buttons mbr-section-btn"><a class="btn btn-black display-4" href="http://my.mobirise.com/buy.php?p=196">Buy Now</a></div> </div> </div> </nav> </section> <section data-bs-version="5.1" class="features2 bootcampm5 cid-taI6RwxGIe" id="afeatures2-2"> <div class="container"> <div class="row"> <div class="content-container col-12"> <div class="content-wrapper"> <div class="img-container"> <div class="image-wrapper"> <div class="img-bg"></div> <div class="img-box"> <img src="assets/images/features3.jpg" alt="Mobirise Website Builder"> </div> </div> </div> <div class="text-wrapper"> <h6 class="card-title mb-0 mbr-fonts-style display-2">BootcampM5<br>Theme </h6> <p class="mbr-text mbr-fonts-style mb-0 display-4"> BootcampM5 is a theme for branding services, creative agency, illustrator, portfolio, web design, web development, web developer bootcamp, tutors, data Science, machine learning bootcamp, events, data analyst, information security analyst, startup, IT solutions. </p> </div> </div> <div class="btn-container"> <div class="mbr-section-btn custom-mbr-section-btn"><div class="custom-section-btn"> <a class="btn btn-black display-4" href="index.html#agallery1-5"> <span class="mobi-mbri mobi-mbri-right mbr-iconfont mbr-iconfont-btn"></span>Live Demo</a> </div> <div class="custom-section-btn"> <a class="btn btn-black display-4" href="http://my.mobirise.com/buy.php?p=196"> <span class="mobi-mbri mobi-mbri-right mbr-iconfont mbr-iconfont-btn"></span>Buy Now</a> </div> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="image1 bootcampm5 cid-taI6TS5SfG mbr-fullscreen" id="aimage1-3"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-12 col-lg-12"> <div class="content-container"> <div class="img-container"> <div class="image-wrapper"> <div class="img-bg"></div> <div class="img-box"> <img src="assets/images/frame-1.jpg" alt="Mobirise Website Builder"> </div> </div> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="article1 bootcampm5 cid-taI7Cb4ttv" id="aarticle1-7"> <div class="content-bg"> <div class="container"> <div class="row"> <div class="col-12 col-lg-"> <h1 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">Live Demo</h1> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="gallery1 bootcampm5 cid-taI6VPB00Y" id="agallery1-5"> <div class="container"> <div class="row"> <div class="col-12"> <div class="content-container"> </div> <div class="cards-container"> <div class="card item features-image"> <div class="card-wrapper item-wrapper"> <div class="card-box"> <p class="card-text mbr-fonts-style display-4"> Web Developer<br> Bootcamp </p> <div class="mbr-section-btn"><a class="btn btn-black display-4" href="web-developer-bootcamp/index.html" target="_blank"> Live Demo </a></div> </div> <div class="card-img item-img"> <img src="assets/images/cover1.jpg" alt="Mobirise Website Builder"> </div> </div> </div> <div class="card item features-image"> <div class="card-wrapper item-wrapper"> <div class="card-box"> <p class="card-text mbr-fonts-style display-4"> Data Science and Machine<br> Learning Bootcamp </p> <div class="mbr-section-btn"><a class="btn btn-black display-4" href="data-science-and-machine-learning-bootcamp/index.html" target="_blank"> Live Demo </a></div> </div> <div class="card-img item-img"> <img src="assets/images/cover2.jpg" alt="Mobirise Website Builder"> </div> </div> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="video1 bootcampm5 cid-taI6UrQvdr" id="avideo1-4"> <div class="align-center container"> <div class="row justify-content-center"> <div class="col-title 褋ol-12 col-lg-12"> <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"> View in Action </h4> </div> <div class="col-12 col-lg-12 col-video"> <div class="box"> <div class="box-bg"> </div> <div class="mbr-media show-modal align-center" data-modal=".modalWindow"> <img src="assets/images/frame-1.jpeg" alt="Mobirise"> <div class="icon-wrap"> <a class="text-primary" href="#"> <span class="mbr-iconfont socicon mobi-mbri-play mobi-mbri" style="color: rgb(255, 255, 255); font-size: 80px; fill: rgb(255, 255, 255);"></span> </a> </div> </div> </div> </div> </div> </div> <div> <div class="modalWindow" style="display: none;"> <div class="modalWindow-container"> <div class="modalWindow-video-container"> <div class="modalWindow-video"> <iframe width="100%" height="100%" frameborder="0" allowfullscreen="1" data-src="https://www.youtube.com/watch?v=jmT0RewPmGs"></iframe> </div> <a class="close" role="button" data-dismiss="modal" data-bs-dismiss="modal"> <span aria-hidden="true" class="mbr-iconfont mobi-mbri-close mobi-mbri closeModal"></span> <span class="sr-only visually-hidden">Close</span> </a> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="features11 bootcampm5 cid-taI7NYOM6K" id="afeatures11-8"> <div class="container"> <div class="row"> <div class="content-container col-12"> <div class="content-wrapper"> <div class="img-container"> <div class="image-wrapper"> <div class="img-box"> <img src="assets/images/frame-2.jpeg" alt="Mobirise Website Builder"> </div> </div> </div> <div class="text-wrapper"> <h6 class="card-title mbr-fonts-style display-1">Live Demo Blocks</h6> </div> </div> <div class="btn-container"> <div class="mbr-section-btn custom-mbr-section-btn"><div class="custom-section-btn"> <a class="btn btn-black display-4" href="demo-blocks.html"> <span class="mobi-mbri mobi-mbri-right mbr-iconfont mbr-iconfont-btn"></span> Live Demo Blocks</a> </div></div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="footer2 bootcampm5 cid-taI9RNn3rx" once="footers" id="afooter2-g"> <div class="container"> <div class="media-container-row align-center mbr-white"> <div class="col-12"> <p class="mbr-text mb-0 mbr-fonts-style align-center display-4"> 漏 Copyright 2022 Mobirise - All Rights Reserved </p> </div> </div> </div> </section> <script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/ytplayer/index.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/playervimeo/vimeo_player.js"></script> <script src="assets/theme/js/script.js"></script> </body> </html>

CINXE.COM

BootcampM5 Theme HTML Components and Templates