ok

Mini Shell

Direktori : /proc/thread-self/root/home2/selectio/www/pvmatricschool.com/html/
Upload File :
Current File : //proc/thread-self/root/home2/selectio/www/pvmatricschool.com/html/element.html

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

<!-- Mirrored from themetechmount.com/html/uniaro/element.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 18 Oct 2023 10:52:45 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">

<!-- 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-01">
            <!-- 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-12 d-flex flex-row align-items-center">
                            <div class="top_bar_contact_item">
                                <div class="top_bar_icon"><i class="fa fa-envelope-o"></i></div><a href="mailto:info@yourdomainname.com">info@yourdomainname.com</a>
                            </div>
                            <div class="top_bar_contact_item">
                                <div class="top_bar_icon"><i class="fa fa-phone"></i></div>+1-2345-6789-101
                            </div>
                            <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>
                            <a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor" href="#">Request a Info</a>
                        </div>
                    </div>
                </div>
            </div><!-- top_bar end-->

            <!-- site-header-menu -->
            <div id="site-header-menu" class="site-header-menu ttm-bgcolor-white">
                <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">
                                    <!-- 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 -->
                                    <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">
                                                <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">
                                                        <a href="#" class="mega-menu-link">Header Styles</a>
                                                        <ul class="mega-submenu">
                                                            <li><a href="index.html">Header Style 01</a></li>
                                                            <li><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 active">
                                                <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 class="active"><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 justify-content-end">
                                        <div class="header_search">
                                            <a href="#" class="btn-default search_btn"><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>
                                </div><!-- site-navigation end-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- site-header-menu end-->
        </header><!--header end-->


        <!-- page-title -->
        <div class="ttm-page-title-row">
            <div class="ttm-page-title-row-inner ttm-textcolor-white">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">Elements</h2>
                            </div>
                            <div class="breadcrumb-wrapper">
                                <span>
                                    <a title="Homepage" href="index.html">Home</a>
                                </span>
                                <span class="ttm-bread-sep">&nbsp;&gt;&nbsp;</span>
                                <span class="current">Elements</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>                    
        </div><!-- page-title end-->


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

      <!--element-section-->
        <section class="element-row element-style clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Tabs</h2>
                        </div>
                        <div class="res-991-pb-50">
                            <div class="ttm-tabs ttm-tab-style-horizontal" data-effect="fadeIn">
                                <ul class="tabs clearfix">
                                    <li class="tab active"><a href="#">Admissions</a></li>
                                    <li class="tab"><a href="#">Classes</a></li>
                                    <li class="tab"><a href="#">Certification</a></li>
                                </ul>
                                <div class="content-tab">
                                    <!-- content-inner -->
                                    <div class="content-inner active">
                                        <p><img class="alignleft img-fluid" src="images/single-img-five.jpg" alt="">Our vision is “Working hard to be always the best”. We, as an institute are aimed to encourage each of our students &amp; Guide them to achieve a successful career tudents them to achieve success.</p>
                                    </div><!-- content-inner end-->
                                    <!-- content-inner -->
                                    <div class="content-inner">
                                        <p><img class="alignright img-fluid" src="images/single-img-five.jpg" alt="">Our vision is “Working hard to be always the best”. We, as an institute are aimed to encourage each of our students &amp; Guide them to achieve a successful career tudents them to achieve success.</p>
                                    </div><!-- content-inner end-->
                                    <!-- content-inner -->
                                    <div class="content-inner">
                                        <p><img class="alignleft img-fluid" src="images/single-img-five.jpg" alt="">Our vision is “Working hard to be always the best”. We, as an institute are aimed to encourage each of our students &amp; Guide them to achieve a successful career tudents them to achieve success.</p>
                                    </div><!-- content-inner end-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Skillbar/Progress</h2>
                        </div>
                        <!-- 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">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">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">95%</div>
                                </div>
                            </div>
                        </div><!-- ttm-progress-bar end -->
                    </div>
                </div><!-- row end -->
            </div>
        </section>
        <!-- element-section end -->


        <!-- element-style-section -->
        <section class="element-row element-style">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Sample Buttons</h2>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-xs ttm-btn-shape-square ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-dark" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-right"></i></a>
                        </div>
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-sm ttm-btn-shape-round ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-dark" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-right"></i></a>
                        </div>
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-md ttm-btn-shape-rounded ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-dark" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-right"></i></a>
                        </div>
                        <div class="ttm-btn-box btn-inline pb-20">
                            <a class="ttm-btn ttm-btn-size-lg ttm-btn-shape-square ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-dark" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-right"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-xs ttm-btn-shape-square ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-skincolor" href="#" title="">BUTTON TEXT <i class="ti ti-hand-point-right"></i></a>
                        </div>
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-sm ttm-btn-shape-round ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-skincolor" href="#" title="">BUTTON TEXT <i class="ti ti-hand-point-right"></i></a>
                        </div>
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-md ttm-btn-shape-rounded ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-skincolor" href="#" title="">BUTTON TEXT <i class="ti ti-hand-point-right"></i></a>
                        </div>
                        <div class="ttm-btn-box pb-20">
                            <a class="ttm-btn ttm-btn-size-lg ttm-btn-shape-square ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-skincolor" href="#" title="">BUTTON TEXT <i class="ti ti-hand-point-right"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-xs ttm-btn-shape-square ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-dark" href="#" title="">BUTTON TEXT <i class="ti ti-angle-double-right"></i></a>
                        </div>
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-sm ttm-btn-shape-round ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-dark" href="#" title="">BUTTON TEXT <i class="ti ti-angle-double-right"></i></a>
                        </div>
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-md ttm-btn-shape-rounded ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-dark" href="#" title="">BUTTON TEXT <i class="ti ti-angle-double-right"></i></a>
                        </div>
                        <div class="ttm-btn-box pb-20">
                            <a class="ttm-btn ttm-btn-size-lg ttm-btn-shape-square ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-dark" href="#" title="">BUTTON TEXT <i class="ti ti-angle-double-right"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-xs ttm-btn-shape-square ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-skincolor" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-circle-right"></i></a>
                        </div>
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-sm ttm-btn-shape-round ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-skincolor" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-circle-right"></i></a>
                        </div>
                        <div class="ttm-btn-box pr-20 pb-20">
                            <a class="ttm-btn ttm-btn-size-md ttm-btn-shape-rounded ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-skincolor" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-circle-right"></i></a>
                        </div>
                        <div class="ttm-btn-box pb-20">
                            <a class="ttm-btn ttm-btn-size-lg ttm-btn-shape-square ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-skincolor" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-circle-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- element-style-section end-->


        <!-- element-style-section -->
        <section class="element-row element-style pt-60 res-991-pt-30">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Accordion</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <!-- acadion -->
                        <div class="accordion clearfix">
                            <!-- toggle -->
                            <div class="toggle ttm-toggle-title-border">
                                <div class="toggle-title"><a href="#">I’m worried about the my career?</a></div>
                                <div class="toggle-content">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                </div>
                            </div><!-- toggle end -->
                            <!-- toggle -->
                            <div class="toggle ttm-toggle-title-border">
                                <div class="toggle-title"><a href="#">Can you provide all required facilities?</a></div>
                                <div class="toggle-content">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                </div>
                            </div><!-- toggle end -->
                            <!-- toggle -->
                            <div class="toggle ttm-style-classic ttm-toggle-title-bgcolor-darkgrey ttm-control-right-true">
                                <div class="toggle-title"><a href="#" class="active">Uniaro have a unique way of the working.</a></div>
                                <div class="toggle-content">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>
                                </div>
                            </div><!-- toggle end -->
                            <!-- toggle -->
                            <div class="toggle ttm-style-classic ttm-toggle-title-bgcolor-darkgrey ttm-control-right-true">
                                <div class="toggle-title"><a href="#">Hire an experienced Instructor.</a></div>
                                <div class="toggle-content">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>
                                </div>
                            </div><!-- toggle end -->
                            <!-- toggle -->
                            <div class="toggle ttm-style-classic ttm-toggle-title-bgcolor-skincolor ttm-control-left-true">
                                <div class="toggle-title"><a href="#">How much fees pay for the one year?</a></div>
                                <div class="toggle-content">
                                    <p>It is easy to become wrappeed up in the excitement of loove and a weddiing and to forgeet about what exactly could be should things go wrong.It is easy to become wrappeed up in the excitement of loove and a weddiing and to forgeet about what exactly could be should things go wrong.</p>
                                </div>
                            </div><!-- toggle end -->
                            <!-- toggle -->
                            <div class="toggle ttm-style-classic ttm-toggle-title-bgcolor-skincolor ttm-control-left-true">
                                <div class="toggle-title"><a href="#">How Do I Start the Admission Process?</a></div>
                                <div class="toggle-content">
                                    <p>It is easy to become wrappeed up in the excitement of loove and a weddiing and to forgeet about what exactly could be should things go wrong.It is easy to become wrappeed up in the excitement of loove and a weddiing and to forgeet about what exactly could be should things go wrong.</p>
                                </div>
                            </div><!-- toggle end -->
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- element-style-section -->
        <section class="element-row element-style">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Icons</h2>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="row icon-box-wrapper">
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-skincolor ttm-icon_element-size-xs ttm-icon_element-style-round">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-xs ttm-icon_element-style-round">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-skincolor ttm-icon_element-size-xs ttm-icon_element-style-rounded">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-xs ttm-icon_element-style-rounded">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-skincolor ttm-icon_element-size-xs ttm-icon_element-style-square">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-xs ttm-icon_element-style-square">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row icon-box-wrapper">
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-darkgrey ttm-icon_element-size-sm ttm-icon_element-style-round">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-darkgrey ttm-icon_element-size-sm ttm-icon_element-style-round">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-darkgrey ttm-icon_element-size-sm ttm-icon_element-style-rounded">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-darkgrey ttm-icon_element-size-sm ttm-icon_element-style-rounded">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-darkgrey ttm-icon_element-size-sm ttm-icon_element-style-square">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-darkgrey ttm-icon_element-size-sm ttm-icon_element-style-square">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row icon-box-wrapper">
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-skincolor ttm-icon_element-size-md ttm-icon_element-style-round">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-md ttm-icon_element-style-round">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-skincolor ttm-icon_element-size-md ttm-icon_element-style-rounded">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-md ttm-icon_element-style-rounded">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-skincolor ttm-icon_element-size-md ttm-icon_element-style-square">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-md ttm-icon_element-style-square">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row icon-box-wrapper">
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-darkgrey ttm-icon_element-size-lg ttm-icon_element-style-round">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-darkgrey ttm-icon_element-size-lg ttm-icon_element-style-round">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-darkgrey ttm-icon_element-size-lg ttm-icon_element-style-rounded">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-darkgrey ttm-icon_element-size-lg ttm-icon_element-style-rounded">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-darkgrey ttm-icon_element-size-lg ttm-icon_element-style-square">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-darkgrey ttm-icon_element-size-lg ttm-icon_element-style-square">
                                        <i class="fa fa-hand-paper-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- element-style-section end-->

        <!-- element-style-section -->
        <section class="element-row element-style pt-50 res-991-pt-15">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Facts In Digits</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pt-50 pb-50 bg-img4 ttm-bgcolor-darkgrey ttm-bg ttm-bgimage-yes 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>
            </div>
        </section>
        <!-- element-style-section end-->


        <!-- element-style-section -->
        <section class="element-row element-style">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Clients Logo</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ttm-bgcolor-grey clearfix">
                <div class="container">
                    <!-- row -->
                <div class="row ttm-vertical_sep slick_slider" data-slick='{"slidesToShow": 6, "slidesToScroll": 1, "arrows":false, "autoplay":true, "infinite":true, "responsive": [{"breakpoint":1199,"settings":{"slidesToShow": 5}} , {"breakpoint":800,"settings":{"slidesToShow": 3}}, {"breakpoint":430,"settings":{"slidesToShow": 2}}]}'>
                    <div class="col">
                        <div class="client-box">
                            <div class="ttm-client-logo-tooltip" data-tooltip="client-01">
                                <div class="ttm-client-logo-tooltip-inner">
                                    <div class="client-thumbnail">
                                        <img src="images/client/client-01.png" alt="image">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="client-box">
                            <div class="ttm-client-logo-tooltip" data-tooltip="client-02">
                                <div class="ttm-client-logo-tooltip-inner">
                                    <div class="client-thumbnail">
                                        <img src="images/client/client-02.png" alt="image">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="client-box">
                            <div class="ttm-client-logo-tooltip" data-tooltip="client-03">
                                <div class="ttm-client-logo-tooltip-inner">
                                    <div class="client-thumbnail">
                                        <img src="images/client/client-03.png" alt="image">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="client-box">
                            <div class="ttm-client-logo-tooltip" data-tooltip="client-04">
                                <div class="ttm-client-logo-tooltip-inner">
                                    <div class="client-thumbnail">
                                        <img src="images/client/client-04.png" alt="image">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="client-box">
                            <div class="ttm-client-logo-tooltip" data-tooltip="client-05">
                                <div class="ttm-client-logo-tooltip-inner">
                                    <div class="client-thumbnail">
                                        <img src="images/client/client-01.png" alt="image">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="client-box">
                            <div class="ttm-client-logo-tooltip" data-tooltip="client-06">
                                <div class="ttm-client-logo-tooltip-inner">
                                    <div class="client-thumbnail">
                                        <img src="images/client/client-02.png" alt="image">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="client-box">
                            <div class="ttm-client-logo-tooltip" data-tooltip="client-07">
                                <div class="ttm-client-logo-tooltip-inner">
                                    <div class="client-thumbnail">
                                        <img src="images/client/client-03.png" alt="image">
                                    </div>
                                </div>
                            </div>
                        </div>  
                    </div>
                </div><!-- row end -->
                </div>
            </div>
            <div class="sep_holder_box width-100">
                <span class="sep_holder"><span class="sep_line"></span></span>
            </div>
        </section>
        <!-- element-style-section end-->



        <!-- element-style-section -->
        <section class="element-row element-style">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Portfolio/ Gallery</h2>
                        </div>
                    </div>
                </div>
                <!-- row -->
                <div class="row slick_slider" data-slick='{"slidesToShow": 3, "slidesToScroll": 3, "arrows":false, "autoplay":true, "infinite":true}'>
                    <div class="ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6 campus">
                        <!-- featured-imagebox -->
                        <div class="featured-imagebox featured-imagebox-portfolio">
                            <!-- ttm-box-view-overlay -->
                            <div class="ttm-box-view-overlay ttm-portfolio-box-view-overlay">
                                <!-- featured-thumbnail -->
                                <div class="featured-thumbnail">
                                    <a href="#"> <img class="img-fluid" src="images/portfolio/01.jpg" alt="image"></a>
                                </div><!-- featured-thumbnail end-->
                                <div class="featured-iconbox ttm-media-link">
                                    <a class="ttm_prettyphoto ttm_image" title="campus" data-rel="prettyPhoto" href="images/portfolio/01.jpg">
                                        <i class="fa fa-expand"></i>
                                    </a>
                                </div>
                            </div><!-- ttm-box-view-overlay end-->
                        </div><!-- featured-imagebox -->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6 campus study">
                        <!-- featured-imagebox -->
                        <div class="featured-imagebox featured-imagebox-portfolio">
                            <!-- ttm-box-view-overlay -->
                            <div class="ttm-box-view-overlay ttm-portfolio-box-view-overlay">
                                <!-- featured-thumbnail -->
                                <div class="featured-thumbnail">
                                    <a href="#"> <img class="img-fluid" src="images/portfolio/02.jpg" alt="image"></a>
                                </div><!-- featured-thumbnail end-->
                                <div class="featured-iconbox ttm-media-link">
                                    <a class="ttm_prettyphoto ttm_image" title="campus / study" data-rel="prettyPhoto" href="images/portfolio/02.jpg">
                                        <i class="fa fa-expand"></i>
                                    </a>
                                </div>
                            </div><!-- ttm-box-view-overlay end-->
                        </div><!-- featured-imagebox -->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6 classes library study">
                        <!-- featured-imagebox -->
                        <div class="featured-imagebox featured-imagebox-portfolio">
                            <!-- ttm-box-view-overlay -->
                            <div class="ttm-box-view-overlay ttm-portfolio-box-view-overlay">
                                <!-- featured-thumbnail -->
                                <div class="featured-thumbnail">
                                    <a href="#"> <img class="img-fluid" src="images/portfolio/03.jpg" alt="image"></a>
                                </div><!-- featured-thumbnail end-->
                                <div class="featured-iconbox ttm-media-link">
                                    <a class="ttm_prettyphoto ttm_image" title=" classes / library / study" data-rel="prettyPhoto" href="images/portfolio/03.jpg">
                                        <i class="fa fa-expand"></i>
                                    </a>
                                </div>
                            </div><!-- ttm-box-view-overlay end-->
                        </div><!-- featured-imagebox -->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6 classes study">
                        <!-- featured-imagebox -->
                        <div class="featured-imagebox featured-imagebox-portfolio">
                            <!-- ttm-box-view-overlay -->
                            <div class="ttm-box-view-overlay ttm-portfolio-box-view-overlay">
                                <!-- featured-thumbnail -->
                                <div class="featured-thumbnail">
                                    <a href="#"> <img class="img-fluid" src="images/portfolio/04.jpg" alt="image"></a>
                                </div><!-- featured-thumbnail end-->
                                <div class="featured-iconbox ttm-media-link">
                                    <a class="ttm_prettyphoto ttm_image" title="classes / study" data-rel="prettyPhoto" href="images/portfolio/04.jpg">
                                        <i class="fa fa-expand"></i>
                                    </a>
                                </div>
                            </div><!-- ttm-box-view-overlay end-->
                        </div><!-- featured-imagebox -->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6 campus">
                        <!-- featured-imagebox -->
                        <div class="featured-imagebox featured-imagebox-portfolio">
                            <!-- ttm-box-view-overlay -->
                            <div class="ttm-box-view-overlay ttm-portfolio-box-view-overlay">
                                <!-- featured-thumbnail -->
                                <div class="featured-thumbnail">
                                    <a href="#"> <img class="img-fluid" src="images/portfolio/05.jpg" alt="image"></a>
                                </div><!-- featured-thumbnail end-->
                                <div class="featured-iconbox ttm-media-link">
                                    <a class="ttm_prettyphoto ttm_image" title="campus" data-rel="prettyPhoto" href="images/portfolio/05.jpg">
                                        <i class="fa fa-expand"></i>
                                    </a>
                                </div>
                            </div><!-- ttm-box-view-overlay end-->
                        </div><!-- featured-imagebox -->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6 classes">
                        <!-- featured-imagebox -->
                        <div class="featured-imagebox featured-imagebox-portfolio">
                            <!-- ttm-box-view-overlay -->
                            <div class="ttm-box-view-overlay ttm-portfolio-box-view-overlay"><!-- featured-thumbnail -->
                                <div class="featured-thumbnail">
                                    <a href="#"> <img class="img-fluid" src="images/portfolio/06.jpg" alt="image"></a>
                                </div><!-- featured-thumbnail end -->
                                    <div class="featured-iconbox ttm-media-link">
                                    <a class="ttm_prettyphoto ttm_image" title="classes" data-rel="prettyPhoto" href="images/portfolio/06.jpg">
                                        <i class="fa fa-expand"></i>
                                    </a>
                                </div>
                            </div><!-- ttm-box-view-overlay end-->
                        </div><!-- featured-imagebox -->
                    </div>
                </div>
            </div>
        </section>
        <!-- element-style-section end-->

        <!-- element-style-section -->
        <section class="element-row element-style">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Team Member</h2>
                        </div>
                    </div>
                </div>
                <!-- row -->
                <div class="row slick_slider" data-slick='{"slidesToShow": 4, "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" 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" 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" 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" 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" 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 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" src="images/team-member/team-img06.jpg" alt="image"> 
                                </div>
                            </div>
                            <div class="featured-content featured-content-team">
                                <div class="featured-title">
                                    <h5><a href="instructor-profile.html">Cherie Leon</a></h5>
                                </div>
                                <div class="team-position">English Lecturer</div>
                            </div>
                        </div><!-- featured-imagebox-team end-->
                    </div>
                </div><!-- row end -->
            </div>
        </section>
        <!-- element-style-section end-->


        <!-- element-style-section -->
        <section class="element-row element-style pt-50">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Testimonials</h2>
                        </div>
                    </div>
                </div><!-- row end -->
            </div>
            <div class="ttm-row pt-50 pb-50 ttm-bgcolor-skincolor bg-img5 ttm-bg ttm-bgimage-yes">
                <div class="ttm-row-wrapper-bg-layer ttm-bg-layer"></div>
                <div class="container">
                    <!-- slick_slider -->
                    <div class="row slick_slider" data-slick='{"slidesToShow": 3, "slidesToScroll": 3, "arrows":false, "autoplay":true, "centerMode":false, "centerPadding":0, "infinite":true, "initialSlide":2, "responsive": [{"breakpoint":991,"settings":{"slidesToShow": 2}} , {"breakpoint":600,"settings":{"slidesToShow": 1}}]}'>
                        <div class="ttm-box-col-wrapper col-lg-12">
                            <!-- testimonials -->
                            <div class="testimonials ttm-testimonial-box-view-style2"> 
                                <div class="testimonial-content">
                                    <div class="testimonial-avatar">
                                        <div class="testimonial-img">
                                            <img class="img-center" src="images/testimonial/01.jpg" alt="testimonial-img">
                                        </div>
                                    </div>
                                    <div class="testimonial-caption">
                                        <h5>Albie Jackson</h5>
                                        <label>CEO at Themetechmount</label>
                                    </div>
                                    <blockquote>On the other hand, we denounce with righteous indig- nation and dislike men who are so beguiled and de- moralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble</blockquote>
                                </div>
                            </div><!-- testimonials end -->
                        </div>
                        <div class="ttm-box-col-wrapper col-lg-12">
                            <!-- testimonials -->
                            <div class="testimonials ttm-testimonial-box-view-style2"> 
                                <div class="testimonial-content">
                                    <div class="testimonial-avatar">
                                        <div class="testimonial-img">
                                            <img class="img-center" src="images/testimonial/02.jpg" alt="testimonial-img">
                                        </div>
                                    </div>
                                    <div class="testimonial-caption">
                                        <h5>Sally Mathison</h5>
                                        <label>Student at Uniaro</label>
                                    </div>
                                    <blockquote>On the other hand, we denounce with righteous indig- nation and dislike men who are so beguiled and de- moralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble</blockquote>
                                </div>
                            </div><!-- testimonials end -->
                        </div>
                        <div class="ttm-box-col-wrapper col-lg-12">
                            <!-- testimonials -->
                            <div class="testimonials ttm-testimonial-box-view-style2"> 
                                <div class="testimonial-content">
                                    <div class="testimonial-avatar">
                                        <div class="testimonial-img">
                                            <img class="img-center" src="images/testimonial/03.jpg" alt="testimonial-img">
                                        </div>
                                    </div>
                                    <div class="testimonial-caption">
                                        <h5>Braylin Rose</h5>
                                        <label>CEO At Founder</label>
                                    </div>
                                    <blockquote>On the other hand, we denounce with righteous indig- nation and dislike men who are so beguiled and de- moralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble</blockquote>
                                </div>
                            </div><!-- testimonials end -->
                        </div>
                        <div class="ttm-box-col-wrapper col-lg-12">
                            <!-- testimonials -->
                            <div class="testimonials ttm-testimonial-box-view-style2"> 
                                <div class="testimonial-content">
                                    <div class="testimonial-avatar">
                                        <div class="testimonial-img">
                                            <img class="img-center" src="images/testimonial/02.jpg" alt="testimonial-img">
                                        </div>
                                    </div>
                                    <div class="testimonial-caption">
                                        <h5>Braylin Rose</h5>
                                        <label>CEO At Founder</label>
                                    </div>
                                    <blockquote>On the other hand, we denounce with righteous indig- nation and dislike men who are so beguiled and de- moralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble</blockquote>
                                </div>
                            </div><!-- testimonials end -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="ttm-row pt-50 pb-50 ttm-bgcolor-darkgrey bg-img5 ttm-bg ttm-bgimage-yes">
                <div class="ttm-row-wrapper-bg-layer ttm-bg-layer"></div>
                <div class="container">
                    <!-- slick_slider -->
                    <div class="row slick_slider" data-slick='{"slidesToShow": 2, "slidesToScroll": 1, "arrows":false, "autoplay":true, "centerMode":true, "centerPadding":0, "infinite":true, "initialSlide":2, "responsive": [{"breakpoint":870,"settings":{"slidesToShow": 1}} , {"breakpoint":525,"settings":{"slidesToShow": 1}}]}'>
                        <div class="ttm-box-col-wrapper col-lg-12">
                            <!-- testimonials -->
                            <div class="testimonials ttm-testimonial-box-view-style1"> 
                                <div class="testimonial-content">
                                    <div class="testimonial-avatar">
                                        <div class="testimonial-img">
                                            <img class="img-center" src="images/testimonial/01.jpg" alt="testimonial-img">
                                        </div>
                                    </div>
                                    <blockquote>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, soforby blinded by desire, that they cannot foresee the pain and trouble.<br />It has roots in a piece of lassical.</blockquote>
                                    <div class="testimonial-caption">
                                        <h5>Albie Jackson</h5>
                                        <label>CEO at Themetechmount</label>
                                    </div>
                                </div>
                            </div><!-- testimonials end -->
                        </div>
                        <div class="ttm-box-col-wrapper col-lg-12">
                            <!-- testimonials -->
                            <div class="testimonials ttm-testimonial-box-view-style1"> 
                                <div class="testimonial-content">
                                    <div class="testimonial-avatar">
                                        <div class="testimonial-img">
                                            <img class="img-center" src="images/testimonial/02.jpg" alt="testimonial-img">
                                        </div>
                                    </div>
                                    <blockquote>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, soforby blinded by desire, that they cannot foresee the pain and trouble.<br />It has roots in a piece of lassical.</blockquote>
                                    <div class="testimonial-caption">
                                        <h5>Sally Mathison</h5>
                                        <label>Student at Uniaro</label>
                                    </div>
                                </div>
                            </div><!-- testimonials end -->
                        </div>
                        <div class="ttm-box-col-wrapper col-lg-12">
                            <!-- testimonials -->
                            <div class="testimonials ttm-testimonial-box-view-style1"> 
                                <div class="testimonial-content">
                                    <div class="testimonial-avatar">
                                        <div class="testimonial-img">
                                            <img class="img-center" src="images/testimonial/03.jpg" alt="testimonial-img">
                                        </div>
                                    </div>
                                    <blockquote>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, soforby blinded by desire, that they cannot foresee the pain and trouble.<br />It has roots in a piece of lassical.</blockquote>
                                    <div class="testimonial-caption">
                                        <h5>Braylin Rose</h5>
                                        <label>CEO At Founder</label>
                                    </div>
                                </div>
                            </div><!-- testimonials end -->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- element-style-section end-->


        <!-- element-style-section -->
        <section class="element-row element-style">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Course</h2>
                        </div>
                    </div>
                </div>
                <!-- slick_slider -->
                <!-- 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" 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" 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" 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" 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" 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 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" src="images/course/course-five-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">Learning A Mobile App Development</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>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>
            </div>
        </section>
        <!-- element-style-section end-->


        <!-- element-style-section -->
        <section class="element-row element-style pb-70 res-991-pb-50">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title clearfix">
                            <h2 class="title">Latest News</h2>
                        </div>
                    </div>
                </div>
                <!-- slick_slider -->
                <div class="row slick_slider" data-slick='{"slidesToShow": 3, "slidesToScroll": 1, "arrows":false, "autoplay":false, "infinite":true, "responsive": [{"breakpoint":870,"settings":{"slidesToShow": 2}}, {"breakpoint":540,"settings":{"slidesToShow": 1}}]}'>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-post -->
                        <div class="featured-imagebox featured-imagebox-post style1">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid" 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">I Turned A Challenge Into A Positive Thing</a></h5>
                                </div>
                                <div class="post-desc featured-desc">
                                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form,...</p>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-post end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-post -->
                        <div class="featured-imagebox featured-imagebox-post style1">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid" src="images/blog/blog-two-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-11T08:45:16+00:00">11 August 2019</time>
                                    </span>
                                </div>
                                <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>Web Design</span>
                                </div>
                                <div class="post-title featured-title">
                                    <h5><a href="blog-single.html">Choose The Right Place, At The Right Time</a></h5>
                                </div>
                                <div class="post-desc featured-desc">
                                    <p>He found himself transformed in his bed into a horrible vermin.Ut enim ad minim veniam, quis nostrud exercitation ullamc...</p>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-post end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-post -->
                        <div class="featured-imagebox featured-imagebox-post style1">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid" src="images/blog/blog-three-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-07-21T08:42:45+00:00">21 July 2019</time>
                                    </span>
                                </div>
                                <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">Build Responsive Real World Websites</a></h5>
                                </div>
                                <div class="post-desc featured-desc">
                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaq...</p>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-post end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-post -->
                        <div class="featured-imagebox featured-imagebox-post style1">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid" src="images/blog/blog-four-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-07-15T08:33:17+00:00">15 July 2019</time>
                                    </span>
                                </div>
                                <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">Orientation Program For The New Students</a></h5>
                                </div>
                                <div class="post-desc featured-desc">
                                    <p>At vero eos et accusamus et iusto odio dignissimos ducimus blanditiis praesentium voluptatum deleniti atque dolores etqw...</p>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-post end-->
                    </div>
                    <div class="ttm-box-col-wrapper col-lg-4">
                        <!-- featured-imagebox-post -->
                        <div class="featured-imagebox featured-imagebox-post style1">
                            <div class="ttm-post-thumbnail featured-thumbnail"> 
                                <img class="img-fluid" src="images/blog/blog-five-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-07-08T06:40:50+00:00">8 July 2019</time>
                                    </span>
                                </div>
                                <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>Gmat Classes</span>
                                </div>
                                <div class="post-title featured-title">
                                    <h5><a href="blog-single.html">Nural Networking Managenment Course</a></h5>
                                </div>
                                <div class="post-desc featured-desc">
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the cha...</p>
                                </div>
                            </div>
                        </div><!-- featured-imagebox-post end-->
                    </div>
                </div>
            </div>
        </section>
        <!-- element-style-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" 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 &amp; Astronomy</a></li>
                                <li><a href="#">General Engineering</a></li>
                                <li><a href="#">Departments Services</a></li>
                                <li><a href="#">Geography &amp; 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 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 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 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 src="images/footer-award-one.png" class="img-fluid" alt="award-one">
                            <div class="ml-30 pl-30 border-left res-575-ml-0 res-575-pl-0 res-575-mt-20">
                                <img src="images/footer-award-two.png" class="img-fluid" 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-->

    <!--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/main.js"></script>
    <!-- Javascript end-->

</body>

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

Zerion Mini Shell 1.0