ok

Mini Shell

Direktori : /home2/selectio/www/pvmatricschool.com/html/
Upload File :
Current File : /home2/selectio/www/pvmatricschool.com/html/header-style-02.html

<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from themetechmount.com/html/uniaro/header-style-02.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 18 Oct 2023 10:52:37 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="HTML5 Template" />
<meta name="description" content="Academics and Education Html Template" />
<meta name="author" content="https://www.themetechmount.com/" />
<meta name="viewport" content=" width=device-width, initial-scale=1, maximum-scale=1" />
<title>Uniaro &#8211; Academics and Education Html Template </title>

<!-- favicon icon -->
<link rel="shortcut icon" href="images/favicon.png" />

<!-- bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>

<!-- animate -->
<link rel="stylesheet" type="text/css" href="css/animate.css"/>

<!-- fontawesome -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>

<!-- themify -->
<link rel="stylesheet" type="text/css" href="css/themify-icons.css"/>

<!-- flaticon -->
<link rel="stylesheet" type="text/css" href="css/flaticon.css"/>

<!-- slick -->
<link rel="stylesheet" type="text/css" href="css/slick.css">

<!-- REVOLUTION LAYERS STYLES -->

    <link rel='stylesheet' id='rs-plugin-settings-css' href="revolution/css/rs6.css"> 

<!-- prettyphoto -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">

<!-- shortcodes -->
<link rel="stylesheet" type="text/css" href="css/shortcodes.css"/>

<!-- main -->
<link rel="stylesheet" type="text/css" href="css/main.css"/>

<!-- main -->
<link rel="stylesheet" type="text/css" href="css/megamenu.css"/>

<!-- responsive -->
<link rel="stylesheet" type="text/css" href="css/responsive.css"/>


</head>


<body>

    <!--page start-->
    <div class="page">
       
        <!--header start-->
        <header id="masthead" class="header ttm-header-style-02">
            <!-- fbar-main -->
            <div class="fbar-main">
                <div class="fbar-main-inner">
                    <div class="fbar-btn"><a href="#"><i class="ti ti-menu"></i></a></div>
                    <!-- fbar-contents -->
                    <div class="fbar-contents">
                        <div class="container">
                            <div id="floatingbar-widgets" class="row">
                                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 widget-area">
                                    <aside class="widget widget_text enhanced-text-widget">
                                        <h3 class="widget-title mb-15">We Are The Best Uniaro Education In The <strong class="ttm-textcolor-skincolor">Gloabal World</strong></h3>
                                        <p>Uniaro University was established by J.H Merthon in 1920 for the public benefit. After wards, it is recognized globally. Throughout our great history.</p>
                                        <div class="d-flex align-items-center pt-10">
                                            <ul class="ttm-list ttm-list-style-icon ttm-textcolor-darkgrey pr-20">
                                                <li><i class="ttm-textcolor-skincolor fa fa-check"></i><span class="ttm-list-li-content">New Online Courses</span></li>
                                                <li><i class="ttm-textcolor-skincolor fa fa-check"></i><span class="ttm-list-li-content">Trending Courses</span></li>
                                                <li><i class="ttm-textcolor-skincolor fa fa-check"></i><span class="ttm-list-li-content">Career Security</span></li>
                                            </ul>
                                            <ul class="ttm-list ttm-list-style-icon ttm-textcolor-darkgrey pr-20">
                                                <li><i class="ttm-textcolor-skincolor fa fa-check"></i><span class="ttm-list-li-content">Certified Teachers</span></li>
                                                <li><i class="ttm-textcolor-skincolor fa fa-check"></i><span class="ttm-list-li-content">Experienced Faculty</span></li>
                                                <li><i class="ttm-textcolor-skincolor fa fa-check"></i><span class="ttm-list-li-content">Certification</span></li>
                                            </ul>
                                        </div><br>
                                        <div class="ttm-highlight-div ttm-bgcolor-skincolor">
                                            <h5><i class="fa fa-phone"></i> Call Us Now:+123-456-78790</h5>
                                        </div>
                                    </aside>
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 widget-area">
                                    <div class="widget widget_timing clearfix">
                                        <h3 class="widget-title">Opening Hours</h3>
                                        <div class="ttm-timelist-block-wrapper">
                                            <ul class="ttm-timelist-block ttm-textcolor-darkgrey pr-15">
                                                <li>Monday<span class="service-time">09am - 05pm</span></li>
                                                <li>Tuesday<span class="service-time">09am - 05pm</span></li>
                                                <li>Wednesday<span class="service-time">09am - 05pm</span></li>
                                                <li>Thrusday<span class="service-time">09am - 05pm</span></li>
                                                <li>Friday<span class="service-time">09am - 05pm</span></li>
                                                <li>Saturday-Sunday<span class="service-time">Closed</span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 widget-area">
                                    <aside class="widget widget_text enhanced-text-widget">
                                        <h3 class="widget-title"> Want to talk? Let`s do it!</h3>
                                        <div role="form" class="wpcf7" id="wpcf7-f3264-o2" lang="en-US" dir="ltr">
                                            <form action="#" method="post" class="wpcf7-form" novalidate="novalidate">
                                                <div class="ttm-commonform ttm-floatingbar-form">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <i class="ti-user"></i>
                                                                <input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-required="true" aria-invalid="false" placeholder="Your Name">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <i class="ti-email"></i>
                                                                <input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email" aria-required="true" aria-invalid="false" placeholder="Your Email">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <i class="ti-mobile"></i>
                                                                <input type="text" name="your-phone" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-required="true" aria-invalid="false" placeholder="Your Phone">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <i class="ti-pencil"></i>
                                                                <input type="text" name="your-subject" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-required="true" aria-invalid="false" placeholder="Subject">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <i class="ti-comments"></i>
                                                                <textarea name="your-message" cols="40" rows="2" class="wpcf7-form-control wpcf7-textarea" aria-required="true" aria-invalid="false" placeholder="Message"></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <button class="submit ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-border ttm-btn-color-dark mt-20" type="submit">Send A Request</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </aside>
                                </div>
                            </div>
                        </div>
                    </div><!-- fbar-contents end -->
                </div>
            </div><!-- fbar-main end -->
            <!-- top_bar -->
            <div class="top_bar ttm-bgcolor-darkgrey ttm-textcolor-white clearfix">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-4 col-lg-5">
                            <div class="ttm-bg ttm-col-bgcolor-yes ttm-left-span ttm-bgcolor-skincolor mr-20 res-1199-mr-0">
                                <div class="ttm-col-wrapper-bg-layer ttm-bg-layer"></div>
                                <div class="layer-content">Online Education Courses Millions of people learning!</div>
                            </div>
                        </div>
                        <div class="col-xl-8 col-lg-7 d-flex flex-row align-items-center">
                            <div class="top_bar_contact_item ml-auto">
                                <a href="#">Alumni</a>
                            </div>
                            <div class="top_bar_contact_item">
                                <a href="#">Profile</a>
                            </div>
                            <div class="top_bar_contact_item">
                                <div class="top_bar_social">
                                    <ul class="social-icons">
                                        <li><a class="tooltip-bottom" target="_blank" href="#" data-tooltip="Facebook" tabindex="-1"><i class="fa fa-facebook"></i></a>
                                        </li>
                                        <li><a class="tooltip-bottom" target="_blank" href="#" data-tooltip="Twitter" tabindex="-1"><i class="fa fa-twitter"></i></a>
                                        </li>
                                        <li><a class="tooltip-bottom" target="_blank" href="#" data-tooltip="Flickr" tabindex="-1"><i class="fa fa-flickr"></i></a>
                                        </li>
                                        <li><a class="tooltip-bottom" target="_blank" href="#" data-tooltip="Linkedin" tabindex="-1"><i class="fa fa-linkedin"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- top_bar end-->
            <!-- ttm-widget-header -->
            <div class="ttm-widget_header">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="d-flex flex-row align-items-center">
                                <!-- site-branding -->
                                <div class="site-branding mr-auto">
                                    <a class="home-link" href="index.html" title="Uniaro" rel="home">
                                        <img id="logo-img" class="img-center" src="images/logo-img.png" alt="logo-img">
                                    </a>
                                </div><!-- site-branding end -->
                                <!-- widget-info -->
                                <div class="widget_info d-flex flex-row align-items-center justify-content-end">
                                    <div class="widget_icon"><i class="themifyicon ti-mobile"></i></div>
                                    <div class="widget_content">
                                        <h5 class="widget_title">Call</h5>
                                        <p class="widget_desc">+123 4567 8910</p>
                                    </div>
                                </div><!-- widget-info end -->
                                <!-- widget-info -->
                                <div class="widget_info d-flex flex-row align-items-center justify-content-end">
                                    <div class="widget_icon"><i class="themifyicon ti-comment-alt"></i></div>
                                    <div class="widget_content">
                                        <h5 class="widget_title">Email</h5>
                                        <p class="widget_desc"><a href="mailto:info@example.com">info@example.com</a></p>
                                    </div>
                                </div><!-- widget-info end -->
                                <!-- widget-info -->
                                <div class="widget_info d-flex flex-row align-items-center justify-content-end">
                                    <div class="widget_icon"><i class="themifyicon ti-location-pin"></i></div>
                                    <div class="widget_content">
                                        <h5 class="widget_title">Address</h5>
                                        <p class="widget_desc">24 Fifth st, Los Angeles, USA</p>
                                    </div>
                                </div><!-- widget-info end -->
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- ttm-widget-header end -->
            <!-- site-header-menu -->
            <div id="site-header-menu" class="site-header-menu ttm-bgcolor-grey">
                <div class="site-header-menu-inner ttm-stickable-header">
                    <div class="container">
                        <div class="row">
                            <div class="col">
                                <!--site-navigation -->
                                <div class="site-navigation d-flex flex-row">
                                    <div class="btn-show-menu-mobile menubar menubar--squeeze">
                                        <span class="menubar-box">
                                            <span class="menubar-inner"></span>
                                        </span>
                                    </div>
                                    <!-- menu -->
                                    <nav class="main-menu menu-mobile" id="menu">
                                        <ul class="menu">
                                            <li class="mega-menu-item active">
                                                <a href="#" class="mega-menu-link">Home</a>
                                                <ul class="mega-submenu">
                                                    <li><a href="index.html">Home School</a></li>
                                                    <li><a href="home-6.html">Home School 2<span class="label-new">New</span></a></li>
                                                    <li><a href="home-2.html">Home University</a></li>
                                                    <li><a href="home-7.html">Home University 2<span class="label-new">New</span></a></li>
                                                    <li><a href="home-3.html">Home Institute</a></li>
                                                    <li><a href="home-4.html">Home College</a></li>
                                                    <li><a href="home-8.html">Home College 2<span class="label-new">New</span></a></li>
                                                    <li><a href="home-shop.html">Home Shop</a></li>
                                                    <li class="mega-menu-item active">
                                                        <a href="#" class="mega-menu-link">Header Styles</a>
                                                        <ul class="mega-submenu">
                                                            <li><a href="index.html">Header Style 01</a></li>
                                                            <li class="active"><a target="_blank" href="header-style-02.html">Header Style 02</a></li>
                                                            <li><a target="_blank" href="header-style-03.html">Header Style 03</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="mega-menu-item megamenu-fw">
                                                <a href="#" class="mega-menu-link">Pages</a>
                                                <ul class="mega-submenu megamenu-content" role="menu">
                                                    <li>
                                                        <div class="row">
                                                            <div class="col-menu col-md-4">
                                                                <h6 class="title">Page List 01</h6>
                                                                <div class="content">
                                                                    <ul class="menu-col">
                                                                        <li><a href="about-us.html">About Us</a></li>
                                                                        <li><a href="about-us-2.html">About Us 2</a></li>
                                                                        <li><a href="gallery.html">Gallery</a></li>
                                                                        <li><a href="element.html">Element</a></li>
                                                                    </ul>
                                                                </div>
                                                            </div><!-- end col-3 -->
                                                            <div class="col-menu col-md-4">
                                                                <h6 class="title">Page List 02</h6>
                                                                <div class="content">
                                                                    <ul class="menu-col">
                                                                        <li><a href="instructors.html">Our Instructors</a></li>
                                                                        <li><a href="instructor-profile.html">Instructor Profile</a></li>
                                                                        <li><a href="faq.html">Faq</a></li>
                                                                        <li><a href="error.html">Error Page</a></li>
                                                                    </ul>
                                                                </div>
                                                            </div><!-- end col-3 -->
                                                            <div class="col-menu col-md-4">
                                                                <h6 class="title">Page List 03</h6>
                                                                <div class="content">
                                                                    <ul class="menu-col">
                                                                        <li><a href="shop.html">Shop</a></li>
                                                                        <li><a href="product-details.html">Single Product Details</a></li>
                                                                        <li><a href="cart.html">Cart</a></li>
                                                                        <li><a href="checkout.html">Checkout</a></li>
                                                                    </ul>
                                                                </div>
                                                            </div>    
                                                        </div><!-- end row -->
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="mega-menu-item">
                                                <a href="#" class="mega-menu-link">Courses</a>
                                                <ul class="mega-submenu">
                                                    <li><a href="courses.html">Courses</a></li>
                                                    <li><a href="courses-single.html">Course Single View</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-menu-item">
                                                <a href="#" class="mega-menu-link">Blog</a>
                                                <ul class="mega-submenu">
                                                    <li><a href="blog.html">Blog Classic</a></li>
                                                    <li><a href="blog-grid.html">Blog Grid</a></li>
                                                    <li><a href="blog-single.html">Blog Single View</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-menu-item">
                                                <a href="shop.html" class="mega-menu-link">Shop</a>
                                                <ul class="mega-submenu">
                                                    <li><a href="shop.html">Shop</a></li>
                                                    <li><a href="product-details.html">Single Product Details</a></li>
                                                    <li><a href="cart.html">Cart</a></li>
                                                    <li><a href="checkout.html">Checkout</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-menu-item">
                                                <a href="#" class="mega-menu-link">Contact Us</a>
                                                <ul class="mega-submenu">
                                                    <li><a href="contact-us-1.html">Contact Us 1</a></li>
                                                    <li><a href="contact-us-2.html">Contact Us 2</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </nav>
                                    <div class="header_extra d-flex flex-row align-items-center ml-auto">
                                        <div class="header_search">
                                            <a href="#" class="btn-default search_btn sclose"><i class="ti ti-search"></i></a>
                                            <div class="header_search_content">
                                                <form id="searchbox" method="get" action="#">
                                                    <input class="search_query" type="text" id="search_query_top" name="s" placeholder="Enter Keyword" value="">
                                                    <button type="submit" class="btn close-search"><i class="fa fa-search"></i></button>
                                                </form>
                                            </div>
                                        </div>
                                        <div class="header_cart">
                                            <a href="#" class="button-cart">
                                                <div class="cart_icon"><i class="fa fa-shopping-cart"></i></div>
                                                <div class="cart_count">0</div>
                                            </a>
                                        </div>
                                        <div class="header_btn">
                                            <a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor" href="#">Request Info</a>
                                        </div>
                                    </div>
                                </div><!-- site-navigation end-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- site-header-menu end-->
        </header><!--header end-->


        <div class="banner-slider slick_slider slick-arrows-style1" data-slick='{"slidesToShow": 1, "slidesToScroll": 1, "arrows":true, "autoplay":true, "centerMode":true, "centerPadding":0, "infinite":true, "initialSlide":2, "responsive": [{"breakpoint":870,"settings":{"slidesToShow": 1}} , {"breakpoint":525,"settings":{"slidesToShow": 1}}]}'>

            <!-- banner-slide -->
            <div class="banner-slide">
                <img class="img-fluid" src="images/slides/slider-mainbg-003.jpg" alt="slider-image"/>
                <div class="banner-caption justify-content-end">
                    <div class="info">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="banner-text ttm-textcolor-white">
                                        <div class="ttm-bgcolor-skincolor pt-10 pl-20 pr-20 pb-10 ttm-textcolor-white d-inline-block">CHANGE A LIFE TODAY </div>
                                        <div class="mt-15 mb-15">
                                            <h2 class="slideInUp animated">Get In Early.</h2>
                                            <h2 class="slideInUp animated">Get A <span class="ttm-textcolor-skincolor">Place.</span>  Get Ahead.</h2>
                                        </div>
                                        <h5 class="slideInUp animated">Apply Before your Exams to Secure a Place </h5>                        
                                        <div class="d-lg-flex slideInUp animated">
                                            <div class="ml-auto mt_40 mb-80 res-991-mt-15 res-991-mb-0">
                                                <a href="#" class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-border ttm-btn-color-white">Join Us Now!</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- banner-slide -->
            <div class="banner-slide">
                <img class="img-fluid" src="images/slides/slider-mainbg-004.jpg" alt="slider-image"/>
                <div class="banner-caption justify-content-end">
                    <div class="info">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="banner-text ttm-textcolor-white">
                                        <div class="ttm-bgcolor-skincolor pt-10 pl-20 pr-20 pb-10 ttm-textcolor-white d-inline-block">ADMISSION 2019</div>
                                        <div class="mt-15 mb-15">
                                            <h2 class="slideInUp animated">Preparing Students</h2>
                                            <h2 class="slideInUp animated">For <span class="ttm-textcolor-skincolor">Successful.</span>  Future. </h2>
                                        </div>
                                        <div class="slideInUp animated text">Experience the education revolution. <a href='#' class="ttm-textcolor-skincolor">Apply now</a> and start in July. </div>                        
                                    </div>
                                    <div class="d-flex fadeIn animated"">
                                        <div class="ml-auto mt_70 mb-80 ttm-play-icon-btn">
                                            <div class="ttm-play-icon-animation">
                                                <a href="https://youtu.be/7e90gBu4pas" target="_self" class="ttm_prettyphoto">
                                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-sm ttm-icon_element-style-round">
                                                        <i class="fa fa-play"></i>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    <!--site-main start-->
    <div class="site-main">


        <!--about-section-->
        <section class="ttm-row about-section bg-img3 clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <!-- section title -->
                        <div class="section-title section-title title-style-center_text">
                            <div class="title-header">
                                <h5>YOU CAN LEARN</h5>
                                <h2 class="title">About Our Uniaro University</h2>
                            </div>
                            <div class="heading-seperator"><span></span></div>
                        </div><!-- section title end -->
                    </div>
                    <div class="col-lg-6 col-md-10">
                        <div class="pt-15">
                            <!-- featured-icon-box -->
                            <div class="featured-icon-box icon-align-before-content">
                                <div class="featured-icon">
                                    <div class="ttm-icon ttm-icon_element-onlytxt ttm-icon_element-color-skincolor ttm-icon_element-size-xl">
                                        <i class="flaticon-diploma"></i>
                                    </div>
                                </div>
                                <div class="featured-content">
                                    <div class="featured-title">
                                        <h5>Certification</h5>
                                    </div>
                                    <div class="featured-desc">
                                        <p>Take courses and pass it out with dedication. If your learning goal is to gain mastery, certified by your dream degree.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- featured-icon-box end -->
                            <div class="mt-35 mb-35">
                                <span class="ttm-horizontal_sep"></span>
                            </div>
                            <!-- featured-icon-box -->
                            <div class="featured-icon-box icon-align-before-content">
                                <div class="featured-icon">
                                    <div class="ttm-icon ttm-icon_element-onlytxt ttm-icon_element-color-skincolor ttm-icon_element-size-xl">
                                        <i class="flaticon-idea"></i>
                                    </div>
                                </div>
                                <div class="featured-content">
                                    <div class="featured-title">
                                        <h5>Trending Courses</h5>
                                    </div>
                                    <div class="featured-desc">
                                        <p>Our academy offers needful courses. We’re suggesting you devote a few hours every week to advancing your career.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- featured-icon-box end -->
                            <div class="mt-35 mb-35">
                                <span class="ttm-horizontal_sep"></span>
                            </div>
                            <!-- featured-icon-box -->
                            <div class="featured-icon-box icon-align-before-content ">
                                <div class="featured-icon">
                                    <div class="ttm-icon ttm-icon_element-onlytxt ttm-icon_element-color-skincolor ttm-icon_element-size-xl">
                                        <i class="flaticon-mortarboard"></i>
                                    </div>
                                </div>
                                <div class="featured-content">
                                    <div class="featured-title">
                                        <h5>Certified Teachers</h5>
                                    </div>
                                    <div class="featured-desc">
                                        <p>Group of cultivated teachers is core part of academy to run. We’ve hired well knowledgeable & skilled teachers for each course.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- featured-icon-box end -->
                        </div>
                    </div>
                    <div class="col-lg-6 col-xs-12">
                        <div class="pt-15 pl-35 res-991-pl-0 res-991-pt-30">
                            <!-- featured-icon-box -->
                            <div class="featured-icon-box icon-align-before-content">
                                <div class="featured-icon">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-style-round ttm-icon_element-color-skincolor ttm-icon_element-size-sm">
                                        <i class="flaticon-idea"></i>
                                    </div>
                                </div>
                                <div class="featured-content">
                                    <div class="featured-desc">
                                        <p>Our University</p>
                                    </div>
                                    <div class="featured-title">
                                        <h5>Best Learning Institute</h5>
                                    </div>
                                </div>
                            </div>
                            <!-- featured-icon-box end -->
                            <div class="mt-25 mb-15">
                                <h5 class="font-weight-normal">For Innovative Teaching And Learning Research Solutions</h5>
                            </div>
                            <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical.</p>
                            <p>Contrary to popular belief, Lorem Ipsum Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical It has roots in a piece of classical.</p>
                            <div class="d-flex align-items-center pt-10">
                                <div class="pr-20">
                                    <h5 class="font-weight-normal mb-0">Mat Clayton</h5>
                                    <small>CEO at Themetechmount</small>
                                </div>
                                <img class="img-fluid lazyload" data-src="images/author-sign-2.png" alt="ttm_single_image-wrapper">
                            </div>
                        </div>
                    </div>
                </div><!-- row end -->
            </div>
        </section>
        <!--about-section-->


        <!--course-section-->
        <section class="ttm-row course_highlight-section mt_90 mb_30 clearfix">
            <div class="container">
                <!-- slick_slider -->
                <div class="row multi-columns-row ttm-boxes-spacing-15px">
                    <div class="ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-10 m-auto">
                        <!-- featured-imagebox-course -->
                        <div class="featured-imagebox featured-imagebox-course_highlight">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid lazyload" data-src="images/course/course-one-740x560.jpg" alt="image"> 
                            </div>
                            <div class="featured-content featured-content-highlight">
                                <div class="featured-title">
                                    <h5>Get Support Funding</h5>
                                </div>
                                <div class="featured-icon">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-style-square ttm-icon_element-color-darkgrey ttm-icon_element-size-sm">
                                        <i class="flaticon-college-graduation"></i>
                                    </div>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-course end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-10 m-auto">
                        <!-- featured-imagebox-course -->
                        <div class="featured-imagebox featured-imagebox-course_highlight">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid lazyload" data-src="images/course/course-two-740x560.jpg" alt="image"> 
                            </div>
                            <div class="featured-content featured-content-highlight">
                                <div class="featured-title">
                                    <h5>Student Orientation</h5>
                                </div>
                                <div class="featured-icon">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-style-square ttm-icon_element-color-darkgrey ttm-icon_element-size-sm">
                                        <i class="flaticon-college-graduation"></i>
                                    </div>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-course end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-10 m-auto">
                        <!-- featured-imagebox-course -->
                        <div class="featured-imagebox featured-imagebox-course_highlight">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid lazyload" data-src="images/course/course-three-740x560.jpg" alt="image"> 
                            </div>
                            <div class="featured-content featured-content-highlight">
                                <div class="featured-title">
                                    <h5>Career Opportunities</h5>
                                </div>
                                <div class="featured-icon">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-style-square ttm-icon_element-color-darkgrey ttm-icon_element-size-sm">
                                        <i class="flaticon-college-graduation"></i>
                                    </div>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-course end-->
                    </div>
                </div>
            </div>
        </section>
        <!--course-section-->


        <!--why-choose-section-->
        <section class="ttm-row why-choose-section clearfix">
            <div class="container">
                <!-- row -->
                <div class="row">
                    <div class="col-lg-6">
                        <!-- ttm_single_image-wrapper -->
                        <div class="ttm_single_image-wrapper mb-20">
                            <img class="img-fluid lazyload" data-src="images/single-img-two.jpg" alt="">
                        </div>
                        <!-- featured-imagebox -->
                        <div class="featured-icon-box icon-align-top-content text-center style2">
                            <div class="featured-icon">
                                <div class="ttm-icon ttm-icon_element-onlytxt ttm-icon_element-color-skincolor ttm-icon_element-size-xl">
                                    <i class="flaticon-college-graduation"></i>
                                </div>
                            </div>
                            <div class="featured-content">
                                <div class="featured-title">
                                    <h5>1 St Place</h5>
                                </div>
                                <div class="featured-desc">
                                    <p>Best University 2018</p>
                                </div>
                            </div>
                        </div><!-- featured-imagebox end-->
                    </div>
                    <div class="col-lg-6">
                        <div class="pt-20 pl-35 res-991-pl-0">
                            <!-- section title -->
                            <div class="section-title">
                                <div class="title-header">
                                    <h5>Why Uniaro</h5>
                                    <h2 class="title">Reason For<br>Students At Uniaro</h2>
                                </div>
                                <div class="heading-seperator"><span></span></div>
                            </div><!-- section title end -->
                            <p>As you begin to consider your career goals choices may appear confusing. Go with Modern Technology. Through the use of learning management systems, students can access online resources to get assistance on-demand.</p>
                            <div class="mt-40">
                                <!-- ttm-progress-bar -->
                                <div class="ttm-progress-bar" data-percent="85%">
                                    <div class="progressbar-title">Job Placement Focus</div>
                                    <div class="progress-bar-inner">
                                        <div class="progress-bar progress-bar-color-bar_dark">
                                            <div class="progress-bar-percent" data-percentage="85"></div>
                                        </div>
                                    </div>
                                </div><!-- ttm-progress-bar end -->
                                <!-- ttm-progress-bar -->
                                <div class="ttm-progress-bar" data-percent="75%">
                                    <div class="progressbar-title">Career Management Support</div>
                                    <div class="progress-bar-inner">
                                        <div class="progress-bar progress-bar-color-bar_dark">
                                            <div class="progress-bar-percent" data-percentage="75"></div>
                                        </div>
                                    </div>
                                </div><!-- ttm-progress-bar end -->
                                <!-- ttm-progress-bar -->
                                <div class="ttm-progress-bar" data-percent="95%">
                                    <div class="progressbar-title">Student Financing Solutions</div>
                                    <div class="progress-bar-inner">
                                        <div class="progress-bar progress-bar-color-bar_dark">
                                            <div class="progress-bar-percent" data-percentage="95"></div>
                                        </div>
                                    </div>
                                </div><!-- ttm-progress-bar end -->
                            </div>
                        </div>
                    </div>
                </div><!-- row end -->
            </div>
        </section>
        <!--why-choose-section-->


        <!--fid-section-->
        <section class="ttm-row fid-section ttm-bgcolor-darkgrey ttm-bg ttm-bgimage-yes bg-img4 clearfix">
            <div class="ttm-row-wrapper-bg-layer ttm-bg-layer"></div>
            <div class="container">
                <!-- row -->
                <div class="row ttm-vertical_sep">
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <!-- ttm-fid -->
                        <div class="ttm-fid inside ttm-fid-with-icon text-center">
                            <div class="ttm-fid-icon-wrapper">
                                <i class="flaticon-university-1"></i>
                            </div>
                            <div class="ttm-fid-contents">
                                <h4 class="ttm-fid-inner">
                                    <span   data-appear-animation="animateDigits" 
                                            data-from="0" 
                                            data-to="15000" 
                                            data-interval="15" 
                                            data-before="" 
                                            data-before-style="sup" 
                                            data-after="" 
                                            data-after-style="sub" 
                                            class="numinate">15000
                                    </span>
                                    <sub>+</sub>
                                </h4>
                                <h3 class="ttm-fid-title">Satisfied Students</h3>
                            </div>
                        </div><!-- ttm-fid end -->
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <!-- ttm-fid -->
                        <div class="ttm-fid inside ttm-fid-with-icon text-center">
                            <div class="ttm-fid-icon-wrapper">
                                <i class="flaticon-classroom"></i>
                            </div>
                            <div class="ttm-fid-contents">
                                <h4 class="ttm-fid-inner">
                                    <span   data-appear-animation="animateDigits" 
                                            data-from="0" 
                                            data-to="800" 
                                            data-interval="15" 
                                            data-before="" 
                                            data-before-style="sup" 
                                            data-after="" 
                                            data-after-style="sub" 
                                            class="numinate">800
                                    </span>
                                    <sub>+</sub>
                                </h4>
                                <h3 class="ttm-fid-title">Qualified Teachers</h3>
                            </div>
                        </div><!-- ttm-fid end -->
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <!-- ttm-fid -->
                        <div class="ttm-fid inside ttm-fid-with-icon text-center">
                            <div class="ttm-fid-icon-wrapper">
                                <i class="flaticon-school-3"></i>
                            </div>
                            <div class="ttm-fid-contents">
                                <h4 class="ttm-fid-inner">
                                    <span   data-appear-animation="animateDigits" 
                                            data-from="0" 
                                            data-to="200" 
                                            data-interval="15" 
                                            data-before="" 
                                            data-before-style="sup" 
                                            data-after="" 
                                            data-after-style="sub" 
                                            class="numinate">200
                                    </span>
                                    <sub>+</sub>
                                </h4>
                                <h3 class="ttm-fid-title">Honor & Awards Win</h3>
                            </div>
                        </div><!-- ttm-fid end -->
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <!-- ttm-fid -->
                        <div class="ttm-fid inside ttm-fid-with-icon text-center">
                            <div class="ttm-fid-icon-wrapper">
                                <i class="flaticon-school-3"></i>
                            </div>
                            <div class="ttm-fid-contents">
                                <h4 class="ttm-fid-inner">
                                    <span   data-appear-animation="animateDigits" 
                                            data-from="0" 
                                            data-to="400" 
                                            data-interval="15" 
                                            data-before="" 
                                            data-before-style="sup" 
                                            data-after="" 
                                            data-after-style="sub" 
                                            class="numinate">400
                                    </span>
                                    <sub>+</sub>
                                </h4>
                                <h3 class="ttm-fid-title">Trending Courses</h3>
                            </div>
                        </div><!-- ttm-fid end -->
                    </div>
                </div><!-- row end -->
            </div>
        </section>
        <!--fid-section-->


        <!--broken-section-->
        <section class="ttm-row broken-section bg-layer clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-7">
                        <div class="ttm-bg ttm-col-bgcolor-yes ttm-bgcolor-grey spacing-3 z-index-2">
                            <div class="ttm-col-wrapper-bg-layer ttm-bg-layer"></div>
                            <div class="layer-content">
                                <!-- section title -->
                                <div class="section-title">
                                    <div class="title-header">
                                        <h5>about Uniaro</h5>
                                        <h2 class="title">Skilled Teachers And Support Staff</h2>
                                    </div>
                                    <div class="heading-seperator"><span></span></div>
                                </div><!-- section title end -->
                                <div class="row align-items-center">
                                    <div class="col-md-4">
                                        <div class="ttm_single_image-wrapper pt-5 pb-10">
                                            <img class="img-fluid lazyload" data-src="images/single-img-four.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="pt-10 pb-10">
                                            <h4 class="font-weight-normal">Overall Great Academic Organization</h4>
                                            <p>Teachers are the heart and soul of our daily operations. Our teachers are among the finest, well trained, and most dedicated tutors. Group of cultivated teachers and Fast management is heart of any academy to run. The administrative staff is playing an increasingly central role in higher education. Combination of overall good staff leads to the growth of changes in the delivery of higher education.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-20 res-991-mt-0">
                                    <div class="col-md-4">
                                        <ul class="ttm-list ttm-list-textsize-large ttm-textcolor-darkgrey ttm-list-style-icon ttm-list-icon-color-skincolor">
                                            <li><i class="fa fa-check"></i><div class="ttm-list-li-content">Popular Online Courses</div></li>
                                            <li><i class="fa fa-check"></i><div class="ttm-list-li-content">Guaranted Career Security</div></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4">
                                        <ul class="ttm-list ttm-list-textsize-large ttm-textcolor-darkgrey ttm-list-style-icon ttm-list-icon-color-skincolor">
                                            <li><i class="fa fa-check"></i><div class="ttm-list-li-content">Books and Library</div></li>
                                            <li><i class="fa fa-check"></i><div class="ttm-list-li-content">Easy to learn every time</div></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4">
                                        <ul class="ttm-list ttm-list-textsize-large ttm-textcolor-darkgrey ttm-list-style-icon ttm-list-icon-color-skincolor">
                                            <li><i class="fa fa-check"></i><div class="ttm-list-li-content">Experienced Faculty</div></li>
                                            <li><i class="fa fa-check"></i><div class="ttm-list-li-content">Flexible Payment Methods</div></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-5">
                        <!-- ttm_single_image-wrapper -->
                        <div class="ttm_single_image-wrapper spacing-4 text-right">
                            <img class="img-fluid lazyload" data-src="images/single-img-three.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--broken-section end-->


        <!--team-section-->
        <section class="ttm-row team-section clearfix">
            <div class="container-fluid">
                <!-- section title -->
                <div class="section-title title-style-center_text">
                    <div class="title-header">
                        <h5>Find The Right Instructor</h5>
                        <h2 class="title">Our Expert Instructor</h2>
                    </div>
                    <div class="heading-seperator"><span></span></div>
                </div><!-- section title end -->
                <!-- row -->
                <div class="row slick_slider" data-slick='{"slidesToShow": 5, "slidesToScroll": 1, "arrows":false, "autoplay":false, "infinite":true, "responsive": [{"breakpoint":991,"settings":{"slidesToShow": 3}}, {"breakpoint":678,"settings":{"slidesToShow": 2}}, {"breakpoint":460,"settings":{"slidesToShow": 1}}]}'>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-team -->
                        <div class="featured-imagebox featured-imagebox-team">
                            <div class="ttm-team-box-view-overlay">
                                <div class="featured-iconbox ttm-media-link">
                                    <div class="media-block">
                                        <ul class="social-icons">
                                            <li class="social-twitter"><a href="#"><i class="ti ti-twitter-alt"></i></a></li>
                                            <li class="social-facebook"><a href="#"><i class="ti ti-facebook"></i></a></li>
                                            <li class="social-instagram"><a href="#"><i class="ti ti-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="featured-thumbnail">
                                    <img class="img-fluid lazyload" data-src="images/team-member/team-img01.jpg" alt="image"> 
                                </div>
                            </div>
                            <div class="featured-content featured-content-team">
                                <div class="featured-title">
                                    <h5><a href="instructor-profile.html">William Logan</a></h5>
                                </div>
                                <div class="team-position">Biology Professor</div>
                            </div>
                        </div><!-- featured-imagebox-team end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-team -->
                        <div class="featured-imagebox featured-imagebox-team">
                            <div class="ttm-team-box-view-overlay">
                                <div class="featured-iconbox ttm-media-link">
                                    <div class="media-block">
                                        <ul class="social-icons">
                                            <li class="social-twitter"><a href="#"><i class="ti ti-twitter-alt"></i></a></li>
                                            <li class="social-facebook"><a href="#"><i class="ti ti-facebook"></i></a></li>
                                            <li class="social-instagram"><a href="#"><i class="ti ti-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="featured-thumbnail">
                                    <img class="img-fluid lazyload" data-src="images/team-member/team-img02.jpg" alt="image">
                                </div>
                            </div>
                            <div class="featured-content featured-content-team">
                                <div class="featured-title">
                                    <h5><a href="instructor-profile.html">Sophia Arthur</a></h5>
                                </div>
                                <div class="team-position">Senior Lecturer</div>
                            </div>
                        </div><!-- featured-imagebox-team end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-team -->
                        <div class="featured-imagebox featured-imagebox-team">
                            <div class="ttm-team-box-view-overlay">
                                <div class="featured-iconbox ttm-media-link">
                                    <div class="media-block">
                                        <ul class="social-icons">
                                            <li class="social-twitter"><a href="#"><i class="ti ti-twitter-alt"></i></a></li>
                                            <li class="social-facebook"><a href="#"><i class="ti ti-facebook"></i></a></li>
                                            <li class="social-instagram"><a href="#"><i class="ti ti-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="featured-thumbnail">
                                    <img class="img-fluid lazyload" data-src="images/team-member/team-img03.jpg" alt="image"> 
                                </div>
                            </div>
                            <div class="featured-content featured-content-team">
                                <div class="featured-title">
                                    <h5><a href="instructor-profile.html">Robert Walter</a></h5>
                                </div>
                                <div class="team-position">Programming Expert</div>
                            </div>
                        </div><!-- featured-imagebox-team end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-team -->
                        <div class="featured-imagebox featured-imagebox-team">
                            <div class="ttm-team-box-view-overlay">
                                <div class="featured-iconbox ttm-media-link">
                                    <div class="media-block">
                                        <ul class="social-icons">
                                            <li class="social-twitter"><a href="#"><i class="ti ti-twitter-alt"></i></a></li>
                                            <li class="social-facebook"><a href="#"><i class="ti ti-facebook"></i></a></li>
                                            <li class="social-instagram"><a href="#"><i class="ti ti-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="featured-thumbnail">
                                    <img class="img-fluid lazyload" data-src="images/team-member/team-img04.jpg" alt="image"> 
                                </div>
                            </div>
                            <div class="featured-content featured-content-team">
                                <div class="featured-title">
                                    <h5><a href="instructor-profile.html">Michael Grey</a></h5>
                                </div>
                                <div class="team-position">Principal at Uniaro</div>
                            </div>
                        </div><!-- featured-imagebox-team end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-team -->
                        <div class="featured-imagebox featured-imagebox-team">
                            <div class="ttm-team-box-view-overlay">
                                <div class="featured-iconbox ttm-media-link">
                                    <div class="media-block">
                                        <ul class="social-icons">
                                            <li class="social-twitter"><a href="#"><i class="ti ti-twitter-alt"></i></a></li>
                                            <li class="social-facebook"><a href="#"><i class="ti ti-facebook"></i></a></li>
                                            <li class="social-instagram"><a href="#"><i class="ti ti-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="featured-thumbnail">
                                    <img class="img-fluid lazyload" data-src="images/team-member/team-img05.jpg" alt="image"> 
                                </div>
                            </div>
                            <div class="featured-content featured-content-team">
                                <div class="featured-title">
                                    <h5><a href="instructor-profile.html">John Doe</a></h5>
                                </div>
                                <div class="team-position">Physics Professor</div>
                            </div>
                        </div><!-- featured-imagebox-team end-->
                    </div>
                </div><!-- row end -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="mt-30 res-991-mt-15 mb_25 text-center"><p>Don’t hesitate, contact us for better help and services. <u><a href="#"><strong>View more Instructor.</strong></a></u></p></div>
                    </div>
                </div>
            </div>
        </section>
        <!--team-section end-->


        <!--action-section-->
        <section class="ttm-row action-section ttm-bgcolor-skincolor bg-img5 ttm-bg ttm-bgimage-yes clearfix">
            <div class="ttm-row-wrapper-bg-layer ttm-bg-layer"></div>
            <div class="container"><!--container-->
                <div class="row"><!--row-->
                    <div class="col-lg-9 m-auto">
                        <div class="row-title text-center">
                            <div class="ttm-play-icon-btn mb-35">
                                <div class="ttm-play-icon-animation">
                                    <a href="https://youtu.be/7e90gBu4pas" target="_self" class="ttm_prettyphoto">
                                        <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-white ttm-icon_element-size-md ttm-icon_element-style-round">
                                            <i class="fa fa-play"></i>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <!-- section title -->
                            <div class="section-title mb-10">
                                <div class="title-header">
                                    <h5>WE MAKE A DIFFERENCE</h5>
                                    <h2 class="title">You Are One Click Away From Beginning Your Journey At Uniaro</h2>
                                </div>
                            </div><!-- section title end -->
                            <a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-border ttm-btn-color-white" href="#">See Details</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--action-section end-->


        <!--course-section-->
        <section class="ttm-row course-section ttm-bgcolor-grey clearfix">
            <div class="container">
                <!-- row -->
                <div class="row">
                    <div class="col-lg-12">
                        <!-- section title -->
                        <div class="section-title title-style-center_text">
                            <div class="title-header">
                                <h5>YOU CAN LEARN IT</h5>
                                <h2 class="title">Popular Courses Categories</h2>
                            </div>
                            <div class="heading-seperator"><span></span></div>
                        </div><!-- section title end -->
                    </div>
                </div><!-- row end -->
                <!-- slick_slider -->
                <div class="row slick_slider" data-slick='{"slidesToShow": 4, "slidesToScroll": 4, "arrows":false, "autoplay":true, "centerMode":true, "centerPadding":0, "infinite":true, "initialSlide":2, "responsive": [{"breakpoint":1100,"settings":{"slidesToShow": 3}} , {"breakpoint":777,"settings":{"slidesToShow": 2}},
                {"breakpoint":590,"settings":{"slidesToShow": 1}}]}'>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-course -->
                        <div class="featured-imagebox featured-imagebox-course">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid lazyload" data-src="images/course/course-one-526x470.jpg" alt="image"> 
                            </div>
                            <div class="featured-content featured-content-post">
                                <div class="featured-content-post-inner">
                                    <div class="post-title featured-title">
                                        <h5><a href="courses-single.html">Complete Beginner to the Web Design</a></h5>
                                    </div>
                                    <div class="post-desc featured-desc">
                                        <p>Are you excited to learn the web design, but not start yet...</p>
                                    </div>
                                </div>
                                <div class="ttm-course-box-meta">
                                    <div class="ttm-enrolled">
                                        <span class="ttm-count ttm-meta-line"><i class="fa fa-user" aria-hidden="true"></i>78</span>
                                        <span class="ttm-comments ttm-meta-line"><i class="fa fa-comment-o"></i>2</span>
                                    </div>  
                                    <span class="ttm-lp-price"><ins>&#36;69.00</ins></span>                            
                                </div>
                            </div>
                        </div><!-- featured-imagebox-course end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-course -->
                        <div class="featured-imagebox featured-imagebox-course">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid lazyload" data-src="images/course/course-two-526x470.jpg" alt="image"> 
                            </div>
                            <div class="featured-content featured-content-post">
                                <div class="featured-content-post-inner">
                                    <div class="post-title featured-title">
                                        <h5><a href="courses-single.html">Learn PHP Programming  From Scratch</a></h5>
                                    </div>
                                    <div class="post-desc featured-desc">
                                        <p>Now PHP is one of the best used programming languages...</p>
                                    </div>
                                </div>
                                <div class="ttm-course-box-meta">
                                    <div class="ttm-enrolled">
                                        <span class="ttm-count ttm-meta-line"><i class="fa fa-user" aria-hidden="true"></i>12</span>
                                        <span class="ttm-comments ttm-meta-line"><i class="fa fa-comment-o"></i>2</span>
                                    </div>                
                                    <span class="ttm-lp-price "><ins>&#36;85.00</ins></span>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-course end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-course -->
                        <div class="featured-imagebox featured-imagebox-course">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid lazyload" data-src="images/course/course-three-526x470.jpg" alt="image"> 
                            </div>
                            <div class="featured-content featured-content-post">
                                <div class="featured-content-post-inner">
                                    <div class="post-title featured-title">
                                        <h5><a href="courses-single.html">Full Data Analysis Course For Beginner</a></h5>
                                    </div>
                                    <div class="post-desc featured-desc">
                                        <p>Contrary to popular belief, Lorem Ipsum is not simply rando...</p>
                                    </div>
                                </div>
                                <div class="ttm-course-box-meta">
                                    <div class="ttm-enrolled">
                                        <span class="ttm-count ttm-meta-line"><i class="fa fa-user" aria-hidden="true"></i>122</span>
                                        <span class="ttm-comments ttm-meta-line"><i class="fa fa-comment-o"></i>4</span>
                                    </div>  
                                    <span class="ttm-lp-price"><del>&#36;69.00</del><ins>&#36;45.00</ins></span>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-course end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-course -->
                        <div class="featured-imagebox featured-imagebox-course">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid lazyload" data-src="images/course/course-four-526x470.jpg" alt="image"> 
                            </div>
                            <div class="featured-content featured-content-post">
                                <div class="featured-content-post-inner">
                                    <div class="post-title featured-title">
                                        <h5><a href="courses-single.html">Masters Course in Adobe Photoshop</a></h5>
                                    </div>
                                    <div class="post-desc featured-desc">
                                        <p>Top-rated Photoshop courses are covers most of all important...</p>
                                    </div>
                                </div>
                                <div class="ttm-course-box-meta">
                                    <div class="ttm-enrolled">
                                        <span class="ttm-count ttm-meta-line"><i class="fa fa-user" aria-hidden="true"></i>27</span>
                                        <span class="ttm-comments ttm-meta-line"><i class="fa fa-comment-o"></i>2</span>
                                    </div>  
                                    <span class="ttm-lp-price ttm-free-course"><ins>Free</ins></span>                       
                                </div>
                            </div>
                        </div><!-- featured-imagebox-course end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-course -->
                        <div class="featured-imagebox featured-imagebox-course">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid lazyload" data-src="images/course/course-two-526x470.jpg" alt="image"> 
                            </div>
                            <div class="featured-content featured-content-post">
                                <div class="featured-content-post-inner">
                                    <div class="post-title featured-title">
                                        <h5><a href="courses-single.html">Visual Basic Web Courses With Live Project</a></h5>
                                    </div>
                                    <div class="post-desc featured-desc">
                                        <p>Specially designed to gear up for students and job seekers...</p>
                                    </div>
                                </div>
                                <div class="ttm-course-box-meta">
                                    <div class="ttm-enrolled">
                                        <span class="ttm-count ttm-meta-line"><i class="fa fa-user" aria-hidden="true"></i>75</span>
                                        <span class="ttm-comments ttm-meta-line"><i class="fa fa-comment-o"></i>2</span>
                                    </div>  
                                    <span class="ttm-lp-price "><ins>&#36;39.00</ins></span>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-course end-->
                    </div>
                </div>
                <!-- row -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="mt-30 res-991-mt-15 mb_25 text-center"><p>Don’t hesitate, contact us for better help and services. <u><a href="#"><strong>Explore all Services.</strong></a></u></p></div>
                    </div>
                </div><!-- row end -->
            </div>
        </section>
        <!--course-section-->

        <!--blog2-section-->
        <section class="ttm-row blog2-section clearfix">
            <div class="container">
                 <!-- row -->
                <div class="row align-items-center">
                    <div class="col-xl-10 col-lg-10 col-md-12">
                        <!-- section-title -->
                        <div class="section-title style2 clearfix">
                            <div class="title-header">
                                <h5>OUR ARTICLES</h5>
                                <h2 class="title">Latest News & Blog</h2>
                            </div>
                            <div class="title-desc">A comprehensive summary of the day’s most trending blog posts & news articles from the best Education websites on the web.</div>
                        </div><!-- section-title end -->
                    </div>
                    <div class="col-xl-2 col-lg-2 col-md-12">
                        <a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-border ttm-btn-color-dark mb-35 float-lg-right" href="#">More News</a>
                    </div>
                </div><!-- row end -->
                <div class="row">
                    <div class="col-lg-6">
                        <!-- featured-imagebox-post -->
                        <div class="featured-imagebox featured-imagebox-post style2">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid lazyload" data-src="images/blog/blog-one-720x544.jpg" alt="image">
                            </div>
                            <div class="featured-content featured-content-post">
                                <div class="ttm-box-post-date">
                                    <span class="ttm-entry-date">
                                        <time class="entry-date" datetime="2019-08-12T08:47:17+00:00">12 August 2019</time>
                                    </span>
                                </div>
                                <div class="post-meta">
                                    <span class="ttm-meta-line byline"><i class="fa fa-user"></i>Admin</span>
                                    <span class="ttm-meta-line cat-link"><i class="fa fa-tag"></i>General Knowledge</span>
                                </div>
                                <div class="post-title featured-title">
                                    <h5><a href="blog-single.html">Ideas For Students Not To Forget</a></h5>
                                </div>
                                <div class="post-desc featured-desc">
                                    <p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque...</p>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-post end-->
                    </div>
                    <div class="col-lg-6">
                        <!-- featured-imagebox-post -->
                        <div class="featured-imagebox featured-imagebox-post style2">
                            <div class="featured-content featured-content-post">
                                <div class="post-meta">
                                    <span class="ttm-meta-line"><i class="fa fa-user"></i>Admin</span>
                                    <span class="ttm-meta-line"><i class="fa fa-tag"></i>Child Education</span>
                                </div>
                                <div class="post-title featured-title">
                                    <h5><a href="blog-single.html">Key points For Improving Focus Towards you Ensures that you Know where</a></h5>
                                </div>
                                <div class="ttm-post_box-footer">
                                     <a class="ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline" href="blog-single.html">Read More</a>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-post end-->
                        <!-- featured-imagebox-post -->
                        <div class="featured-imagebox featured-imagebox-post style2">
                            <div class="featured-content featured-content-post">
                                <div class="post-meta">
                                    <span class="ttm-meta-line"><i class="fa fa-user"></i>Admin</span>
                                    <span class="ttm-meta-line"><i class="fa fa-calendar"></i>Gmat Classes</span>
                                </div>
                                <div class="post-title featured-title">
                                    <h5><a href="blog-single.html">Education Agree Plans To Boost Recruitment your Performance Help you</a></h5>
                                </div>
                                <div class="ttm-post_box-footer">
                                     <a class="ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline" href="blog-single.html">Read More</a>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-post end-->
                        <!-- featured-imagebox-post -->
                        <div class="featured-imagebox featured-imagebox-post style2">
                            <div class="featured-content featured-content-post">
                                <div class="post-meta">
                                    <span class="ttm-meta-line"><i class="fa fa-user"></i>Admin</span>
                                    <span class="ttm-meta-line"><i class="fa fa-tag"></i>General Knowledge</span>
                                </div>
                                <div class="post-title featured-title">
                                    <h5><a href="blog-single.html">Equipping Researchers In The Developing Impact Rural Life by Bringing.</a></h5>
                                </div>
                                <div class="ttm-post_box-footer">
                                     <a class="ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline" href="blog-single.html">Read More</a>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-post end-->
                    </div>
                </div>
            </div>
        </section>
        <!--blog2-section end-->


    </div><!--site-main end-->


    <!--footer start-->
    <footer class="footer ttm-bgcolor-darkgrey ttm-textcolor-white clearfix">
        <div class="second-footer">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 widget-area">
                        <div class="widget widget_text clearfix">
                            <div class="footer-logo">
                                <img id="footer-logo-img lazyload" data-class="img-center" src="images/footer-logo.png" alt="">
                            </div>
                            <div class="textwidget widget-text">
                                <p class="pb-10 pr-30 res-575-pr-0">Uniaro University was established by J.H Merthon in 1920 for the public benefit. Afterwards, it is recognized globally</p>
                            </div>
                        </div>
                        <div class="widget widget_timing clearfix">
                            <h3 class="widget-title">Opening Hours</h3>
                            <div class="ttm-timelist-block-wrapper">
                                <ul class="ttm-timelist-block pr-15">
                                    <li>Mon - sat <span class="service-time">09am - 05pm</span></li>
                                    <li>Sunday<span class="service-time">Closed</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 widget-area">
                        <div class="widget widget_nav_menu clearfix">
                           <h3 class="widget-title">Usefull Links</h3>
                            <ul id="menu-footer-quick-links">
                                <li><a href="#">Physics & Astronomy</a></li>
                                <li><a href="#">General Engineering</a></li>
                                <li><a href="#">Departments Services</a></li>
                                <li><a href="#">Geography & Geology</a></li>
                                <li><a href="#">Campus Directions</a></li>
                                <li><a href="#">Academic Solutions</a></li>
                                <li><a href="#">About Our College</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 widget-area">
                        <div class="widget style2 widget-out-link clearfix">
                           <h3 class="widget-title">Recent Posts</h3>
                            <ul class="widget-post ttm-recent-post-list pr-5">
                                <li>
                                    <a href="blog-single.html"><img class="lazyload" data-src="images/blog/blog-one-150x150.jpg" alt="post-img"></a>
                                    <span class="post-date">August 12, 2019</span>
                                    <a href="blog-single.html">I Turned A Challenge Into A Positive Thing</a>
                                </li>
                                <li>
                                    <a href="blog-single.html"><img class="lazyload" data-src="images/blog/blog-two-150x150.jpg" alt="post-img"></a>
                                    <span class="post-date">september 28, 2019</span>
                                    <a href="blog-single.html">Choose The Right Place, At The Right Time</a>
                                </li>
                                <li>
                                    <a href="blog-single.html"><img class="lazyload" data-src="images/blog/blog-three-150x150.jpg" alt="post-img"></a>
                                    <span class="post-date">October 30, 2019</span>
                                    <a href="blog-single.html">Build Responsive Real World Websites</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 widget-area">
                        <div class="widget widget_nav_menu clearfix">
                           <h3 class="widget-title">Our Services</h3>
                            <ul id="menu-footer-services">
                                <li><a href="#">Certification</a></li>
                                <li><a href="#">Resources</a></li>
                                <li><a href="#">E Learning</a></li>
                                <li><a href="#">Book Store</a></li>
                                <li><a href="#">Kids Courses</a></li>
                                <li><a href="#">Admissions</a></li>
                                <li><a href="#">Employment</a></li>
                                <li><a href="#">Membership</a></li>
                            </ul>
                        </div>
                        <div class="widget widget-text clearfix">
                           <h3 class="widget-title">Newsletter</h3>
                            <form id="subscribe-form" method="post" action="#" data-mailchimp="true">
                                <div class="ttm_subscribe_form">
                                    <input type="email" name="email" placeholder="Enter Email Address Here...." required="">
                                    <button class="btn" type="submit"> <i class="fa fa-paper-plane-o"></i> </button>
                                </div>
                                <div class="subscribe-response"></div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom-footer-text text-center">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <ul id="menu-footer-menu" class="footer-nav-menu ttm-textcolor-white">
                            <li><a href="#">Employees</a></li>
                            <li><a href="#">Privacy Policy</a></li>
                            <li><a href="#">Free Language Services</a></li>
                            <li><a href="#">Terms Of Use</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Webmaster Login</a></li>
                        </ul>
                        <div class="d-sm-flex flex-row align-items-center justify-content-center pt-35 pb-15">
                            <img data-src="images/footer-award-one.png" class="img-fluid lazyload" alt="award-one">
                            <div class="ml-30 pl-30 border-left res-575-ml-0 res-575-pl-0 res-575-mt-20">
                                <img data-src="images/footer-award-two.png" class="img-fluid lazyload" alt="award-two">
                            </div>
                        </div>
                        <div class="text-center pb-15">Copyright © 2019 Uniaro Theme by <a href="https://themetechmount.com/">ThemetechMount</a></div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!--footer end-->
    <!--footer end-->

    <!--back-to-top start-->
    <a id="totop" href="#top">
        <i class="fa fa-angle-up"></i>
    </a>
    <!--back-to-top end-->

</div><!-- page end -->


    <!-- Javascript -->

    <script src="js/jquery.min.js"></script>
    <script src="js/tether.min.js"></script>
    <script src="js/bootstrap.min.js"></script> 
    <script src="js/jquery.easing.js"></script>    
    <script src="js/jquery-waypoints.js"></script>    
    <script src="js/jquery-validate.js"></script> 
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/slick.min.js"></script>
    <script src="js/numinate.min.js"></script>
    <script src="js/imagesloaded.min.js"></script>
    <script src="js/jquery-isotope.js"></script>
    <script src="js/lazysizes.min.js"></script>
    <script src="js/main.js"></script>
    <!-- Javascript end-->

</body>

<!-- Mirrored from themetechmount.com/html/uniaro/header-style-02.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 18 Oct 2023 10:52:38 GMT -->
</html>

Zerion Mini Shell 1.0