You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
631 lines
26 KiB
631 lines
26 KiB
<!DOCTYPE html>
|
|
<html lang="zxx">
|
|
<head>
|
|
<title>Animated Tabs</title>
|
|
<meta charset="UTF-8">
|
|
<link rel="shortcut icon" href="img/logos/logo-shortcut.png"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
<!-- Bootstrap CSS-->
|
|
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
|
|
|
|
<!-- Font-Awesome -->
|
|
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
|
|
|
|
<!-- Icomoon -->
|
|
<link rel="stylesheet" type="text/css" href="css/icomoon.css">
|
|
|
|
<!-- Animate.css -->
|
|
<link rel="stylesheet" href="css/animate.css">
|
|
|
|
<!-- Color Switcher -->
|
|
<link rel="stylesheet" type="text/css" href="css/switcher.css">
|
|
|
|
<!-- Owl Carousel -->
|
|
<link rel="stylesheet" href="css/owl.carousel.css">
|
|
|
|
<!-- Main Styles -->
|
|
<link rel="stylesheet" type="text/css" href="css/default.css">
|
|
<link rel="stylesheet" type="text/css" href="css/styles.css" id="colors">
|
|
|
|
<!-- Fonts Google -->
|
|
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:100,200,300,400,500,600,700,800,900" rel="stylesheet">
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<!-- Preloader Start-->
|
|
<div id="preloader">
|
|
<div class="row loader">
|
|
<div class="loader-icon"></div>
|
|
</div>
|
|
</div>
|
|
<!-- Preloader End -->
|
|
|
|
|
|
<!-- Top-Bar START -->
|
|
<div id="top-bar" class="hidden-sm-down">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-9 col-12">
|
|
<div class="top-bar-welcome">
|
|
<ul>
|
|
<li>Welcome to Professional Consulting Agency</li>
|
|
</ul>
|
|
</div>
|
|
<div class="top-bar-info">
|
|
<ul>
|
|
<li><i class="fa fa-phone"></i>(+123) 456 7890
|
|
<li>
|
|
<li><i class="fa fa-envelope"></i>example@gmail.com
|
|
<li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-12">
|
|
<ul class="social-icons hidden-md-down">
|
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Top-Bar END -->
|
|
|
|
|
|
<!-- Navbar START -->
|
|
<header>
|
|
<nav id="navigation4" class="container navigation">
|
|
<div class="nav-header">
|
|
<a class="nav-brand" href="index.html">
|
|
<img src="img/logos/logo.png" class="main-logo" alt="logo" id="main_logo">
|
|
</a>
|
|
<div class="nav-toggle"></div>
|
|
</div>
|
|
<div class="nav-menus-wrapper">
|
|
<ul class="nav-menu align-to-right">
|
|
<li><a href="#">Home</a>
|
|
<div class="megamenu-panel">
|
|
<div class="megamenu-lists">
|
|
<ul class="megamenu-list list-col-4">
|
|
<li class="megamenu-list-title"><a href="#">Multi Purpose 01</a></li>
|
|
<li><a href="index.html">Home Page 01</a></li>
|
|
<li><a href="home-2.html">Home Page 02</a></li>
|
|
<li><a href="home-3.html">Home Page 03</a></li>
|
|
</ul>
|
|
<ul class="megamenu-list list-col-4">
|
|
<li class="megamenu-list-title"><a href="#">Multi Purpose 02</a></li>
|
|
<li><a href="home-4.html">Home Page 04</a></li>
|
|
<li><a href="home-5.html">Home Page 05</a></li>
|
|
<li><a href="home-6.html">Home Page 06</a></li>
|
|
</ul>
|
|
<ul class="megamenu-list list-col-4">
|
|
<li class="megamenu-list-title"><a href="#">Multi Purpose 03</a></li>
|
|
<li><a href="home-7.html">Home Page 07</a></li>
|
|
<li><a href="home-8.html">Home Page 08</a></li>
|
|
<li><a href="home-9.html">Home Page 09</a></li>
|
|
</ul>
|
|
<ul class="megamenu-list list-col-4">
|
|
<li class="megamenu-list-title"><a href="#">Multi Purpose 04</a></li>
|
|
<li><a href="home-10.html">Home Page 10 <span class="menu-tag">NEW</span><span class="menu-tag">HOT</span></a></li>
|
|
<li><a href="home-11.html">Home Page 11 <span class="menu-tag">NEW</span></a></li>
|
|
<li><a href="home-12.html">Home Page 12 <span class="menu-tag">NEW</span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li><a href="#">About</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="about.html">About Us 01</a></li>
|
|
<li><a href="about-2.html">About Us 02</a></li>
|
|
<li><a href="team.html">Our Team 01</a></li>
|
|
<li><a href="team-2.html">Our Team 02</a></li>
|
|
<li><a href="team-3.html">Our Team 03</a></li>
|
|
<li><a href="team-single.html">Team Single</a></li>
|
|
<li><a href="partners.html">Our Partners</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Services</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="services.html">Services 01</a></li>
|
|
<li><a href="services-2.html">Services 02</a></li>
|
|
<li><a href="services-3.html">Services 03</a></li>
|
|
<li><a href="service-detail.html">Service Detail</a></li>
|
|
<li><a href="cases.html">Cases</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Projects</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="projects-grid.html">Grid Style</a></li>
|
|
<li><a href="projects-masonry-3-column.html">Masonry Style 01</a></li>
|
|
<li><a href="projects-masonry-4-column.html">Masonry Style 02</a></li>
|
|
<li><a href="project-detail.html">Projects Detail 01</a></li>
|
|
<li><a href="project-detail-2.html">Projects Detail 02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Blog</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="blog-grid.html">Blog Grid</a></li>
|
|
<li><a href="blog-grid-classic.html">Blog Grid Classic</a></li>
|
|
<li><a href="blog-grid-sidebar.html">Blog Grid Sidebar</a></li>
|
|
<li><a href="blog-list.html">Blog List</a></li>
|
|
<li><a href="blog-list-sidebar.html">Blog List Sidebar</a></li>
|
|
<li><a href="blog-post.html">Blog Post</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Shop</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="shop-grid.html">Grid Style 3 Col</a></li>
|
|
<li><a href="shop-grid-4-col.html">Grid Style 4 Col</a></li>
|
|
<li><a href="shop-grid-classic.html">Classic Style 3 Col</a></li>
|
|
<li><a href="shop-grid-classic-4-col.html">Classic Style 4 Col</a></li>
|
|
<li><a href="shop-single.html">Shop Single</a></li>
|
|
<li><a href="shopping-cart.html">Shopping Cart</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Pages</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="faq.html">FAQ 01</a></li>
|
|
<li><a href="faq-2.html">FAQ 02</a></li>
|
|
<li><a href="404.html">Error 404</a></li>
|
|
<li><a href="under-construction.html">Under Construction</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Elements</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="feature-boxes.html">Feature Boxes</a></li>
|
|
<li><a href="pricing-lists.html">Pricing Lists</a></li>
|
|
<li><a href="testmonials.html">Testmonials</a></li>
|
|
<li><a href="progress-bars.html">Progress Bars</a></li>
|
|
<li><a href="accordions.html">Accordions</a></li>
|
|
<li><a href="animated-tabs.html">Animated Tabs</a></li>
|
|
<li><a href="countups.html">Countups</a></li>
|
|
<li><a href="responsive-videos.html">Responsive Videos</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Contact</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="contact.html">Contact Us 01</a></li>
|
|
<li><a href="contact-2.html">Contact Us 02</a></li>
|
|
<li><a href="contact-3.html">Contact Us 03</a></li>
|
|
<li><a href="contact-4.html">Contact Us 04</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- Navbar END -->
|
|
|
|
|
|
<!-- Page Title START -->
|
|
<div class="page-title-section" style="background-image: url(http://via.placeholder.com/1730x300);">
|
|
<div class="container">
|
|
<h1>Animated Tabs</h1>
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="animated-tabs.html">Animated Tabs</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- Page Title END -->
|
|
|
|
|
|
<!-- Tabs (Hortizonal Left) START -->
|
|
<div class="section-block">
|
|
<div class="container">
|
|
<div class="section-heading">
|
|
<h4>Horizontal Tabs</h4>
|
|
<div class="section-heading-line-left"></div>
|
|
</div>
|
|
<!-- Tabs Start -->
|
|
<div class="default-tabs">
|
|
<div class='tabs tabs_animate mt-50'>
|
|
<ul class="tab-menu left-holder">
|
|
<li><a href="#tab-1">International Trade</a></li>
|
|
<li><a href="#tab-2">Business Solutions</a></li>
|
|
<li><a href="#tab-3">Professional Advisors</a></li>
|
|
</ul>
|
|
|
|
<!-- Tab 1 Start -->
|
|
<div id='tab-1' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
|
|
</div>
|
|
<!-- Tab 1 End -->
|
|
|
|
<!-- Tab 2 Start -->
|
|
<div id='tab-2' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
</div>
|
|
<!-- Tab 2 End -->
|
|
|
|
<!-- Tab 3 Start -->
|
|
<div id='tab-3' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
</div>
|
|
<!-- Tab 3 End -->
|
|
|
|
</div>
|
|
</div>
|
|
<!-- Tabs End -->
|
|
</div>
|
|
</div>
|
|
<!-- Tabs (Hortizonal Left) END -->
|
|
|
|
|
|
<!-- Tabs (Hortizonal Center) START -->
|
|
<div class="section-block">
|
|
<div class="container">
|
|
<div class="section-heading">
|
|
<h4>Horizontal Tabs Centered</h4>
|
|
<div class="section-heading-line-left"></div>
|
|
</div>
|
|
<!-- Tabs Start -->
|
|
<div class="default-tabs">
|
|
<div class='tabs tabs_animate mt-50'>
|
|
<ul class="tab-menu center-holder">
|
|
<li><a href="#tab-s-1">International Trade</a></li>
|
|
<li><a href="#tab-s-2">Business Solutions</a></li>
|
|
<li><a href="#tab-s-3">Professional Advisors</a></li>
|
|
</ul>
|
|
|
|
<!-- Tab 1 Start -->
|
|
<div id='tab-s-1' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
|
|
</div>
|
|
<!-- Tab 1 End -->
|
|
|
|
<!-- Tab 2 Start -->
|
|
<div id='tab-s-2' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
</div>
|
|
<!-- Tab 2 End -->
|
|
|
|
<!-- Tab 3 Start -->
|
|
<div id='tab-s-3' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
</div>
|
|
<!-- Tab 3 End -->
|
|
|
|
</div>
|
|
</div>
|
|
<!-- Tabs End -->
|
|
</div>
|
|
</div>
|
|
<!-- Tabs (Hortizonal Center) END -->
|
|
|
|
|
|
<!-- Tabs icon (Hortizonal Left) START -->
|
|
<div class="section-block">
|
|
<div class="container">
|
|
<div class="section-heading">
|
|
<h4>Horizontal Tabs With Icon</h4>
|
|
<div class="section-heading-line-left"></div>
|
|
</div>
|
|
<!-- Tabs Start -->
|
|
<div class="default-tabs">
|
|
<div class='tabs tabs_animate mt-50'>
|
|
<ul class="tab-menu left-holder">
|
|
<li><a href="#tab-t-1"><i class="fa fa-paperclip"></i> International Trade</a></li>
|
|
<li><a href="#tab-t-2"><i class="fa fa-graduation-cap"></i> Business Solutions</a></li>
|
|
<li><a href="#tab-t-3"><i class="fa fa-cogs"></i> Professional Advisors</a></li>
|
|
</ul>
|
|
|
|
<!-- Tab 1 Start -->
|
|
<div id='tab-t-1' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
|
|
</div>
|
|
<!-- Tab 1 End -->
|
|
|
|
<!-- Tab 2 Start -->
|
|
<div id='tab-t-2' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
</div>
|
|
<!-- Tab 2 End -->
|
|
|
|
<!-- Tab 3 Start -->
|
|
<div id='tab-t-3' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
</div>
|
|
<!-- Tab 3 End -->
|
|
|
|
</div>
|
|
</div>
|
|
<!-- Tabs End -->
|
|
</div>
|
|
</div>
|
|
<!-- Tabs icon (Hortizonal Left) END -->
|
|
|
|
|
|
<!-- Tabs icon (Hortizonal Left) START -->
|
|
<div class="section-block">
|
|
<div class="container">
|
|
<div class="section-heading">
|
|
<h4>Horizontal Tabs With Big Icon</h4>
|
|
<div class="section-heading-line-left"></div>
|
|
</div>
|
|
<!-- Tabs Start -->
|
|
<div class="big-icon-tabs">
|
|
<div class='tabs tabs_animate mt-50'>
|
|
<ul class="tab-menu left-holder">
|
|
<li><a href="#tab-f-1"><i class="icon-diamond"></i> International Trade</a></li>
|
|
<li><a href="#tab-f-2"><i class="icon-target"></i> Business Solutions</a></li>
|
|
<li><a href="#tab-f-3"><i class="icon-startup"></i> Professional Advisors</a></li>
|
|
</ul>
|
|
|
|
<!-- Tab 1 Start -->
|
|
<div id='tab-f-1' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
|
|
</div>
|
|
<!-- Tab 1 End -->
|
|
|
|
<!-- Tab 2 Start -->
|
|
<div id='tab-f-2' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
</div>
|
|
<!-- Tab 2 End -->
|
|
|
|
<!-- Tab 3 Start -->
|
|
<div id='tab-f-3' class="clearfix tab-body">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
</div>
|
|
<!-- Tab 3 End -->
|
|
|
|
</div>
|
|
</div>
|
|
<!-- Tabs End -->
|
|
</div>
|
|
</div>
|
|
<!-- Tabs icon (Hortizonal Left) END -->
|
|
|
|
|
|
<!-- Footer START -->
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- Column 1 Start -->
|
|
<div class="col-md-4 col-sm-6 col-12">
|
|
<h3>About Us</h3>
|
|
<div class="mt-25">
|
|
<img src="img/logos/logo-footer.png" alt="footer-logo">
|
|
<p class="mt-25">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
|
|
ad minim veniam.</p>
|
|
<div class="footer-social-icons mt-25">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-skype"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Column 1 End -->
|
|
|
|
<!-- Column 2 Start -->
|
|
<div class="col-md-3 col-sm-6 col-12">
|
|
<h3>Quick Links</h3>
|
|
<ul class="footer-list">
|
|
<li><a href="#">Strategic Consulting</a></li>
|
|
<li><a href="#">Sales Services</a></li>
|
|
<li><a href="#">Market Research</a></li>
|
|
<li><a href="#">Online Reputation</a></li>
|
|
<li><a href="#">Strategic Consulting</a></li>
|
|
<li><a href="#">Sales Services</a></li>
|
|
<li><a href="#">Market Research</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Column 2 End -->
|
|
|
|
<!-- Column 3 Start -->
|
|
<div class="col-md-3 col-sm-6 col-12">
|
|
<h3>Recent Posts</h3>
|
|
<div class="mt-25">
|
|
<!-- Post Start -->
|
|
<div class="footer-recent-post clearfix">
|
|
<div class="footer-recent-post-thumb">
|
|
<img src="http://via.placeholder.com/65x65" alt="img">
|
|
</div>
|
|
<div class="footer-recent-post-content">
|
|
<span>February 7, 2018</span>
|
|
<a href="#">Advices for young designers</a>
|
|
</div>
|
|
</div>
|
|
<!-- Post End -->
|
|
<!-- Post Start -->
|
|
<div class="footer-recent-post clearfix">
|
|
<div class="footer-recent-post-thumb">
|
|
<img src="http://via.placeholder.com/65x65" alt="img">
|
|
</div>
|
|
<div class="footer-recent-post-content">
|
|
<span>February 7, 2018</span>
|
|
<a href="#">What Planning Process Needs?</a>
|
|
</div>
|
|
</div>
|
|
<!-- Post End -->
|
|
<!-- Post Start -->
|
|
<div class="footer-recent-post clearfix">
|
|
<div class="footer-recent-post-thumb">
|
|
<img src="http://via.placeholder.com/65x65" alt="img">
|
|
</div>
|
|
<div class="footer-recent-post-content">
|
|
<span>February 7, 2018</span>
|
|
<a href="#">Lorem ipsum dolor sit amet.</a>
|
|
</div>
|
|
</div>
|
|
<!-- Post End -->
|
|
</div>
|
|
</div>
|
|
<!-- Column 3 End -->
|
|
|
|
<!-- Column 4 Start -->
|
|
<div class="col-md-2 col-sm-6 col-12">
|
|
<h3>Tags</h3>
|
|
<div class="footer-tags mt-25">
|
|
<a href="#">Business</a>
|
|
<a href="#">Conusltant</a>
|
|
<a href="#">Coach</a>
|
|
<a href="#">UX</a>
|
|
<a href="#">API</a>
|
|
<a href="#">Reputation</a>
|
|
<a href="#">Research</a>
|
|
<a href="#">Sale</a>
|
|
<a href="#">Service</a>
|
|
<a href="#">UI</a>
|
|
<a href="#">Web</a>
|
|
<a href="#">WebDesign</a>
|
|
</div>
|
|
</div>
|
|
<!-- Column 4 End -->
|
|
</div>
|
|
|
|
<!-- Footer Bar Start -->
|
|
<div class="footer-bar">
|
|
<p><span class="primary-color">SpecThemes</span> © 2018. All Rights Reserved.</p>
|
|
</div>
|
|
<!-- Footer Bar End -->
|
|
</div>
|
|
</footer>
|
|
<!-- Footer END -->
|
|
|
|
|
|
<!-- Scroll to top button Start -->
|
|
<a href="#" class="scroll-to-top"><i class="fa fa-angle-up" aria-hidden="true"></i></a>
|
|
<!-- Scroll to top button End -->
|
|
|
|
|
|
<!-- Jquery -->
|
|
<script src="js/jquery.min.js"></script>
|
|
|
|
<!--Popper JS-->
|
|
<script src="js/popper.min.js"></script>
|
|
|
|
<!-- Bootstrap JS-->
|
|
<script src="js/bootstrap.min.js"></script>
|
|
|
|
<!-- Owl Carousel-->
|
|
<script src="js/owl.carousel.js"></script>
|
|
|
|
<!-- Navbar JS -->
|
|
<script src="js/navigation.js"></script>
|
|
<script src="js/navigation.fixed.js"></script>
|
|
|
|
<!-- Wow JS -->
|
|
<script src="js/wow.min.js"></script>
|
|
|
|
<!-- Countup -->
|
|
<script src="js/jquery.counterup.min.js"></script>
|
|
<script src="js/waypoints.min.js"></script>
|
|
|
|
<!-- Tabs -->
|
|
<script src="js/tabs.min.js"></script>
|
|
|
|
<!-- Yotube Video Player -->
|
|
<script src="js/jquery.mb.YTPlayer.min.js"></script>
|
|
|
|
<!-- Isotop -->
|
|
<script src="js/isotope.pkgd.min.js"></script>
|
|
|
|
<!-- Modernizr -->
|
|
<script src="js/modernizr.js"></script>
|
|
|
|
<!-- Switcher JS -->
|
|
<script src="js/switcher.js"></script>
|
|
|
|
<!-- Google Map -->
|
|
<script src="js/map.js"></script>
|
|
|
|
<!-- Main JS -->
|
|
<script src="js/main.js"></script>
|
|
|
|
</body>
|
|
</html>
|