?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>Digital University | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="digital-university/img/favicon.ico">
<!-- vendors -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/swiper.min.css">
<link rel="stylesheet" href="vendor/css/wow.css">
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="vendor/css/mediaelementplayer.min.css"/>
<!-- Style Sheet -->
<link rel="stylesheet" href="digital-university/css/slick.css">
<link rel="stylesheet" href="digital-university/css/slick-theme.css">
<link rel="stylesheet" href="digital-university/css/sweetalert2.min.css">
<link rel="stylesheet" href="digital-university/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="400">
<!-- Preloader -->
<div class="preloader">
<div class="center">
<div class="loader">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<!-- Preloader End -->
<!--Header Start-->
<header id="home" class="cursor-light">
<div class="inner-header nav-icon">
<div class="main-navigation">
<div class="container">
<div class="row">
<div class="col-4 col-lg-3">
<a class="navbar-brand link" href="index-digital-university.html">
<img src="digital-university/img/logo-white.png" alt="logo">
</a>
</div>
<div class="col-8 col-lg-9 simple-navbar d-flex align-items-center justify-content-end">
<nav class="navbar navbar-expand-lg">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav ml-auto">
<a class="nav-link home active link" href="#">HOME</a>
<a class="nav-link scroll link" href="#services-sec">ABOUT</a>
<a class="nav-link scroll link" href="#portfolio">GALLERY</a>
<a class="nav-link link" href="#courses">COURSES</a>
<a class="nav-link link" href="digital-university/standard-blog.html">BLOG</a>
<a class="nav-link scroll link" href="#contact-us-sec">CONTACT</a>
<span class="menu-line link"><i aria-hidden="true" class="fa fa-angle-down"></i></span>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
<!--toggle btn-->
<a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
<!--Side Nav-->
<div class="side-menu hidden side-menu-opacity">
<div class="bg-overlay"></div>
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<div class="container">
<div class="row w-100 side-menu-inner-content">
<div class="col-12 d-flex justify-content-center align-items-center text-center">
<a href="index-digital-university.html" class="navbar-brand"><img src="digital-university/img/logo-white.png" alt="logo"></a>
</div>
<div class="col-12 col-lg-8 text-center text-lg-left">
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="#home">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#services-sec">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#portfolio">GALLERY</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#courses">COURSES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="digital-university/standard-blog.html">BLOG</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact-us-sec">CONTACT</a>
</li>
</ul>
</nav>
</div>
<div class="col-12 col-lg-4 d-flex align-items-center text-center text-lg-left">
<div class="side-footer text-white w-100">
<div class="menu-company-details">
<span>+1 631 123 4567</span>
<span>email@website.com</span>
</div>
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="youtube-text-hvr" href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="text-white">© 2020 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!--Header End-->
<!--Slider Sec Start-->
<section class="slider-area cursor-light position-relative">
<div class="slider-overlay">
<div class="container">
<div class="row">
<div class="col-12">
<div class="slider-content">
<h4 class="heading">
WE ARE LEADING DIGITAL UNIVERSITY
</h4>
<p class="text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="row no-gutters slider-carousel owl-carousel owl-theme">
<div class="item" style="background-image: url('digital-university/img/slider1.jpg');"></div>
<div class="item" style="background-image: url('digital-university/img/slider2.jpg');"></div>
<div class="item" style="background-image: url('digital-university/img/slider3.jpg');"></div>
</div>
<div class="slider-icons">
<ul class="slider-social banner-social">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram"></i> </a></li>
</ul>
</div>
</section>
<!--Slider sec end-->
<!--Slider form start-->
<div class="slider-form">
<div class="container">
<div class="row">
<!-- <div class="col-12" id="result"></div>-->
<div class="col-12 wow fadeIn">
<form class="row contact-form rounded-pill link" id="contact-form-data">
<div class="col-12 col-lg-9 d-inline-block d-lg-flex align-items-center">
<div class="form-group">
<label><i class="fa fa-user" aria-hidden="true"></i></label>
<input type="text" name="userName" placeholder="Full Name" class="form-control">
</div>
<div class="form-group">
<label><i class="fa fa-envelope" aria-hidden="true"></i></label>
<input type="email" name="userEmail" placeholder="Email Address *" class="form-control">
</div>
<div class="form-group">
<label><i class="fa fa-align-center" aria-hidden="true"></i></label>
<input type="text" name="userPhone" placeholder="Phone No." class="form-control">
</div>
</div>
<div class="col-12 col-lg-3">
<a href="javascript:void(0);" class="btn green-btn rounded-pill w-100 contact_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i>GET REGISTER NOW
<span></span><span></span><span></span><span></span><span></span>
</a>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Slider form end-->
<!--Services content start-->
<section id="services-sec" class="services-sec padding-top">
<div class="container">
<div class="row services-details text-center">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
<p class="sub-heading text-center"><span></span>Most flexible one page</p>
<h3 class="heading text-center">A Digital University helping the world to gain some success</h3>
<p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursused eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<a class="btn green-btn rounded-pill" href="#">LEARN MORE
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
<div class="row our-services">
<div class="col-12 col-lg-4 wow slideInLeft" data-wow-duration="1s">
<div class="service-card text-center">
<a href="digital-university/standard-blog.html">
<div class="image-holder">
<i class="lni-pencil-alt"></i>
</div>
<h3 class="service-card-heading">CAREER BUILDING</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s">
<div class="service-card text-center">
<a href="digital-university/standard-blog.html">
<div class="image-holder">
<i class="lni-cog"></i>
</div>
<h3 class="service-card-heading">STUDENT SETUP</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInRight" data-wow-duration="1s">
<div class="service-card text-center ">
<a href="digital-university/standard-blog.html">
<div class="image-holder">
<i class="lni-code"></i>
</div>
<h3 class="service-card-heading">LATEST TECHNOLOGIES</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
</div>
</div>
</section>
<!--Services content start-->
<!--Skills content start-->
<section id="skill-sec" class="skill-sec padding-top">
<div class="row text-center text-lg-left no-gutters">
<div class="col-12 col-lg-6 skill-banner">
<div class="hover-effect">
<img src="digital-university/img/skill-banner1.jpg" alt="images">
</div>
</div>
<div class="col-12 col-lg-6 skill-detail center-block wow fadeInLeft d-flex align-items-center" data-wow-duration="2s">
<div class="inner-skill-wraper">
<div class="row no-gutters">
<div class="col-12 col-md-10 offset-md-1">
<p class="sub-heading"><span></span>Most flexible one page</p>
<h4 class="heading">A Digital University with perfect set of skills for everyone.</h4>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.
</p>
<div class="skill-bars">
<ul class="text-left list-unstyled">
<!--Progress Bar-->
<li class="progress-item">
<h6>Coding</h6>
<div class="progress bar rounded-pill" data-width="79%">
<div class="progress-bar rounded-pill bg-warning bar-inner" role="progressbar"> <span>79%</span></div>
</div>
</li>
<!--Progress Bar-->
<li class="progress-item">
<h6>Accuracy</h6>
<div class="progress bar rounded-pill" data-width="95%">
<div class="progress-bar rounded-pill bg-warning bar-inner" role="progressbar"><span>95%</span></div>
</div>
</li>
<!--Progress Bar-->
<li class="progress-item">
<h6>Planning</h6>
<div class="progress bar rounded-pill" data-width="87%">
<div class="progress-bar rounded-pill bg-warning bar-inner" role="progressbar"><span>87%</span></div>
</div>
</li>
</ul>
</div>
<a class="btn green-btn rounded-pill" href="#">LEARN MORE
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Skills content end-->
<!--Portfolio Start-->
<section id="portfolio" class="cube-portfolio1 padding-top">
<div class="container">
<!--About-->
<div class="row align-items-center">
<div class="col-12 col-lg-6 wow fadeInLeft text-center text-lg-left">
<div class="title">
<h6 class="sub-heading">Latest design of our company</h6>
<h2 class="heading font-large">OUR UNIVERSITY GALLERY</h2>
</div>
</div>
<div class="col-12 col-lg-6 mb-4 wow fadeInRight text-center text-lg-left">
<p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus.
<br><br>
Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. </p>
</div>
</div>
<div class="row wow fadeInUp">
<div class="col-md-12">
<!--Portfolio Filters-->
<div id="js-filters-mosaic-flat" class="cbp-l-filters-button text-center text-lg-left">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">All</div>
<span class="text-blue">/</span>
<div data-filter=".graphic" class="cbp-filter-item">Events</div>
<span class="text-blue"> / </span>
<div data-filter=".web-design" class="cbp-filter-item">Labs</div>
<span class="text-blue"> / </span>
<div data-filter=".graphic" class="cbp-filter-item">Sports</div>
<span class="text-blue"> / </span>
<div data-filter=".marketing" class="cbp-filter-item">Competitions</div>
</div>
<!--Portfolio Items-->
<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
<div class="cbp-item web-design graphic">
<a href="digital-university/img/1.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="digital-university/img/1.jpg" alt="port-1">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">View Large</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item seo marketing">
<a href="digital-university/img/2.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="digital-university/img/2.jpg" alt="port-2">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">View Large</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item seo marketing">
<a href="digital-university/img/3.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="digital-university/img/3.jpg" alt="port-4">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">View Large</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item graphic seo marketing">
<a href="digital-university/img/4.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="digital-university/img/4.jpg" alt="port-3">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">View Large</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design graphic">
<a href="digital-university/img/5.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="digital-university/img/5.jpg" alt="port-5">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">View Large</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item seo marketing graphic ">
<a href="digital-university/img/6.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="digital-university/img/6.jpg" alt="port-6">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">View Large</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design seo">
<a href="digital-university/img/7.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="digital-university/img/7.jpg" alt="port-7">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">View Large</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design graphic">
<a href="digital-university/img/8.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="digital-university/img/8.jpg" alt="port-8">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">View Large</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
<!--To Enable Load More Button Remove The Class="d-none"-->
<div id="js-loadMore-mosaic-flat" class="cbp-l-loadMore-bgbutton d-none">
<a href="loadmore.html" class="cbp-l-loadMore-link no-transition btn-rounded" rel="nofollow">
<span class="cbp-l-loadMore-defaultText no-transition ">Load More</span>
<span class="cbp-l-loadMore-loadingText ">Loading...</span>
<span class="cbp-l-loadMore-noMoreLoading">Finish</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!--Portfolio end-->
<!--Qoute content start-->
<section id="qoute-sec" class="qoute-sec padding-top">
<div class="container">
<div class="row">
<div class="col-12 text-center wow zoomIn" data-wow-duration="1s">
<i class="fas fa-quote-left text-left"></i>
<p class="qoute"><span>Education</span> is allowing yourself to make mistakes
Art is knowing which ones you keep.</p>
<h4 class="writer">Alice Johnson</h4>
<i class="fas fa-quote-right"></i>
</div>
</div>
</div>
</section>
<!--Qoute content ens-->
<!--Projects content start-->
<div id="courses" class="project-sec padding-top position-relative">
<div class="row no-gutters">
<div class="col-12 col-lg-6 project-detail-area bg-green d-flex align-items-center text-center text-lg-left">
<div class="project-detail-slide">
<div class="inner-content">
<p class="sub-heading"><span></span>Most flexible one page</p>
<h4 class="heading">Machine Learning Digital Latest Course 2020</h4>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.
</p>
<a href="digital-university/courses.html" class="btn grey-btn rounded-pill scroll">LAUNCH COURSE
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
<div class="project-detail-slide">
<div class="inner-content">
<p class="sub-heading"><span></span>Most flexible one page</p>
<h4 class="heading">Machine Learning Digital Latest Course 2020</h4>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.
</p>
<a href="digital-university/courses.html" class="btn grey-btn rounded-pill scroll">LAUNCH COURSE
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-6 project-img-area">
<div class="project-img-slide">
<img src="digital-university/img/project1.jpg">
</div>
<div class="project-img-slide">
<img src="digital-university/img/project2.jpg">
</div>
</div>
</div>
<div class="project-links d-none d-lg-block">
<a class="customPrevBtn" id="project-prev"><i class="lni-chevron-left"></i></a>
<a class="customNextBtn" id="project-next"><i class="lni-chevron-right"></i></a>
</div>
</div>
<!--Projects content end-->
<!--Pricing content start-->
<div id="pricing-sec" class="pricing-sec">
<div class="container">
<div class="row">
<div class="pricing-details col-10 offset-1 col-lg-8 offset-lg-2 text-center">
<p class="sub-heading"><span></span>Most flexible one page</p>
<h4 class="heading">Very Affordable Pricing for all Courses.</h4>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
</div>
</div>
<div class="row price-cards pb-5 pb-md-0">
<div class="pricing-card col-12 col-lg-4 text-center">
<h4 class="pricing-card-heading">Startup</h4>
<p class="pricing-card-text">Click edit button to change this text. Lorem
dolor sit amet, consectetur adipiscing elit.</p>
<h3 class="pricing-amount"><i class="lni-dollar"></i>19<span>/ Month</span></h3>
<ul class="pricing-features">
<li>Full Access</li>
<li>Unlimited Bandwidth</li>
<li>Email Accounts</li>
<li>8 Free Forks Every Months</li>
</ul>
<a href="#" class="btn green-trans-btn rounded-pill">Learn More
<span></span><span></span><span></span><span></span>
</a>
</div>
<div class="pricing-card active col-12 col-lg-4 text-center wow fadeInUp" data-wow-duration="2s" data-wow-delay=".1s">
<h4 class="pricing-card-heading">Standard</h4>
<p class="pricing-card-text">Click edit button to change this text. Lorem
dolor sit amet, consectetur adipiscing elit.</p>
<h3 class="pricing-amount"><i class="lni-dollar"></i>56<span>/ Month</span></h3>
<ul class="pricing-features">
<li>Full Access</li>
<li>Unlimited Bandwidth</li>
<li>Email Accounts</li>
<li>8 Free Forks Every Months</li>
</ul>
<a href="#" class="btn green-trans-btn rounded-pill">Learn More
<span></span><span></span><span></span><span></span>
</a>
</div>
<div class="pricing-card col-12 col-lg-4 text-center">
<h4 class="pricing-card-heading">Premium</h4>
<p class="pricing-card-text">Click edit button to change this text. Lorem
dolor sit amet, consectetur adipiscing elit.</p>
<h3 class="pricing-amount"><i class="lni-dollar"></i>89<span>/ Month</span></h3>
<ul class="pricing-features">
<li>Full Access</li>
<li>Unlimited Bandwidth</li>
<li>Email Accounts</li>
<li>8 Free Forks Every Months</li>
</ul>
<a href="#" class="btn green-trans-btn rounded-pill">Learn More
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
</div>
</div>
<!--Pricing content end-->
<!--Clients content start-->
<div id="client-sec" class="client-sec parallax-slide">
<!--<img src="digital-university/img/clients-banner.jpg">-->
<div class="client-sec-overlay"></div>
<div class="clients owl-carousel owl-theme no-gutters">
<div class="item client-container">
<div class="row no-gutters client-img-overlay text-center">
<div class="col-10 offset-1 col-lg-6 offset-lg-3 wow zoomIn" data-wow-duration="2s">
<span class="client-symbol-qoute"><i class="fas fa-quote-left text-left"></i></span>
<p class="client-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.
</p>
</div>
</div>
<div class="client-img-holder rounded-circle center-block">
<img src="digital-university/img/client1.png" class="rounded-circle" alt="client1">
</div>
<div class="client-detail col-12 text-center">
<h4 class="client-name">Ellizabeth Taylor</h4>
<p class="client-des">Amazon</p>
<div class="clients-social position-relative">
<ul class="slider-social client-s-media ">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
</ul>
</div>
</div>
</div>
<div class="item client-container">
<div class="row no-gutters client-img-overlay text-center">
<div class="col-10 offset-1 col-lg-6 offset-lg-3 wow zoomIn" data-wow-duration="2s">
<span class="client-symbol-qoute"><i class="fas fa-quote-left text-left"></i></span>
<p class="client-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.
</p>
</div>
</div>
<div class="client-img-holder rounded-circle center-block">
<img src="digital-university/img/client2.png" class="rounded-circle" alt="client1">
</div>
<div class="client-detail col-12 text-center">
<h4 class="client-name">Ellizabeth Taylor</h4>
<p class="client-des">Amazon</p>
<div class="clients-social position-relative">
<ul class="slider-social client-s-media ">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
</ul>
</div>
</div>
</div>
<div class="item client-container">
<div class="row no-gutters client-img-overlay text-center">
<div class="col-10 offset-1 col-lg-6 offset-lg-3 wow zoomIn" data-wow-duration="2s">
<span class="client-symbol-qoute"><i class="fas fa-quote-left text-left"></i></span>
<p class="client-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.
</p>
</div>
</div>
<div class="client-img-holder rounded-circle center-block">
<img src="digital-university/img/client3.jpg" class="rounded-circle" alt="client1">
</div>
<div class="client-detail col-12 text-center">
<h4 class="client-name">Ellizabeth Taylor</h4>
<p class="client-des">Amazon</p>
<div class="clients-social position-relative">
<ul class="slider-social client-s-media">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--Clients content end-->
<!--Contact us content start-->
<div id="contact-us-sec" class="contact-us-sec padding-top padding-bottom">
<div class="container">
<div class="row no-gutters">
<div class="col-12 col-lg-6 order-2 order-lg-1 contact-details text-center text-lg-left">
<div class="row no-gutters">
<div class="col-10 offset-1 wow fadeInLeft" data-wow-duration="2s">
<span class="contact-sub-heading">Lorem ipsum dolor sit amet consectetur</span>
<h4 class="contact-heading">DIGITAL UNIVERSITY</h4>
<p class="contact-address">123 Stree New York City , United States Of America.</p>
<ul class="contact-list">
<li><span>Office Telephone :</span> 001 01085379709</li>
<li><span>Mobile :</span> 001 63165370895</li>
<li><span>Email :</span> admin@website.com</li>
<li><span>Inquiries :</span> email@website.com</li>
<li><span>Mon-Fri:</span> 9am to 6pm</li>
</ul>
<div class="footer-social-links position-relative">
<ul class="slider-social contact-s-media">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a> </li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a> </li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-google-plus-g"></i> </a> </li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a> </li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 order-1 order-lg-2 contact-map">
<div id="map" class="contact-map"></div>
</div>
</div>
</div>
</div>
<!--Contact us content end-->
<!--Animated Cursor-->
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--Animated Cursor End-->
<!--Scroll Top Start-->
<span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/swiper.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/mediaelement-and-player.min.js"></script>
<!-- custom script -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhrdEzlfpnsnfq4MgU1e1CCsrvVx2d59s"></script>
<script src="digital-university/js/map.js"></script>
<script src="digital-university/js/TweenMax.min.js"></script>
<script src="digital-university/js/slick.min.js"></script>
<script src="digital-university/js/sweetalert2.all.min.js"></script>
<script src="vendor/js/contact_us.js"></script>
<script src="digital-university/js/script.js"></script>
</body>
</html>