whoami7 - Manager
:
/
home
/
n170823s
/
public_html
/
landing.onlinebusinesscollege.co.uk
/
Upload File:
files >> //home/n170823s/public_html/landing.onlinebusinesscollege.co.uk/index.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" /> <title>OBC</title> <!-- Favicon img --> <link rel="shortcut icon" href="assets/images/logo.png" /> <!-- Bootstarp min css --> <link rel="stylesheet" href="assets/css/bootstrap.min.css" /> <!-- Mean menu css --> <link rel="stylesheet" href="assets/css/meanmenu.css" /> <!-- All min css --> <link rel="stylesheet" href="assets/css/all.min.css" /> <!-- Swiper bundle min css --> <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" /> <!-- Magnigic popup css --> <link rel="stylesheet" href="assets/css/magnific-popup.css" /> <!-- Animate css --> <link rel="stylesheet" href="assets/css/animate.css" /> <!-- Nice select css --> <link rel="stylesheet" href="assets/css/nice-select.css" /> <!-- Style css --> <link rel="stylesheet" href="assets/css/style.css" /> <!-- GSAP Core --> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.0.0/gsap.min.js"></script> --> <!-- MotionPathPlugin --> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.0.0/MotionPathPlugin.min.js"></script> --> </head> <body> <!-- Preloader area start --> <!-- <div id="loading" class="preloader"> <div class="loading-overlay"></div> <div class="custom-loader"> <div></div> <div></div> <div></div> <div></div> </div> </div> --> <!-- Preloader area end --> <!-- Header area start here --> <header class="header-area"> <div class="container"> <div class="header__main"> <a href="index.html" class="logo"> <img src="assets/images/logo.png" alt="logo" /> </a> <a href="index.html" class="logo logo-light"> <img src="assets/images/logo.png" alt="logo" /> </a> <div class="main-menu"> <nav> <ul> <li><a href="index.html">Home</a> </li> <li><a href="#about-us">About Us</a></li> <li><a href="#faq">Faq</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> </div> <div class="bars d-block d-lg-none"> <i id="openButton" class="fa-solid fa-bars"></i> </div> </div> </div> </header> <!-- Header area end here --> <!-- Sidebar area start here --> <div id="targetElement" class="sidebar-area sidebar__hide"> <div class="sidebar__overlay"></div> <a href="index.html" class="logo mb-40"> <img src="assets/images/white-bg.png" alt="logo" /> </a> <div class="mobile-menu overflow-hidden"></div> <!-- <ul class="info pt-40"> <li> <i class="fa-solid primary-color fa-location-dot"></i> <a href="#0">example@example.com</a> </li> <li class="py-2"> <i class="fa-solid primary-color fa-phone-volume"></i> <a href="tel:+912659302003">+91 2659 302 003</a> </li> <li> <i class="fa-solid primary-color fa-paper-plane"></i> <a href="#0">info.company@gmail.com</a> </li> </ul> --> <div class="social-icon mt-20"> <a href="#0"><i class="fa-brands fa-facebook-f"></i></a> <a href="#0"><i class="fa-brands fa-instagram"></i></a> <a href="#0"><i class="fa-brands fa-linkedin-in"></i></a> <a href="#0"><i class="fa-brands fa-youtube"></i></a> </div> <button id="closeButton" class="text-white"> <i class="fa-solid fa-xmark"></i> </button> </div> <!-- Sidebar area end here --> <main> <!-- Banner area start here --> <section class="banner-area bg-image paralax__animation" data-background="assets/images/banner/banner-bg.png"> <div class="banner__hero"> <img class="sway__animation" src="assets/images/banner/hero-image.png" alt="image" /> </div> <div class="banner__hero-info"> <img data-depth="0.03" src="assets/images/banner/banner-info.png" alt="image" /> </div> <div class="container"> <div class="banner__content"> <h1 class="wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1000ms"> Online Degrees <img src="assets/images/banner/banner-tittle-star.png" alt="image" /> <br /> Without <span>The High Fees</span> </h1> <p class="mt-50 wow fadeInUp" data-wow-delay="400ms" data-wow-duration="1000ms"> Study for a degree or MBA from UK universities for less than £6,000 </p> <div class="d-flex align-items-center gap-4 mt-40"> <a href="pricing.html" class="btn-one wow fadeInDown" data-wow-delay="200ms" data-wow-duration="1000ms">Try it Now<i class="fa-regular fa-circle-arrow-right ml-10"></i></a> <a href="about.html" class="explore-btn wow fadeInDown" data-wow-delay="400ms" data-wow-duration="1000ms"><span>Explore More</span> <i class="fa-regular fa-arrow-right"></i></a> </div> </div> </div> </section> <!-- Banner area end here --> <!-- Brand area start here --> <!-- <div class="brand-area pt-70"> <div class="container"> <h5 class="brand__title mb-40">Used by World Leading Companies</h5> <div class="swiper brand__slider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="assets/images/brand/brand-image1.png" alt="image" /> </div> <div class="swiper-slide"> <img src="assets/images/brand/brand-image2.png" alt="image" /> </div> <div class="swiper-slide"> <img src="assets/images/brand/brand-image3.png" alt="image" /> </div> <div class="swiper-slide"> <img src="assets/images/brand/brand-image4.png" alt="image" /> </div> <div class="swiper-slide"> <img src="assets/images/brand/brand-image5.png" alt="image" /> </div> </div> </div> </div> </div> --> <!-- Brand area end here --> <!-- About area start here --> <section class="about-area pt-140 pb-140" id="about-us"> <div class="container"> <div class="row g-4 align-items-center"> <div class="col-xl-6 wow fadeInRight" data-wow-delay="200ms" data-wow-duration="1000ms"> <div class="image about__image"> <img src="assets/images/about/about-image.png" alt="image" /> <div class="about__shape1"> <img src="assets/images/shape/about-shape1.png" alt="shape" /> </div> <div class="about__shape2"> <img src="assets/images/shape/about-shape2.png" alt="shape" /> </div> </div> </div> <div class="col-xl-6"> <div class="about__right-item"> <div class="section-header"> <h5 class="wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1000ms"> About us </h5> <h2 class="wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1000ms"> Why <span class="primary-color">Marketi</span> Should Be Your Top Choice </h2> <p class="wow fadeInUp" data-wow-delay="400ms" data-wow-duration="1000ms"> Choose Marketi for unparalleled digital success – where expertise, <br /> innovation, and strategic brilliance converge to elevate your <br /> business to new heights. <a href="about.html" class="secondary-color fw-700 primary-hover">Read More</a> </p> </div> <div class="about__counter mt-40"> <div class="coun-item wow fadeInDown" data-wow-delay="00ms" data-wow-duration="1000ms"> <h3><span class="count">12</span>+</h3> <p>Years of experience</p> </div> <div class="coun-item wow fadeInDown" data-wow-delay="100ms" data-wow-duration="1000ms"> <h3><span class="count">10</span>K</h3> <p>Completed Projects</p> </div> <div class="coun-item wow fadeInDown" data-wow-delay="200ms" data-wow-duration="1000ms"> <h3><span class="count">5</span>K</h3> <p>Trusted Customers</p> </div> </div> </div> </div> </div> </div> </section> <!-- About area end here --> <!-- our hub --> <section> <div class="key-features-sec"> <div class="container"> <div class="section-header"> <h2 class="wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1000ms"> Our <span class="primary-color">Hub</span> </h2> </div> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-12"> <div class="flip-box"> <div class="flip-box-inner"> <div class="flip-box-front"> <img src="assets/images/hub/careerhub.png"> <h2>Career Hub</h2> <div class="flip-box-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-back-arrow.png"> </div> </div> <div class="flip-box-back"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <div class="flip-box-back-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-back-arrow.png"> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <div class="flip-box flipbox-two flip-yellow-box"> <div class="flip-box-inner"> <div class="flip-box-front"> <img src="assets/images/hub/personaldevlopmenthub.png"> <h2>Personal Development Hub</h2> <div class="flip-box-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-icon.png"> </div> </div> <div class="flip-box-back"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <div class="flip-box-back-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-back-arrow.png"> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <div class="flip-box flipbox-three"> <div class="flip-box-inner"> <div class="flip-box-front"> <img src="assets/images/hub/fitnesshub.png"> <h2>Fitness Hub</h2> <div class="flip-box-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-back-arrow.png"> </div> </div> <div class="flip-box-back"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <div class="flip-box-back-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-back-arrow.png"> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <div class="flip-box flipbox-four"> <div class="flip-box-inner"> <div class="flip-box-front"> <img src="assets/images/hub/resoursehub.png"> <h2>Resource Hub</h2> <div class="flip-box-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-back-arrow.png"> </div> </div> <div class="flip-box-back"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <div class="flip-box-back-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-back-arrow.png"> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <div class="flip-box flipbox-five flip-yellow-box"> <div class="flip-box-inner"> <div class="flip-box-front"> <img src="assets/images/hub/studyhub.png"> <h2>Study Hub</h2> <div class="flip-box-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-icon.png"> </div> </div> <div class="flip-box-back"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <div class="flip-box-back-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-back-arrow.png"> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12"> <div class="flip-box flipbox-six"> <div class="flip-box-inner"> <div class="flip-box-front"> <img src="assets/images/hub/wellnesshub.png"> <h2>Wellness Hub</h2> <div class="flip-box-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-back-arrow.png"> </div> </div> <div class="flip-box-back"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <div class="flip-box-back-arrow-icon"> <img class="flip-box-front-icon" src="assets/images/icon/flip-box-back-arrow.png"> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- our hub end --> <!-- Faq area start here --> <section class="faq-area pt-120 pb-120" id="faq"> <div class="container"> <div class="section-header__wrp mb-90"> <div class="section-header-two"> <h5 class="wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1000ms">Frequently a&q</h5> <h2 class="wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1000ms">Find <span>answer</span> you needs </h2> </div> <ul class="faq__tab nav nav-tabs border-0 wow fadeInUp" data-wow-delay="400ms" data-wow-duration="1000ms"> <li class="nav-item"> <a class="nav-link active" id="tab-item1" data-bs-toggle="tab" data-bs-target="#tab-content1" href="tab-content1.html">General</a> </li> <li class="nav-item"> <a class="nav-link" id="tab-item2" data-bs-toggle="tab" data-bs-target="#tab-content2" href="tab-content2.html">Support</a> </li> <li class="nav-item"> <a class="nav-link" id="tab-item3" data-bs-toggle="tab" data-bs-target="#tab-content3" href="tab-content3.html">Payment</a> </li> </ul> </div> <div class="tab-content"> <div class="tab-pane fade show active" id="tab-content1"> <div class="swiper faq__slider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="faq__item mb-40"> <h3 class="mb-20">What sets Marketi apart from other digital marketing agencies? </h3> <p>We prioritize a personalized approach, combining strategic insights with creativity. Our dedicated team is committed to understanding your business and delivering customized solutions that drive tangible results.</p> </div> <div class="faq__item mb-40"> <h3 class="mb-20">What services does Marketi offer?</h3> <p>We prioritize a personalized approach, combining strategic insights with creativity. Our dedicated team is committed to understanding your business and delivering customized solutions that drive tangible results.</p> </div> </div> <div class="swiper-slide"> <div class="faq__item mb-40"> <h3 class="mb-20">How long does it take to see results from digital marketing efforts? </h3> <p>The timeline for seeing results varies based on factors like your industry, goals, and chosen strategies. While some changes can be immediate, significant improvements typically become more noticeable. </p> </div> <div class="faq__item mb-40"> <h3 class="mb-20">How can digital marketing benefit my business?</h3> <p>Digital marketing enhance your online presence, increase brand visibility, drives targeted traffic, . It's a cost-effective way to reach potential customers and build long-term relationships. </p> </div> </div> </div> <div class="faq__slider-info"> <span class="line-text">General Questions</span> <div class="line"></div> <div class="swiper__info m-0"> <button class="faq__arry-prev"><i class="fa-regular fa-arrow-left-long"></i></button> <button class="faq__arry-next active"><i class="fa-regular fa-arrow-right-long"></i></button> </div> </div> </div> </div> <div class="tab-pane fade" id="tab-content2"> <div class="swiper faq__slider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="faq__item mb-40"> <h3 class="mb-20">What sets Marketi apart from other digital marketing agencies? </h3> <p>We prioritize a personalized approach, combining strategic insights with creativity. Our dedicated team is committed to understanding your business and delivering customized solutions that drive tangible results.</p> </div> <div class="faq__item mb-40"> <h3 class="mb-20">What services does Marketi offer?</h3> <p>We prioritize a personalized approach, combining strategic insights with creativity. Our dedicated team is committed to understanding your business and delivering customized solutions that drive tangible results.</p> </div> </div> <div class="swiper-slide"> <div class="faq__item mb-40"> <h3 class="mb-20">How long does it take to see results from digital marketing efforts? </h3> <p>The timeline for seeing results varies based on factors like your industry, goals, and chosen strategies. While some changes can be immediate, significant improvements typically become more noticeable. </p> </div> <div class="faq__item mb-40"> <h3 class="mb-20">How can digital marketing benefit my business?</h3> <p>Digital marketing enhance your online presence, increase brand visibility, drives targeted traffic, . It's a cost-effective way to reach potential customers and build long-term relationships. </p> </div> </div> </div> <div class="faq__slider-info"> <span class="line-text">General Questions</span> <div class="line"></div> <div class="swiper__info m-0"> <button class="faq__arry-prev"><i class="fa-regular fa-arrow-left-long"></i></button> <button class="faq__arry-next active"><i class="fa-regular fa-arrow-right-long"></i></button> </div> </div> </div> </div> <div class="tab-pane fade" id="tab-content3"> <div class="swiper faq__slider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="faq__item mb-40"> <h3 class="mb-20">What sets Marketi apart from other digital marketing agencies? </h3> <p>We prioritize a personalized approach, combining strategic insights with creativity. Our dedicated team is committed to understanding your business and delivering customized solutions that drive tangible results.</p> </div> <div class="faq__item mb-40"> <h3 class="mb-20">What services does Marketi offer?</h3> <p>We prioritize a personalized approach, combining strategic insights with creativity. Our dedicated team is committed to understanding your business and delivering customized solutions that drive tangible results.</p> </div> </div> <div class="swiper-slide"> <div class="faq__item mb-40"> <h3 class="mb-20">How long does it take to see results from digital marketing efforts? </h3> <p>The timeline for seeing results varies based on factors like your industry, goals, and chosen strategies. While some changes can be immediate, significant improvements typically become more noticeable. </p> </div> <div class="faq__item mb-40"> <h3 class="mb-20">How can digital marketing benefit my business?</h3> <p>Digital marketing enhance your online presence, increase brand visibility, drives targeted traffic, . It's a cost-effective way to reach potential customers and build long-term relationships. </p> </div> </div> </div> <div class="faq__slider-info"> <span class="line-text">General Questions</span> <div class="line"></div> <div class="swiper__info m-0"> <button class="faq__arry-prev"><i class="fa-regular fa-arrow-left-long"></i></button> <button class="faq__arry-next active"><i class="fa-regular fa-arrow-right-long"></i></button> </div> </div> </div> </div> </div> </div> </section> <!-- Faq area end here --> <!-- Talk area start here --> <section class="talk-area pt-140 pb-140 primary-bg bg-image" data-background="assets/images/bg/talk-bg.png" id="contact"> <div class="container"> <div class="row g-4 form-align"> <div class="col-lg-7"> <div class="section-header"> <h5 class="text-white wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1000ms"> Get started with us </h5> <h2 class="text-white wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1000ms"> Request a <span class="light-underline">Course Prospectus</span> </h2> <p class="para-light-color wow fadeInUp" data-wow-delay="400ms" data-wow-duration="1000ms"> Schedule a free consultation with our experts. Uncover opportunities <br /> and take the first step towards digital success </p> </div> </div> <div class="col-lg-5 wow fadeInLeft" data-wow-delay="200ms" data-wow-duration="1000ms"> <div class="contact__form"> <h3 class="text-capitalize mb-30 text-center"> Send A Message Now </h3> <form action="#"> <div class="row g-3"> <div class="col-6"> <input type="text" placeholder="First Name*" /> </div> <div class="col-6"> <input type="text" placeholder="Last Name*" /> </div> </div> <div class="row g-3"> <div class="col-6"> <input type="text" placeholder="Email Address*" /> </div> <div class="col-6"> <input type="text" placeholder="Phone Number*" /> </div> </div> <textarea name="#" id="#" placeholder="Message"></textarea> <button class="btn-one transition"> Submit<i class="fa-regular fa-circle-arrow-right ml-10"></i> </button> </form> </div> </div> </div> </div> </section> <!-- Talk area end here --> </main> <!-- Footer area start here --> <footer class="footer-area footer-bg bg-image" data-background="assets/images/bg/footer-bg.png"> <div class="footer__main-wrp"> <div class="container"> <div class="footer__wrp "> <div class="row g-4 justify-content-between"> <div class="col-lg-12 wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1000ms"> <div class="footer__item"> <a href="index.html" class="logo mb-20"> <img src="assets/images/white-bg.png" alt="image" /> </a> <p> Optimize your success with our ROI-driven digital marketing agency. </p> <div class="social-icon mt-20"> <a href="#0"><i class="fa-brands fa-facebook-f"></i></a> <a href="#0"><i class="fa-brands fa-linkedin-in"></i></a> <a href="#0"><i class="fa-brands fa-skype"></i></a> <a href="#0"><i class="fa-brands fa-whatsapp"></i></a> </div> </div> </div> </div> </div> </div> </div> <div class="footer__copytext"> <p class="wow fadeInDown" data-wow-delay="400ms" data-wow-duration="1000ms"> © All Copyright 2024 by <a href="#0" class="primary-hover">onlinebusinesscollege</a> </p> </div> </footer> <!-- Footer area end here --> <!-- Back to top btn area start here --> <button class="btn-backToTop"> <i class="fa-solid fa-chevron-up"></i> </button> <!-- Back to top btn area end here --> <!-- Jquery 3. 7. 1 Min Js --> <script src="assets/js/jquery-3.7.1.min.js"></script> <!-- Bootstrap min Js --> <script src="assets/js/bootstrap.min.js"></script> <!-- Mean menu Js --> <script src="assets/js/meanmenu.js"></script> <!-- Swiper bundle min Js --> <script src="assets/js/swiper-bundle.min.js"></script> <!-- Counterup min Js --> <script src="assets/js/jquery.counterup.min.js"></script> <!-- Wow min Js --> <script src="assets/js/wow.min.js"></script> <!-- Magnific popup min Js --> <script src="assets/js/magnific-popup.min.js"></script> <!-- Nice select min Js --> <script src="assets/js/nice-select.min.js"></script> <!-- Parallax Js --> <script src="assets/js/parallax.js"></script> <!-- Waypoints Js --> <script src="assets/js/jquery.waypoints.js"></script> <!-- Script Js --> <script src="assets/js/script.js"></script> <!-- <script> // Register the plugin gsap.registerPlugin(MotionPathPlugin); // Create the animation for moving the object var tl = gsap.timeline(); tl.to("#movingObject", { duration: 10, ease: "none", motionPath: { path: "#motionPath", align: "self", autoRotate: false, alignOrigin: [0.5, 0.5], }, }).to("#movingObject", { // Chain another animation to make the object disappear duration: 0.5, // Duration of the disappearance opacity: 0, onComplete: function () { // Set the display to 'none' after the opacity animation completes document.getElementById("movingObject").style.display = "none"; }, }); </script> --> </body> </html>
Copyright ©2021 || Defacer Indonesia