Current Directory: /home/u930863517/domains/limraevents.com/public_html/demo
Viewing File: /home/u930863517/domains/limraevents.com/public_html/demo/element.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="HTML5 Template" />
<meta name="description" content="Planwey – Event planner & celebration html Template" />
<meta name="author" content="https://www.themetechmount.com/" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Planwey – Event planner & celebration 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"/>
<!-- owl-carousel -->
<link rel="stylesheet" type="text/css" href="css/owl.carousel.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"/>
<!-- REVOLUTION LAYERS STYLES -->
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/settings.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"/>
<!-- 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-classic-overlay">
<!-- ttm-header-wrap -->
<div class="ttm-header-wrap">
<!-- ttm-stickable-header-w -->
<div id="ttm-stickable-header-w" class="ttm-stickable-header-w clearfix">
<div id="site-header-menu" class="site-header-menu">
<div class="site-header-menu-inner ttm-stickable-header">
<div class="container">
<!-- site-branding -->
<div class="site-branding">
<a class="home-link" href="index.html" title="Planwey" rel="home">
<img id="logo-img" class="img-center" src="images/logo-img.png" alt="logo-img">
</a>
</div><!-- site-branding end -->
<!-- header-icins -->
<div class="ttm-header-icons">
<span class="ttm-header-icon ttm-header-cart-link">
<a href="cart.html"><i class="fa fa-shopping-cart"></i>
<span class="number-cart">0</span>
</a>
</span>
<div class="ttm-header-icon ttm-header-search-link">
<a href="#" class="open"><i class="ti ti-search"></i></a>
<div class="ttm-search-overlay">
<div class="container">
<div class="row">
<form method="get" class="ttm-site-searchform" action="#">
<div class="w-search-form-h">
<div class="w-search-form-row">
<div class="w-search-input">
<input type="search" class="field searchform-s" name="s" placeholder="Type Word Then Enter...">
<button type="submit">
<i class="ti ti-search"></i>
</button>
</div>
</div>
</div>
</form>
<div class="ttm-search-close"><i class="fa fa-close"></i></div>
</div>
</div>
</div>
</div>
</div><!-- header-icons end -->
<!--site-navigation -->
<div id="site-navigation" class="site-navigation">
<div class="ttm-menu-toggle">
<input type="checkbox" id="menu-toggle-form" />
<label for="menu-toggle-form" class="ttm-menu-toggle-block">
<span class="toggle-block toggle-blocks-1"></span>
<span class="toggle-block toggle-blocks-2"></span>
<span class="toggle-block toggle-blocks-3"></span>
</label>
</div>
<nav id="menu" class="menu">
<ul class="dropdown">
<li><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Homepage 1</a></li>
<li><a href="homepage-2.html">Homepage 2</a></li>
<li><a href="homepage-3.html">Homepage 3</a></li>
<li><a href="#">Header Styles</a>
<ul>
<li><a href="index.html">Header Classic Overlay</a></li>
<li><a target="_blank" href="header-elegant.html">Header Elegant</a></li>
<li><a target="_blank" href="header-classic.html">Header Classic</a></li>
</ul>
</li>
</ul>
</li>
<li class="active"><a href="#">Pages</a>
<ul>
<li><a href="about-us.html">About Us</a></li>
<li><a href="services-1.html">Service</a></li>
<li><a href="services-2.html">Service details</a></li>
<li><a href="our-event.html">Our Events</a></li>
<li><a href="our-team.html">Our Team</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faq.html">FAQs</a></li>
<li class="active"><a href="element.html">Elements</a></li>
</ul>
</li>
<li><a href="#">Portfolio</a>
<ul>
<li><a href="portfolio-classic.html">Portfolio Classic</a></li>
<li><a href="portfolio-overlay.html">Portfolio Overlay</a></li>
<li><a href="#">Portfolio Details</a>
<ul>
<li><a href="portfolio-details-01.html">Style One</a></li>
<li><a href="portfolio-details-02.html">Style Two</a></li>
<li><a href="portfolio-details-03.html">Style Three</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Blog</a>
<ul>
<li><a href="blog.html">Blog Classic</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="single-blog.html">Single Blog</a></li>
</ul>
</li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="#">Shop</a>
<ul>
<li><a href="home-shop.html">Home Shop</a></li>
<li><a href="shop.html">Default 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>
</ul>
</nav>
</div><!-- site-navigation end-->
</div>
</div>
</div>
</div>
</div>
<!--ttm-header-wrap end -->
</header>
<!--header end-->
<!--page-title start-->
<div class="ttm-page-title-row text-center">
<div class="section-overlay"></div>
<div class="title-box text-center">
<div class="container">
<div class="page-title-heading">
<h1 class="title">ELEMENTS</h1>
</div>
<div class="breadcrumb-wrapper">
<div class="container">
<span><a title="Homepage" href="index.html"><i class="fa fa-home"></i> Home</a></span>
<span class="ttm-bread-sep ttm-textcolor-white"> ⁄ </span>
<span class="ttm-textcolor-white">Elements</span>
</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="ttm-tabs element-tab-style-vertical row">
<div class="col-lg-5 col-md-4">
<!-- tabs -->
<ul class="tabs">
<li class="tab"><a href="#">Section 1</a></li>
<li class="tab active"><a href="#">Section 2</a></li>
<li class="tab"><a href="#">Section 3</a></li>
<li class="tab"><a href="#">Section 4</a></li>
</ul>
</div>
<div class="content-tab col-lg-7 col-md-8">
<div class="content-inner">
<p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Ut enim ad minim veniam, quis nostrud.</p>
</div>
<div class="content-inner">
<p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Ut enim ad minim veniam, quis nostrud.</p>
</div>
<div class="content-inner">
<p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Ut enim ad minim veniam, quis nostrud.</p>
</div>
<div class="content-inner">
<p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Ut enim ad minim veniam, quis nostrud.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="section-title clearfix">
<h2 class="title">Tabs</h2>
</div>
<div class="ttm-tabs element-tab-style-horizontal shape-rounded clearfix">
<!-- tabs -->
<ul class="tabs clearfix">
<li class="tab active"><a href="#"><i class="fa fa-cog"></i>REPAIRING</a></li>
<li class="tab"><a href="#"><i class="fa fa-binoculars"></i>MODELING</a></li>
<li class="tab"><a href="#"><i class="fa fa-tasks"></i>BRANDING</a></li>
</ul>
<div class="content-tab">
<div class="content-inner">
<div class="row">
<div class="col-sm-4">
<img class="img-fluid" src="images/blog/04.jpg" alt="image">
</div>
<div class="col-sm-8">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
</div>
</div>
</div>
<div class="content-inner">
<div class="row">
<div class="col-sm-4">
<img class="img-fluid" src="images/blog/04.jpg" alt="image">
</div>
<div class="col-sm-8">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
</div>
</div>
</div>
<div class="content-inner">
<div class="row">
<div class="col-sm-4">
<img class="img-fluid" src="images/blog/04.jpg" alt="image">
</div>
<div class="col-sm-8">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- row end -->
</div>
</section>
<!-- element-section end -->
<!-- element-style-section -->
<section class="element-row element-style clearfix">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title clearfix">
<h2 class="title">Buttons</h2>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="pb-20 pr-20">
<a class="ttm-btn ttm-btn-size-xs ttm-btn-shape-square ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-black" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-right"></i></a>
</div>
<div class="pb-20 pr-20">
<a class="ttm-btn ttm-btn-size-sm ttm-btn-shape-round ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-black" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-right"></i></a>
</div>
<div class="pb-20 pr-20">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-rounded ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-black" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-right"></i></a>
</div>
<div class="pb-20 btn-inline">
<a class="ttm-btn ttm-btn-size-lg ttm-btn-shape-square ttm-btn-style-border ttm-icon-btn-right ttm-btn-color-black" href="#" title="">BUTTON TEXT <i class="ti ti-arrow-right"></i></a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="pb-20 pr-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="pb-20 pr-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="pb-20 pr-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="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-md-6 col-lg-3">
<div class="pb-20 pr-20">
<a class="ttm-btn ttm-btn-size-xs ttm-btn-shape-square ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-black" href="#" title="">BUTTON TEXT <i class="ti ti-angle-double-right"></i></a>
</div>
<div class="pb-20 pr-20">
<a class="ttm-btn ttm-btn-size-sm ttm-btn-shape-round ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-black" href="#" title="">BUTTON TEXT <i class="ti ti-angle-double-right"></i></a>
</div>
<div class="pb-20 pr-20">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-rounded ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-black" href="#" title="">BUTTON TEXT <i class="ti ti-angle-double-right"></i></a>
</div>
<div class="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-black" href="#" title="">BUTTON TEXT <i class="ti ti-angle-double-right"></i></a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="pb-20 pr-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="pb-20 pr-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="pb-20 pr-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="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 clearfix">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title clearfix">
<h2 class="title">Accordion & Progress Bar</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<!-- wrap-acadion -->
<div class="wrap-acadion">
<div class="accordion">
<!-- toggle -->
<div class="toggle active with-bg">
<div class="toggle-title active">
<a data-toggle="collapse" href="#"><i class="fa fa-cog"></i>Why should i choose your company?</a>
</div>
<div class="toggle-content">
<div class="row">
<div class="col-sm-3">
<div class="toggle-figure">
<img class="img-fluid" src="images/blog/04.jpg" alt="image">
</div>
</div>
<div class="col-sm-9">
<p>Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in</p>
</div>
</div>
</div>
</div><!-- toggle end -->
<!-- toggle -->
<div class="toggle with-bg">
<div class="toggle-title">
<a data-toggle="collapse" href="#"><i class="fa fa-cog"></i>How should i beleive about your services?</a></div>
<div class="toggle-content">
<div class="row">
<div class="col-sm-3">
<div class="toggle-figure">
<img class="img-fluid" src="images/blog/04.jpg" alt="image">
</div>
</div>
<div class="col-sm-9">
<p>Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in</p>
</div>
</div>
</div>
</div><!-- toggle end -->
<!-- toggle -->
<div class="toggle with-bg">
<div class="toggle-title">
<a data-toggle="collapse" href="#"><i class="fa fa-cog"></i>Planwey standard blog and executive team.</a>
</div>
<div class="toggle-content">
<div class="row">
<div class="col-sm-3">
<div class="toggle-figure">
<img class="img-fluid" src="images/blog/04.jpg" alt="image">
</div>
</div>
<div class="col-sm-9">
<p>Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in</p>
</div>
</div>
</div>
</div><!-- toggle end -->
</div>
</div><!-- wrap-acadion end-->
</div>
<div class="col-lg-6">
<div class="">
<!-- ttm-progress-bar -->
<div class="ttm-progress-bar ttm-icon-left-true progress-bar-color-bar_blue">
<i class="fa fa-anchor"></i>
<h4>DESIGN</h4>
<div class="progress" data-value="90%" data-percentage-value="90%">
<div class="progress-bar progress-bar-color-bar_blue with-lable">
<div class="progress-value"><span>90</span>%</div>
</div>
</div>
</div><!-- ttm-progress-bar end -->
<!-- ttm-progress-bar -->
<div class="ttm-progress-bar ttm-icon-left-true progress-bar-color-bar_green">
<i class="fa fa-area-chart"></i>
<h4>DEVELOPMENT</h4>
<div class="progress" data-value="80%" data-percentage-value="80%">
<div class="progress-bar progress-bar-color-bar_green with-lable">
<div class="progress-value"><span>80</span>%</div>
</div>
</div>
</div><!-- ttm-progress-bar end -->
<!-- ttm-progress-bar -->
<div class="ttm-progress-bar ttm-icon-left-true progress-bar-color-bar_pink">
<i class="fa fa-beer"></i>
<h4>MARKETING</h4>
<div class="progress" data-value="70%" data-percentage-value="70%">
<div class="progress-bar progress-bar-color-bar_pink with-lable">
<div class="progress-value"><span>70</span>%</div>
</div>
</div>
</div><!-- section title end -->
<!-- ttm-progress-bar -->
<div class="ttm-progress-bar ttm-icon-left-true progress-bar-color-bar_turquoise">
<i class="fa fa-cubes"></i>
<h4>ANALYSIS</h4>
<div class="progress" data-value="50%" data-percentage-value="50%">
<div class="progress-bar progress-bar-color-bar_turquoise with-lable">
<div class="progress-value"><span>50</span>%</div>
</div>
</div>
</div><!-- section title end -->
<!-- ttm-progress-bar -->
<div class="ttm-progress-bar ttm-icon-left-true progress-bar-color-bar_skincolor">
<i class="fa fa-cogs"></i>
<h4>CONSTRUCT</h4>
<div class="progress" data-value="90%" data-percentage-value="90%">
<div class="progress-bar progress-bar-color-bar_skincolor with-lable">
<div class="progress-value"><span>90</span>%</div>
</div>
</div>
</div><!-- section title end -->
</div>
</div>
</div>
</div>
</section>
<!-- element-style-section end-->
<!-- element-style-section -->
<section class="element-row element-style clearfix">
<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>
<!-- fid-section -->
<div class="fid-section clearfix z-0 bg-img7 ttm-bgcolor-skincolor ttm-bg ttm-bgimage-yes pt-30 pb-30">
<div class="ttm-row-wrapper-bg-layer ttm-bg-layer"></div>
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 col-lg-3">
<div class="ttm-fid text-center">
<div class="ttm-icon ttm-icon_element-color-white ttm-icon_element-size-md">
<i class="ti ti-light-bulb"></i>
</div>
<div class="ttm-fid-contents">
<h4><span data-appear-animation = "animateDigits"
data-from = "0"
data-to = "878"
data-interval = "10"
data-before = ""
data-before-style = "sup"
data-after = ""
data-after-style = "sub"
>878
</span>
</h4>
<h3 class="ttm-fid-title"><span>GOOD COMMENTS<br></span></h3>
</div><!-- ttm-fld-contents end -->
</div>
</div>
<div class="col-md-6 col-sm-6 col-lg-3">
<div class="ttm-fid text-center">
<div class="ttm-icon ttm-icon_element-color-white ttm-icon_element-size-md">
<i class="ti ti-image"></i>
</div>
<div class="ttm-fid-contents">
<h4><span data-appear-animation = "animateDigits"
data-from = "0"
data-to = "175"
data-interval = "5"
data-before = ""
data-before-style = "sup"
data-after = ""
data-after-style = "sub"
>175
</span>
</h4>
<h3 class="ttm-fid-title"><span>FEACTURED EVENTS<br></span></h3>
</div><!-- ttm-fld-contents end -->
</div>
</div>
<div class="col-md-6 col-sm-6 col-lg-3">
<div class="ttm-fid text-center">
<div class="ttm-icon ttm-icon_element-color-white ttm-icon_element-size-md">
<i class="ti ti-crown"></i>
</div>
<div class="ttm-fid-contents">
<h4><span data-appear-animation = "animateDigits"
data-from = "0"
data-to = "878"
data-interval = "10"
data-before = ""
data-before-style = "sup"
data-after = ""
data-after-style = "sub"
>878
</span>
</h4>
<h3 class="ttm-fid-title"><span>AWARD WINNING<br></span></h3>
</div><!-- ttm-fld-contents end-->
</div>
</div>
<div class="col-md-6 col-sm-6 col-lg-3">
<div class="ttm-fid text-center">
<div class="ttm-icon ttm-icon_element-color-white ttm-icon_element-size-md">
<i class="ti ti-face-smile"></i>
</div>
<div class="ttm-fid-contents">
<h4><span data-appear-animation = "animateDigits"
data-from = "0"
data-to = "125"
data-interval = "10"
data-before = ""
data-before-style = "sup"
data-after = ""
data-after-style = "sub"
>125
</span>
</h4>
<h3 class="ttm-fid-title"><span>HAPPY CLIENT<br></span></h3>
</div><!-- ttm-fld-contents end-->
</div>
</div>
</div>
</div>
</div>
<!-- fid-section end -->
</section>
<!-- element-style-section end-->
<!-- element-style-section -->
<section class="element-row element-style clearfix">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title clearfix">
<h2 class="title">Icons & Icon Box</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="row icon-box-wrapper">
<div class="col-sm-2">
<div class="icon-box">
<div class="ttm-icon ttm-icon_element-fill ttm-icon_element-color-white ttm-icon_element-size-xs ttm-icon_element-style-rounded ttm-icon_element-background-aqua">
<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-white ttm-icon_element-size-xs ttm-icon_element-style-rounded ttm-icon_element-background-aqua">
<i class="fa fa-star"></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-white ttm-icon_element-size-xs ttm-icon_element-style-rounded ttm-icon_element-background-aqua">
<i class="fa fa-user"></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-white ttm-icon_element-size-xs ttm-icon_element-style-rounded ttm-icon_element-background-aqua">
<i class="fa fa-cloud"></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-white ttm-icon_element-size-xs ttm-icon_element-style-rounded ttm-icon_element-background-aqua">
<i class="fa fa-flask"></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-mulled_wine ttm-icon_element-size-md ttm-icon_element-style-square">
<i class="fa fa-tachometer"></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-blue ttm-icon_element-size-md ttm-icon_element-style-square">
<i class="fa fa-cubes"></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-yellow 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-border ttm-icon_element-color-orange ttm-icon_element-size-md ttm-icon_element-style-square">
<i class="fa fa-star"></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-red ttm-icon_element-size-md ttm-icon_element-style-square">
<i class="fa fa-user"></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-fill ttm-icon_element-background-grey ttm-icon_element-size-md ttm-icon_element-color-aqua">
<i class="fa fa-cogs"></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-aqua ttm-icon_element-background-grey ttm-icon_element-size-md">
<i class="fa fa-user"></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-aqua ttm-icon_element-background-grey ttm-icon_element-size-md">
<i class="fa fa-cubes"></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-aqua ttm-icon_element-background-grey ttm-icon_element-size-md">
<i class="fa fa-cloud"></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-aqua ttm-icon_element-background-grey ttm-icon_element-size-md">
<i class="fa fa-flask"></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-fill ttm-icon_element-background-yellow ttm-icon_element-size-md">
<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-background-orange ttm-icon_element-size-md ttm-icon_element-style-rounded">
<i class="fa fa-star"></i>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="icon-box">
<div class="ttm-icon ttm-icon_element-fill ttm-icon_element-background-red ttm-icon_element-size-md ttm-icon_element-style-rounded">
<i class="fa fa-user"></i>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="icon-box">
<div class="ttm-icon ttm-icon_element-fill ttm-icon_element-background-dark_pink ttm-icon_element-size-md ttm-icon_element-style-rounded">
<i class="fa fa-cloud"></i>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="icon-box">
<div class="ttm-icon ttm-icon_element-fill ttm-icon_element-background-mulled_wine ttm-icon_element-size-md ttm-icon_element-style-rounded">
<i class="fa fa-flask"></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-mulled_wine ttm-icon_element-size-md ttm-icon_element-style-rounded">
<i class="fa fa-video-camera"></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-blue ttm-icon_element-size-md ttm-icon_element-style-rounded">
<i class="fa fa-camera"></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-yellow 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-orange ttm-icon_element-size-md ttm-icon_element-style-rounded">
<i class="ti ti-star"></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-red ttm-icon_element-size-md ttm-icon_element-style-rounded">
<i class="fa fa-user"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<!--featured-box-->
<div class="featured-box style2 left-icon icon-align-top">
<div class="featured-icon">
<div class="ttm-icon ttm-icon_element-size-md ttm-icon_element-color-skincolor ttm-icon_element-border ttm-icon_element-style-square">
<i class="ti ti-timer"></i>
</div>
</div>
<div class="featured-content">
<div class="featured-title">
<h5>24/7 AVAILABILITY</h5>
</div>
<div class="featured-desc">
<p>Lorem Ipsum is simply dummy text of the printing and typendard nknown printet to make a type specimen book.</p>
</div>
</div>
</div><!-- featured-box end-->
<!--featured-box-->
<div class="featured-box style2 left-icon icon-align-top">
<div class="featured-icon">
<div class="ttm-icon ttm-icon_element-size-md ttm-icon_element-color-skincolor ttm-icon_element-border ttm-icon_element-style-square">
<i class="fa fa-upload"></i>
</div>
</div>
<div class="featured-content">
<div class="featured-title">
<h5>DIGITAL MEDIA</h5>
</div>
<div class="featured-desc">
<p>Lorem Ipsum is simply dummy text of the printing and typendard nknown printet to make a type specimen book.</p>
</div>
</div>
</div><!-- featured-box end-->
<!--featured-box-->
<div class="featured-box style2 left-icon icon-align-top">
<div class="featured-icon">
<div class="ttm-icon ttm-icon_element-size-md ttm-icon_element-color-skincolor ttm-icon_element-border ttm-icon_element-style-square">
<i class="fa fa-cog"></i>
</div>
</div>
<div class="featured-content">
<div class="featured-title">
<h5>WEB DEVELOPMENT</h5>
</div>
<div class="featured-desc">
<p>Lorem Ipsum is simply dummy text of the printing and typendard nknown printet to make a type specimen book.</p>
</div>
</div>
</div><!-- featured-box end-->
<!--featured-box-->
<div class="featured-box style2 left-icon icon-align-top">
<div class="featured-icon">
<div class="ttm-icon ttm-icon_element-size-md ttm-icon_element-color-skincolor ttm-icon_element-border ttm-icon_element-style-square">
<i class="fa fa-wrench"></i>
</div>
</div>
<div class="featured-content">
<div class="featured-title">
<h5>APP DEVELOPMENT</h5>
</div>
<div class="featured-desc">
<p>Lorem Ipsum is simply dummy text of the printing and typendard nknown printet to make a type specimen book.</p>
</div>
</div>
</div><!-- featured-box end-->
</div>
</div>
</div>
</section>
<!-- element-style-section -->
<!-- element-style-section -->
<section class="element-row element-style clearfix">
<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>
<!--client-section-->
<div class="ttm-row element-client-section style2 ttm-bgcolor-black clearfix">
<div class="container">
<!-- row -->
<div class="row text-center">
<div class="col-md-12">
<!-- ttm-client -->
<div class="ttm-client clients-logo owl-carousel owl-theme owl-loaded desc-style" data-item="5" data-nav="false" data-dots="true" data-auto="true">
<div class="client-box">
<div class="client">
<div class="ttm-client-logo-tooltip" data-tooltip="Gear Service">
<img src="images/client/client-01.png" alt="image">
</div>
</div>
</div>
<div class="client-box">
<div class="client">
<div class="ttm-client-logo-tooltip" data-tooltip="GreenHand">
<img src="images/client/client-02.png" alt="image">
</div>
</div>
</div>
<div class="client-box">
<div class="client">
<div class="ttm-client-logo-tooltip" data-tooltip="GearInfinite">
<img src="images/client/client-03.png" alt="image">
</div>
</div>
</div>
<div class="client-box">
<div class="client">
<div class="ttm-client-logo-tooltip" data-tooltip="Excavator">
<img src="images/client/client-04.png" alt="image">
</div>
</div>
</div>
<div class="client-box">
<div class="client">
<div class="ttm-client-logo-tooltip" data-tooltip="Data Bars">
<img src="images/client/client-05.png" alt="image">
</div>
</div>
</div>
<div class="client-box">
<div class="client">
<div class="ttm-client-logo-tooltip" data-tooltip="Oil & Gas">
<img src="images/client/client-07.png" alt="image">
</div>
</div>
</div>
</div><!-- ttm-client end -->
</div>
</div><!-- row end -->
</div>
</div> <!--client-section end-->
</section>
<!-- element-style-section -->
<!-- element-style-section -->
<section class="element-row element-style clearfix">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title clearfix">
<h2 class="title">Portfolio</h2>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<!--portfolio-section-->
<div class="row">
<div class="ttm-boxes-spacing-5px portfolio-slide owl-carousel owl-theme owl-loaded" data-item="4" data-nav="false" data-dots="false" data-auto="true">
<div class="ttm-box-col-wrapper">
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-portfolio">
<!-- featured-thumbnail-->
<div class="featured-thumbnail">
<a href="portfolio-details-02.html"> <img class="img-fluid" src="images/gallery/gallery-1.jpg" alt="image"></a>
</div><!-- featured-thumbnail END-->
<!-- ttm-box-view-overlay -->
<div class="ttm-box-view-overlay">
<div class="ttm-media-link">
<a class="ttm_prettyphoto ttm_image" data-gal="prettyPhoto[gallery1]" title="Autue Art Gallery Opening" href="images/gallery/gallery-1.jpg" data-rel="prettyPhoto">
<i class="ti ti-search"></i>
</a>
</div>
<div class="featured-content featured-content-portfolio">
<div class="featured-title">
<h5><a href="portfolio-details-02.html">Autue Art Gallery Opening</a></h5>
</div>
<span class="category">
<a href="private-party.html">Private Party</a>
</span>
</div>
</div><!-- ttm-box-view-overlay end-->
</div><!-- featured-item -->
</div>
<div class="ttm-box-col-wrapper">
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-portfolio">
<!-- featured-thumbnail-->
<div class="featured-thumbnail">
<a href="portfolio-details-02.html"> <img class="img-fluid" src="images/gallery/gallery-5.jpg" alt="image"></a>
</div><!-- featured-thumbnail END-->
<!-- ttm-box-view-overlay -->
<div class="ttm-box-view-overlay">
<div class="ttm-media-link">
<a class="ttm_prettyphoto ttm_image" data-gal="prettyPhoto[gallery1]" title="Grand Despa Events" href="images/gallery/gallery-5.jpg" data-rel="prettyPhoto">
<i class="ti ti-search"></i>
</a>
</div>
<div class="featured-content featured-content-portfolio">
<div class="featured-title">
<h5><a href="portfolio-details-02.html">Grand Despa Events</a></h5>
</div>
<span class="category">
<a href="private-party.html">birthday Party</a>
</span>
</div>
</div><!-- ttm-box-view-overlay end-->
</div><!-- featured-item -->
</div>
<div class="ttm-box-col-wrapper">
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-portfolio">
<!-- featured-thumbnail-->
<div class="featured-thumbnail">
<a href="portfolio-details-02.html"> <img class="img-fluid" src="images/gallery/gallery-2.jpg" alt="image"></a>
</div><!-- featured-thumbnail END-->
<!-- ttm-box-view-overlay -->
<div class="ttm-box-view-overlay">
<div class="ttm-media-link">
<a class="ttm_prettyphoto ttm_image" data-gal="prettyPhoto[gallery1]" title="Divqi Holiday Party" href="images/gallery/gallery-2.jpg" data-rel="prettyPhoto">
<i class="ti ti-search"></i>
</a>
</div>
<div class="featured-content featured-content-portfolio">
<div class="featured-title">
<h5><a href="portfolio-details-02.html">Divqi Holiday Party</a></h5>
</div>
<span class="category">
<a href="private-party.html">Corporate</a>
</span>
</div>
</div><!-- ttm-box-view-overlay end-->
</div><!-- featured-item -->
</div>
<div class="ttm-box-col-wrapper">
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-portfolio">
<!-- featured-thumbnail-->
<div class="featured-thumbnail">
<a href="portfolio-details-02.html"> <img class="img-fluid" src="images/gallery/gallery-3.jpg" alt="image"></a>
</div><!-- featured-thumbnail END-->
<!-- ttm-box-view-overlay -->
<div class="ttm-box-view-overlay">
<div class="ttm-media-link">
<a class="ttm_prettyphoto ttm_image" data-gal="prettyPhoto[gallery1]" title="Helen Birthday Party" href="images/gallery/gallery-3.jpg" data-rel="prettyPhoto">
<i class="ti ti-search"></i>
</a>
</div>
<div class="featured-content featured-content-portfolio">
<div class="featured-title">
<h5><a href="portfolio-details-02.html">Helen Birthday Party</a></h5>
</div>
<span class="category">
<a href="private-party.html">Birthday Party</a>
</span>
</div>
</div><!-- ttm-box-view-overlay end-->
</div><!-- featured-item -->
</div>
<div class="ttm-box-col-wrapper">
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-portfolio">
<!-- featured-thumbnail-->
<div class="featured-thumbnail">
<a href="portfolio-details-02.html"> <img class="img-fluid" src="images/gallery/gallery-4.jpg" alt="image"></a>
</div><!-- featured-thumbnail END-->
<!-- ttm-box-view-overlay -->
<div class="ttm-box-view-overlay">
<div class="ttm-media-link">
<a class="ttm_prettyphoto ttm_image" data-gal="prettyPhoto[gallery1]" title="Steven and Sofia Wedding" href="https://youtu.be/HkyVTxH2fIM" data-rel="prettyPhoto">
<i class="ti ti-control-play"></i>
</a>
</div>
<div class="featured-content featured-content-portfolio">
<div class="featured-title">
<h5><a href="portfolio-details-02.html">Steven and Sofia Wedding</a></h5>
</div>
<span class="category">
<a href="private-party.html">Engagement</a>,
<a href="private-party.html">Wedding</a>
</span>
</div>
</div><!-- ttm-box-view-overlay end-->
</div><!-- featured-item -->
</div>
<div class="ttm-box-col-wrapper">
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-portfolio">
<!-- featured-thumbnail-->
<div class="featured-thumbnail">
<a href="portfolio-details-02.html"> <img class="img-fluid" src="images/gallery/gallery-8.jpg" alt="image"></a>
</div><!-- featured-thumbnail END-->
<!-- ttm-box-view-overlay -->
<div class="ttm-box-view-overlay">
<div class="ttm-media-link">
<a class="ttm_prettyphoto ttm_image" data-gal="prettyPhoto[gallery1]" title="Kids Birthday Party" href="images/gallery/gallery-8.jpg" data-rel="prettyPhoto">
<i class="ti ti-search"></i>
</a>
</div>
<div class="featured-content featured-content-portfolio">
<div class="featured-title">
<h5><a href="portfolio-details-02.html">Kids Birthday Party</a></h5>
</div>
<span class="category">
<a href="private-party.html">Birthday Party</a>
</span>
</div>
</div><!-- ttm-box-view-overlay end-->
</div><!-- featured-item -->
</div>
<div class="ttm-box-col-wrapper">
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-portfolio">
<!-- featured-thumbnail-->
<div class="featured-thumbnail">
<a href="portfolio-details-02.html"> <img class="img-fluid" src="images/gallery/gallery-6.jpg" alt="image"></a>
</div><!-- featured-thumbnail END-->
<!-- ttm-box-view-overlay -->
<div class="ttm-box-view-overlay">
<div class="ttm-media-link">
<a class="ttm_prettyphoto ttm_image" data-gal="prettyPhoto[gallery1]" title="Helen Birthday Party" href="images/gallery/gallery-6.jpg" data-rel="prettyPhoto">
<i class="ti ti-search"></i>
</a>
</div>
<div class="featured-content featured-content-portfolio">
<div class="featured-title">
<h5><a href="portfolio-details-02.html">Helen Birthday Party</a></h5>
</div>
<span class="category">
<a href="private-party.html">Birthday Party</a>
</span>
</div>
</div><!-- ttm-box-view-overlay end-->
</div><!-- featured-item -->
</div>
<div class="ttm-box-col-wrapper">
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-portfolio">
<!-- featured-thumbnail-->
<div class="featured-thumbnail">
<a href="portfolio-details-02.html"> <img class="img-fluid" src="images/gallery/gallery-7.jpg" alt="image"></a>
</div><!-- featured-thumbnail END-->
<!-- ttm-box-view-overlay -->
<div class="ttm-box-view-overlay">
<div class="ttm-media-link">
<a class="ttm_prettyphoto ttm_image" data-gal="prettyPhoto[gallery1]" title="Steven and Sofia Wedding" href="https://youtu.be/HkyVTxH2fIM" data-rel="prettyPhoto">
<i class="ti ti-control-play"></i>
</a>
</div>
<div class="featured-content featured-content-portfolio">
<div class="featured-title">
<h5><a href="portfolio-details-02.html">Steven and Sofia Wedding</a></h5>
</div>
<span class="category">
<a href="private-party.html">Engagement</a>,
<a href="private-party.html">Wedding</a>
</span>
</div>
</div><!-- ttm-box-view-overlay end-->
</div><!-- featured-item -->
</div>
<div class="ttm-box-col-wrapper">
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-portfolio">
<!-- featured-thumbnail-->
<div class="featured-thumbnail">
<a href="portfolio-details-02.html"> <img class="img-fluid" src="images/gallery/gallery-9.jpg" alt="image"></a>
</div><!-- featured-thumbnail END-->
<!-- ttm-box-view-overlay -->
<div class="ttm-box-view-overlay">
<div class="ttm-media-link">
<a class="ttm_prettyphoto ttm_image" data-gal="prettyPhoto[gallery1]" title="Kids Birthday Party" href="images/gallery/gallery-9.jpg" data-rel="prettyPhoto">
<i class="ti ti-search"></i>
</a>
</div>
<div class="featured-content featured-content-portfolio">
<div class="featured-title">
<h5><a href="portfolio-details-02.html">Kids Birthday Party</a></h5>
</div>
<span class="category">
<a href="private-party.html">Birthday Party</a>
</span>
</div>
</div><!-- ttm-box-view-overlay end-->
</div><!-- featured-item -->
</div>
</div>
</div>
</div>
</section>
<!-- element-style-section -->
<!-- element-style-section -->
<section class="element-row element-style clearfix">
<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">
<div class="wrap-team team-slide owl-carousel" data-item="3" data-nav="false" data-dots="false" data-auto="true">
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-team ttm-team-box-view-overlay">
<div class="featured-thumbnail">
<a href="team-details.html">
<img class="img-fluid" src="images/team/team-img2.jpg" alt="image">
</a>
</div>
<div class="featured-content featured-content-team">
<div class="featured-title">
<h5><a href="team-details.html">Lenalee Crus</a></h5>
</div>
<span class="category">Graphic Designer</span>
</div>
</div><!-- featured-imagebox end-->
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-team ttm-team-box-view-overlay">
<div class="featured-thumbnail">
<a href="team-details.html">
<img class="img-fluid" src="images/team/team-img1.jpg" alt="image">
</a>
</div>
<div class="featured-content featured-content-team">
<div class="featured-title">
<h5><a href="team-details.html">Diana Aiden</a></h5>
</div>
<span class="category">Event Planner</span>
</div>
</div><!-- featured-imagebox end-->
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-team ttm-team-box-view-overlay">
<div class="featured-thumbnail">
<a href="team-details.html">
<img class="img-fluid" src="images/team/team-img3.jpg" alt="image">
</a>
</div>
<div class="featured-content featured-content-team">
<div class="featured-title">
<h5><a href="team-details.html">Jimmy Edward</a></h5>
</div>
<span class="category">Event Manager</span>
</div>
</div>
<!-- featured-imagebox end-->
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-team ttm-team-box-view-overlay">
<div class="featured-thumbnail">
<a href="team-details.html">
<img class="img-fluid" src="images/team/team-img5.jpg" alt="image">
</a>
</div>
<div class="featured-content featured-content-team">
<div class="featured-title">
<h5><a href="team-details.html">Steve Logan</a></h5>
</div>
<span class="category">Graphic Designer</span>
</div>
</div>
<!-- featured-imagebox end-->
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-team ttm-team-box-view-overlay">
<div class="featured-thumbnail">
<a href="team-details.html">
<img class="img-fluid" src="images/team/team-img4.jpg" alt="image">
</a>
</div>
<div class="featured-content featured-content-team">
<div class="featured-title">
<h5><a href="team-details.html">Grace Harper</a></h5>
</div>
<span class="category">Event Planner</span>
</div>
</div>
<!-- featured-imagebox end-->
<!-- featured-imagebox -->
<div class="featured-imagebox featured-imagebox-team ttm-team-box-view-overlay">
<div class="featured-thumbnail">
<a href="team-details.html">
<img class="img-fluid" src="images/team/team-img6.jpg" alt="image">
</a>
</div>
<div class="featured-content featured-content-team">
<div class="featured-title">
<h5><a href="team-details.html">Ronney Hayden</a></h5>
</div>
<span class="category">Event Manager</span>
</div>
</div>
<!-- featured-imagebox end-->
</div>
</div><!-- row end -->
</div>
</section>
<!-- element-style-section end-->
<!-- element-style-section -->
<section class="element-row element-style clearfix">
<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="testimonial-section2 bg-img3 ttm-bg ttm-bgimage-yes ttm-bgcolor-skincolor">
<div class="ttm-row-wrapper-bg-layer ttm-bg-layer"></div>
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<!-- testimonial-box -->
<div class="testimonial-box">
<!-- flat-testimonial -->
<div class="testimonial-slide owl-carousel" data-item="1" data-nav="false" data-dots="false" data-auto="false">
<!-- testimonials -->
<div class="testimonials text-center with-caption-border">
<div class="testimonial-content">
<div class="testimonial-avatar pb-15">
<div class="testimonial-img">
<img class="img-center" src="images/feedback1.jpg" alt="">
</div>
</div>
<blockquote>
You are amazing! You worked so hard for Cady's wedding. You had every little detail under control....you need to run my life!
</blockquote>
<div class="testimonial-caption">
<h6>ADOM SMITH</h6>
</div>
</div>
</div><!--testimonials end-->
<!-- testimonials -->
<div class="testimonials text-center with-caption-border">
<div class="testimonial-content">
<div class="testimonial-avatar pb-15">
<div class="testimonial-img">
<img class="img-center" src="images/feedback1.jpg" alt="">
</div>
</div>
<blockquote>
You are amazing! You worked so hard for Cady's wedding. You had every little detail under control....you need to run my life!
</blockquote>
<div class="testimonial-caption">
<h6>ADOM SMITH</h6>
</div>
</div>
</div><!--testimonials end-->
<!-- testimonials -->
<div class="testimonials text-center with-caption-border">
<div class="testimonial-content">
<div class="testimonial-avatar pb-15">
<div class="testimonial-img">
<img class="img-center" src="images/feedback1.jpg" alt="">
</div>
</div>
<blockquote>
You are amazing! You worked so hard for Cady's wedding. You had every little detail under control....you need to run my life!
</blockquote>
<div class="testimonial-caption">
<h6>ADOM SMITH</h6>
</div>
</div>
</div><!--testimonials end-->
</div>
</div><!-- testimonial-box end-->
</div>
<div class="col-md-2"></div>
</div><!-- row end-->
</div>
</div>
</section>
<!-- element-style-section end-->
<!-- element-style-section -->
<section class="element-row element-style clearfix">
<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>
<div class="row">
<!-- post-slide -->
<div class="post-slide owl-carousel owl-theme owl-loaded" data-item="3" data-nav="false" data-dots="false" data-auto="true">
<!-- post -->
<div class="featured-imagebox featured-imagebox-post box-shadow1 ttm-bgcolor-white ttm-box-view-top-image mb-30">
<div class="featured-thumbnail">
<a href="single-blog.html"><img class="img-fluid" src="images/blog/07.jpg" alt="image"></a>
</div>
<div class="featured-content featured-content-post position-relative">
<div class="ttm-box-post-date">
<span class="ttm-entry-date">
<time class="entry-date" datetime="2019-01-16T07:07:55+00:00">1<span class="entry-month entry-year">NOV</span></time>
</span>
</div>
<div class="featured-title ml-70">
<h5><a href="single-blog.html">Best Kids’ Birthday Party Ideas</a></h5>
</div>
<div class="featured-desc">
<p>Lorem Ipsum is simply dummy text of the printing and Lorem Ipsum is simply dummy text of the printing and type..</p>
</div>
<a class="ttm-btn ttm-btn-size-sm ttm-btn-shape-round ttm-btn-style-fill ttm-btn-color-skincolor mt-20 mb-15" href="single-blog.html" title="">Read More</a>
</div>
</div>
<!--post end-->
<!-- post -->
<div class="featured-imagebox featured-imagebox-post box-shadow1 ttm-bgcolor-white ttm-box-view-top-image mb-30">
<div class="featured-thumbnail">
<a href="single-blog.html"><img class="img-fluid" src="images/blog/08.jpg" alt="image"></a>
</div>
<div class="featured-content featured-content-post position-relative">
<div class="ttm-box-post-date">
<span class="ttm-entry-date">
<time class="entry-date" datetime="2019-01-16T07:07:55+00:00">28<span class="entry-month entry-year">jul</span></time>
</span>
</div>
<div class="featured-title ml-70">
<h5><a href="single-blog.html">5 Steps To Planning A Sweet Party</a></h5>
</div>
<div class="featured-desc">
<p>Lorem Ipsum is simply dummy text of the printing and Lorem Ipsum is simply dummy text of the printing and type..</p>
</div>
<a class="ttm-btn ttm-btn-size-sm ttm-btn-shape-round ttm-btn-style-fill ttm-btn-color-skincolor mt-20 mb-15" href="single-blog.html" title="">Read More</a>
</div>
</div><!--post end-->
<!-- post -->
<div class="featured-imagebox featured-imagebox-post box-shadow1 ttm-bgcolor-white ttm-box-view-top-image mb-30">
<div class="featured-thumbnail">
<a href="single-blog.html"><img class="img-fluid" src="images/blog/08.jpg" alt="image"></a>
</div>
<div class="featured-content featured-content-post position-relative">
<div class="ttm-box-post-date">
<span class="ttm-entry-date">
<time class="entry-date" datetime="2019-01-16T07:07:55+00:00">25<span class="entry-month entry-year">jul</span></time>
</span>
</div>
<div class="featured-title ml-70">
<h5><a href="single-blog.html">How to Find the Perfect Event Venue</a></h5>
</div>
<div class="featured-desc">
<p>Lorem Ipsum is simply dummy text of the printing and Lorem Ipsum is simply dummy text of the printing and type..</p>
</div>
<a class="ttm-btn ttm-btn-size-sm ttm-btn-shape-round ttm-btn-style-fill ttm-btn-color-skincolor mt-20 mb-15" href="single-blog.html" title="">Read More</a>
</div>
</div><!--post end-->
<!-- post -->
<div class="featured-imagebox featured-imagebox-post box-shadow1 ttm-bgcolor-white ttm-box-view-top-image mb-30">
<div class="featured-thumbnail">
<a href="single-blog.html"><img class="img-fluid" src="images/blog/10.jpg" alt="image"></a>
</div>
<div class="featured-content featured-content-post position-relative">
<div class="ttm-box-post-date">
<span class="ttm-entry-date">
<time class="entry-date" datetime="2019-01-16T07:07:55+00:00">20<span class="entry-month entry-year">sep</span></time>
</span>
</div>
<div class="featured-title ml-70">
<h5><a href="single-blog.html">How to Find the Perfect Event Venue</a></h5>
</div>
<div class="featured-desc">
<p>Lorem Ipsum is simply dummy text of the printing and Lorem Ipsum is simply dummy text of the printing and type..</p>
</div>
<a class="ttm-btn ttm-btn-size-sm ttm-btn-shape-round ttm-btn-style-fill ttm-btn-color-skincolor mt-20 mb-15" href="single-blog.html" title="">Read More</a>
</div>
</div><!--post end-->
</div><!-- post-slide end -->
</div>
</div>
</section>
<!-- element-style-section end-->
</div><!-- site-main end -->
<!--footer-->
<footer class="footer widget-footer bg-img11 ttm-bgcolor-black ttm-bg ttm-bgimage-yes clearfix">
<div class="ttm-row-wrapper-bg-layer ttm-bg-layer"></div>
<div class="first-footer ttm-textcolor-white">
<div class="container">
<div class="row">
<div class="widget-area col-xs-12 col-sm-12 col-md-12 col-lg-12">
<aside class="widget widget-text">
<div class="ttm-newstter-box">
<h4>Subscribe to <span class="ttm-textcolor-skincolor">Our Newsletter</span></h4>
<p>No spam message from us, only give you latest offer which is best for you and your business</p>
<form class="mc4wp-form mc4wp-form-24" method="post" data-id="24" data-name="Newsletter Form">
<div class="mc4wp-form-fields">
<div class="mailchimp-inputbox">
<input type="email" name="EMAIL" placeholder="Your email address.." required="">
<input type="submit" value="Subscribe Now">
</div>
</div>
<div class="mc4wp-response"></div>
</form>
</div>
</aside>
</div>
</div><!-- row end -->
</div>
</div>
<div class="second-footer">
<div class="container">
<div class="second-footer-inner">
<div class="row">
<div class="widget-area col-xs-12 col-sm-6 col-md-6 col-lg-3">
<div class="widget widget-out-link clearfix">
<h4 class="widget-title">Contact Us</h4>
<ul class="widget-contact">
<li><i class="fa fa-map-marker"></i>Themeforest, Envanto HQ<br>24 Fifth st., Los Angeles, USA</li>
<li><i class="fa fa-envelope-o"></i><a href="#">info@example.com</a></li>
<li><i class="fa fa-phone"></i>Phone: (+01) 123 456 7890 <br>Support: (+01) 123 456 7890 </li>
</ul>
</div>
</div>
<div class="widget-area col-xs-12 col-sm-6 col-md-6 col-lg-3">
<div class="widget widget_nav_menu clearfix">
<h4 class="widget-title">Our Services </h4>
<ul class="menu-footer-services">
<li><a href="#">Our Story</a></li>
<li><a href="#">Our Gallery</a></li>
<li><a href="#">Event Guides</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Latest News</a></li>
<li><a href="#">Pricing & Terms</a></li>
</ul>
</div>
</div>
<div class="widget-area col-xs-12 col-sm-6 col-md-6 col-lg-3">
<div class="widget widget-out-link clearfix ">
<h4 class="widget-title">Recent Posts</h4>
<ul class="widget-post ttm-recent-post-list">
<li>
<a href="#"><img src="images/blog/blog7.jpg" alt="post-img"></a>
<a href="single-blog.html">Our Biggest Summer Meetup</a>
<span class="post-date clearfix">August 1, 2018</span>
</li>
<li>
<a href="#"><img src="images/blog/blog3.jpg" alt="post-img"></a>
<a href="single-blog.html">5 Steps To Planning A Sweet Party</a>
<span class="post-date clearfix">August 1, 2018</span>
</li>
</ul>
</div>
</div>
<div class="widget-area col-xs-12 col-sm-6 col-md-6 col-lg-3">
<div class="widget widget-out-link clearfix ">
<h4 class="widget-title">Frequent Questions</h4>
<ul class="widget-text">
<li><a href="#">How Can I Set An Event? </a></li>
<li><a href="#">What Venues Do You Use? </a></li>
<li><a href="#">Event Catalogue </a></li>
<li><a href="#">Shipping & Delivery </a></li>
<li><a href="#">What's your dream job? </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-footer-text">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-12 col-xs-12 ttm-footer2-left">
<div class="company-info">
<div class="company-logo">
<img src="images/logo-img.png" alt="company-logo" height="45">
</div>
<div class="company-desc">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesue corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culp.
</div>
</div>
</div>
<div class="col-sm-12 col-xs-12 col-md-4 ttm-footer2-right">
<div class="ttm-social-link-wrapper">
<ul class="social-icons">
<li><a href="https://www.facebook.com/preyantechnosys19" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/PreyanTechnosys" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/preyan_technosys/" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/in/preyan-technosys-pvt-ltd/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<P>Copyright © 2018 PresentUp. All rights reserved.</P>
</div>
</div>
</div>
</div>
</footer>
<!--footer-END-->
</div><!-- page end -->
<!--back-to-top start-->
<a id="totop" href="#top">
<i class="fa fa-angle-up"></i>
</a>
<!--back-to-top end-->
<!-- Javascript -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.4.1.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/owl.carousel.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/numinate.min6959.js?ver=4.9.3"></script>
<script src="js/main.js"></script>
</body>
</html>