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.
955 lines
32 KiB
955 lines
32 KiB
<!DOCTYPE html>
|
|
<html lang="zxx">
|
|
<head>
|
|
<title>Home</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">
|
|
|
|
<!-- Slider -->
|
|
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
|
|
<link rel="stylesheet" type="text/css" href="css/slider.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/origtek 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="#">產品</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="about.html">電銷CRM</a></li>
|
|
<li><a href="about-2.html">倉儲智能管理系統</a></li>
|
|
<li><a href="team.html">軟體業智能管理系統</a></li>
|
|
<li><a href="team-2.html">Liferay</a></li>
|
|
<li><a href="team-3.html">DB2SYS</a></li>
|
|
<li><a href="team-single.html">網頁動態報表外掛</a></li>
|
|
<li><a href="partners.html">流程自動化機器人RPA</a></li>
|
|
</ul>
|
|
</li>
|
|
</li>
|
|
<li><a href="#">服務</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="about.html">系統開發</a></li>
|
|
<li><a href="about-2.html">ERP整合</a></li>
|
|
<li><a href="team.html">資訊委外服務</a></li>
|
|
<li><a href="team-2.html">Open Source導入</a></li>
|
|
<li><a href="team-3.html">社群媒體管理統合</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">產業應用</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="services.html">電子產業(ERP整合)</a></li>
|
|
<li><a href="services-2.html">物流、倉儲業</a></li>
|
|
<li><a href="services-3.html">資訊業管理系統</a></li>
|
|
<li><a href="service-detail.html">金流、稅務整合</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">關於元赫</a>
|
|
<ul class="nav-dropdown">
|
|
<li><a href="projects-grid.html">關於元赫</a></li>
|
|
<li><a href="projects-masonry-3-column.html">業務合作</a></li>
|
|
<li><a href="projects-masonry-4-column.html">客戶案例</a></li>
|
|
<li><a href="project-detail.html">人才招募</a></li>
|
|
<li><a href="project-detail-2.html">聯絡我們</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- Navbar END -->
|
|
|
|
|
|
<!-- Slider START -->
|
|
<div class="swiper-main-slider-fade swiper-container">
|
|
<div class="swiper-wrapper">
|
|
|
|
<!-- Slide 1 Start -->
|
|
<div class="swiper-slide" style="background-image:url(http://via.placeholder.com/1730x550);">
|
|
<!-- <div class="medium-overlay"></div> -->
|
|
<div class="container">
|
|
<div class="slider-content left-holder">
|
|
<h2 class="animated fadeInDown">
|
|
Creative Consulting Agency <br> For Smart Solutions.
|
|
</h2>
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-12 col-12">
|
|
<p class="animated fadeInDown">
|
|
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.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="animated fadeInUp mt-30">
|
|
<a href="#contact" class="dark-button button-md">Contact us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Slide 1 End -->
|
|
|
|
<!-- Slide 2 Start -->
|
|
<div class="swiper-slide" style="background-image:url(http://via.placeholder.com/1730x550);">
|
|
<div class="container">
|
|
<div class="slider-content left-holder">
|
|
<h2 class="animated fadeInDown">
|
|
We will help to improve<br> your business
|
|
</h2>
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-12 col-12">
|
|
<p class="animated fadeInDown">
|
|
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.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="animated fadeInUp mt-25">
|
|
<a href="#contact" class="dark-button button-md">Contact us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Slide 2 End -->
|
|
|
|
<!-- Slide 3 Start -->
|
|
<div class="swiper-slide" style="background-image:url(http://via.placeholder.com/1730x550);">
|
|
<div class="container">
|
|
<div class="slider-content left-holder">
|
|
<h2 class="animated fadeInDown">
|
|
Building a Succesfull Business
|
|
</h2>
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-12 col-12">
|
|
<p class="animated fadeInDown">
|
|
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.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="animated fadeInUp mt-30">
|
|
<a href="#contact" class="dark-button button-md">Contact us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Slide 3 End -->
|
|
|
|
</div>
|
|
<!-- Add Arrows -->
|
|
<div class="swiper-button-next"></div>
|
|
<div class="swiper-button-prev"></div>
|
|
<!-- Add Pagination -->
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
<!-- Slider END -->
|
|
|
|
|
|
<!-- Number Boxes START -->
|
|
<div class="section-block">
|
|
<div class="container">
|
|
<div class="section-heading center-holder">
|
|
<span>元赫科技原廠開發的iRPA</span>
|
|
<h2>互動式機器人流程自動化iRPA系列</h2>
|
|
<div class="section-heading-line"></div>
|
|
<p>強大功能</p>
|
|
</div>
|
|
<div class="row mt-50">
|
|
<div class="col-md-3 col-sm-6 col-12">
|
|
<div class="number-box">
|
|
<h3>01</h3>
|
|
<div class="number-box-line"></div>
|
|
<h4><strong>支援登入任何系統程式</strong></h4>
|
|
<p>包含網頁及應用程式</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6 col-12">
|
|
<div class="number-box">
|
|
<h3>02</h3>
|
|
<div class="number-box-line"></div>
|
|
<h4>讀<strong>取/輸出/搬移</strong></h4>
|
|
<h4><strong>多種資料類型</strong></h4>
|
|
<p>如文件(Office Word、Excel、CSV…)、資料夾創建、轉移、FTP/sFTP、網路芳鄰、雲端空間整合等 </p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6 col-12">
|
|
<div class="number-box">
|
|
<h3>03</h3>
|
|
<div class="number-box-line"></div>
|
|
<h4><strong>網頁擷取</strong></h4>
|
|
<p>支援文字、影音下載</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6 col-12">
|
|
<div class="number-box">
|
|
<h3>04</h3>
|
|
<div class="number-box-line"></div>
|
|
<h4><strong>可客製化</strong></h4>
|
|
<p>跨系統串接、跨系統運算</p>
|
|
</div>
|
|
</div>
|
|
<div class="section-block">
|
|
<div class="container">
|
|
<div class="section-block">
|
|
<div class="container">
|
|
<div class="section-heading center-holder">
|
|
<span>輸入方式多元</span>
|
|
<h2>iRPA是擁有互動性的RPA</h2>
|
|
<div class="section-heading-line"></div>
|
|
<p>智能化是企業降低成本、提升競爭力的利器。然而智能化的過程並非一蹴可幾，</p>
|
|
<p>從系統審視、流程與資料的標準化、系統導入到例外處理，都是需要一步一步與企業同行</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Number Boxes END -->
|
|
|
|
|
|
<!-- Info Section START -->
|
|
<div class="section-block-grey">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 col-12">
|
|
<div class="pr-30-md">
|
|
<div class="section-heading">
|
|
<h4>Welcome To Our Consulting Agency</h4>
|
|
</div>
|
|
<div class="section-heading-line-left"></div>
|
|
<div class="text-content-big mt-20">
|
|
<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 ex ea commodo consequat.</p>
|
|
</div>
|
|
<div class="mt-20">
|
|
<ul class="primary-list">
|
|
<li><i class="fa fa-caret-right"></i>Immigration consultant, Information technology consulting</li>
|
|
<li><i class="fa fa-caret-right"></i>Consultant pharmacist Creative consultant</li>
|
|
<li><i class="fa fa-caret-right"></i>Employment consultant Environmental consultant</li>
|
|
</ul>
|
|
</div>
|
|
<div class="mt-25">
|
|
<a href="#" class="primary-button button-sm mb-15-xs">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 col-12">
|
|
<img src="http://via.placeholder.com/540x360" class="rounded-border shadow-primary" alt="img">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Info Section END -->
|
|
|
|
|
|
<!-- Services START -->
|
|
<div class="section-block">
|
|
<div class="container">
|
|
<div class="section-heading center-holder">
|
|
<span>What We Offer</span>
|
|
<h3>We Provide All Kind Of Business Services</h3>
|
|
<div class="section-heading-line"></div>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor <br>incididunt ut labore et dolore magna aliqua.</p>
|
|
</div>
|
|
<div class="row mt-50">
|
|
<div class="col-md-4 col-sm-4 col-12">
|
|
<div class="service-simple">
|
|
<img src="http://via.placeholder.com/350x245" alt="img">
|
|
<div class="service-simple-inner">
|
|
<h4>Professional Advisor</h4>
|
|
<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</p>
|
|
<div class="service-simple-button">
|
|
<a href="#">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 col-sm-4 col-12">
|
|
<div class="service-simple">
|
|
<img src="http://via.placeholder.com/350x245" alt="img">
|
|
<div class="service-simple-inner">
|
|
<h4>Financial Services Consulting</h4>
|
|
<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</p>
|
|
<div class="service-simple-button">
|
|
<a href="#">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 col-sm-4 col-12">
|
|
<div class="service-simple">
|
|
<img src="http://via.placeholder.com/350x245" alt="img">
|
|
<div class="service-simple-inner">
|
|
<h4>Consumer Product Consulting</h4>
|
|
<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</p>
|
|
<div class="service-simple-button">
|
|
<a href="#">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Services END -->
|
|
|
|
|
|
<!-- Background Section START -->
|
|
<div class="section-block-bg" style="background-image: url(http://via.placeholder.com/1730x400);">
|
|
<div class="container">
|
|
<div class="section-heading center-holder white-color">
|
|
<span>Gain a Success With Us!</span>
|
|
<h2><strong>Doing the right thing</strong></h2>
|
|
<h4>At the Right Time.</h4>
|
|
<a href="#" class="primary-button button-md mt-10">Become a Client</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Background Section END -->
|
|
|
|
|
|
<!-- Clients Carousel START -->
|
|
<div class="section-clients-grey">
|
|
<div class="container">
|
|
<div class="owl-carousel owl-theme clients" id="clients">
|
|
<div class="item">
|
|
<img src="http://via.placeholder.com/155x75" alt="partner-image">
|
|
</div>
|
|
|
|
<div class="item">
|
|
<img src="http://via.placeholder.com/155x75" alt="partner-image">
|
|
</div>
|
|
|
|
<div class="item">
|
|
<img src="http://via.placeholder.com/155x75" alt="partner-image">
|
|
</div>
|
|
|
|
<div class="item">
|
|
<img src="http://via.placeholder.com/155x75" alt="partner-image">
|
|
</div>
|
|
|
|
<div class="item">
|
|
<img src="http://via.placeholder.com/155x75" alt="partner-image">
|
|
</div>
|
|
|
|
<div class="item">
|
|
<img src="http://via.placeholder.com/155x75" alt="partner-image">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Clients Carousel END -->
|
|
|
|
|
|
<!-- Map Info Section START -->
|
|
<div class="section-block">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 col-12">
|
|
<img src="http://via.placeholder.com/540x270" class="mb-15-xs" alt="map">
|
|
</div>
|
|
<div class="col-md-5 col-sm-6 col-12 offset-md-1">
|
|
<div class="section-heading">
|
|
<h5>We are Available Worldwide</h5>
|
|
<div class="section-heading-line-left"></div>
|
|
</div>
|
|
<div class="text-content mt-25">
|
|
<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 ex ea commodo consequat.</p>
|
|
</div>
|
|
<div class="mt-25">
|
|
<a href="#" class="primary-button button-sm">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Map Info Section END -->
|
|
|
|
|
|
<!-- Testmonials START -->
|
|
<div class="section-block-bg" style="background-image: url(http://via.placeholder.com/1730x630);">
|
|
<div class="container">
|
|
<div class="section-heading center-holder">
|
|
<span>Testmonials</span>
|
|
<h3>What People Say</h3>
|
|
<div class="section-heading-line"></div>
|
|
</div>
|
|
<div class="owl-carousel owl-theme" id="testmonials-carousel">
|
|
<div class="testmonial-single">
|
|
<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 ex ea commodo consequat.</p>
|
|
<h4>John Doe</h4>
|
|
<h6>Consultant</h6>
|
|
</div>
|
|
|
|
<div class="testmonial-single">
|
|
<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 ex ea commodo consequat.</p>
|
|
<h4>Mary Kay</h4>
|
|
<h6>Design Lead</h6>
|
|
</div>
|
|
|
|
<div class="testmonial-single">
|
|
<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 ex ea commodo consequat.</p>
|
|
<h4>Jakob Nielsen</h4>
|
|
<h6>Networking Lead</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Testmonials END -->
|
|
|
|
|
|
<!-- Pricing Section START -->
|
|
<div class="section-block">
|
|
<div class="container">
|
|
<div class="section-heading center-holder">
|
|
<span>Our Packages</span>
|
|
<h3>Pick The Best Plan For You</h3>
|
|
<div class="section-heading-line"></div>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor <br>incididunt ut labore et dolore magna aliqua.</p>
|
|
</div>
|
|
<div class="row mt-50">
|
|
<div class="col-md-4 col-sm-4 col-12">
|
|
<div class="pricing-list">
|
|
<h4>Classic</h4>
|
|
<div class="pricing-list-price">
|
|
<h2><sup>$</sup>37</h2>
|
|
<span>/week</span>
|
|
</div>
|
|
<ul>
|
|
<li>Express, Support</li>
|
|
<li>Business Analyzing</li>
|
|
<li>Swift Management</li>
|
|
</ul>
|
|
<div class="pricing-list-button">
|
|
<a href="#">Buy Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 col-sm-4 col-12">
|
|
<div class="pricing-list">
|
|
<strong>New</strong>
|
|
<h4>Popular</h4>
|
|
<div class="pricing-list-price">
|
|
<h2><sup>$</sup>79</h2>
|
|
<span>/month</span>
|
|
</div>
|
|
<ul>
|
|
<li>Express, Support</li>
|
|
<li>Business Analyzing</li>
|
|
<li>Swift Management</li>
|
|
</ul>
|
|
<div class="pricing-list-button">
|
|
<a href="#">Buy Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 col-sm-4 col-12">
|
|
<div class="pricing-list">
|
|
<h4>Premium</h4>
|
|
<div class="pricing-list-price">
|
|
<h2><sup>$</sup>99</h2>
|
|
<span>/month</span>
|
|
</div>
|
|
<ul>
|
|
<li>Express, Support</li>
|
|
<li>Business Analyzing</li>
|
|
<li>Swift Management</li>
|
|
</ul>
|
|
<div class="pricing-list-button">
|
|
<a href="#">Buy Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Pricing Section END -->
|
|
|
|
|
|
<!-- Newsletter START -->
|
|
<div class="section-block-parallax" style="background-image: url(http://via.placeholder.com/1730x6400);">
|
|
<div class="container">
|
|
<div class="section-heading center-holder white-color">
|
|
<h2>Stay <strong>informed</strong></h2>
|
|
<div class="section-heading-line"></div>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor<br> incididunt ut labore et dolore magna aliqua.</p>
|
|
</div>
|
|
<div class="mt-30 center-holder">
|
|
<!-- Newsletter Form START -->
|
|
<form class="newsletter-form" method="post" action="#">
|
|
<input type="email" name="email" placeholder="Enter Your Email adress">
|
|
<button type="submit">Subscribe</button>
|
|
</form>
|
|
<!-- Newsletter Form END -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Newsletter END -->
|
|
|
|
|
|
<!-- Progress Bars Section START -->
|
|
<div class="section-block">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 col-12">
|
|
<div class="section-heading">
|
|
<span>Our mission</span>
|
|
<h4>Our Mission is to Turn Your Ideas Into Businesses.</h4>
|
|
</div>
|
|
<div class="text-content">
|
|
<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 ex ea commodo consequat.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-5 col-sm-6 col-12 offset-md-1">
|
|
<!-- PROGRESS BARS Start -->
|
|
<div class="mt-35">
|
|
<!-- Progress Bar Start -->
|
|
<div class="progress-text">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 col-6">
|
|
Market Research
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 col-6 text-right">
|
|
10%
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="progress custom-progress">
|
|
<div class="progress-bar custom-bar wow slideInLeft animated" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"
|
|
style="width:10%">
|
|
</div>
|
|
</div>
|
|
<!-- Progress Bar End -->
|
|
|
|
<!-- Progress Bar Start -->
|
|
<div class="progress-text">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 col-6">
|
|
Sales Services
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 col-6 text-right">
|
|
25%
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="progress custom-progress">
|
|
<div class="progress-bar custom-bar wow slideInLeft animated" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"
|
|
style="width:25%">
|
|
</div>
|
|
</div>
|
|
<!-- Progress Bar End -->
|
|
|
|
<!-- Progress Bar Start -->
|
|
<div class="progress-text">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 col-6">
|
|
Online Reputation
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 col-6 text-right">
|
|
50%
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="progress custom-progress">
|
|
<div class="progress-bar custom-bar wow slideInLeft animated" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"
|
|
style="width:50%">
|
|
</div>
|
|
</div>
|
|
<!-- Progress Bar End -->
|
|
|
|
<!-- Progress Bar Start -->
|
|
<div class="progress-text">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 col-6">
|
|
Strategic Consulting
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 col-6 text-right">
|
|
75%
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="progress custom-progress">
|
|
<div class="progress-bar custom-bar wow slideInLeft animated" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"
|
|
style="width:75%">
|
|
</div>
|
|
</div>
|
|
<!-- Progress Bar End -->
|
|
</div>
|
|
<!-- PROGRESS BARS End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Progress Bars Section END -->
|
|
|
|
|
|
<!-- Cases START -->
|
|
<div class="section-block-grey border-top">
|
|
<div class="container">
|
|
<div class="section-heading">
|
|
<h5>Featured Cases</h5>
|
|
<div class="section-heading-line-left"></div>
|
|
</div>
|
|
<div class="row mt-40">
|
|
<!-- Project Block Start -->
|
|
<div class="col-md-6 col-sm-12 col-12">
|
|
<div class="case-block">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 col-12 pr-0">
|
|
<img src="http://via.placeholder.com/270x215" alt="case">
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 col-12">
|
|
<div class="case-block-inner">
|
|
<h4>Social Media Marketting</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
|
|
<a href="#">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Project Block End -->
|
|
|
|
<!-- Project Block Start -->
|
|
<div class="col-md-6 col-sm-12 col-12">
|
|
<div class="case-block">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 col-12 pr-0">
|
|
<img src="http://via.placeholder.com/270x215" alt="case">
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 col-12">
|
|
<div class="case-block-inner">
|
|
<h4>Sensitivity Analysis</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
|
|
<a href="#">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Project Block End -->
|
|
|
|
<!-- Project Block Start -->
|
|
<div class="col-md-6 col-sm-12 col-12">
|
|
<div class="case-block">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 col-12 pr-0">
|
|
<img src="http://via.placeholder.com/270x215" alt="case">
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 col-12">
|
|
<div class="case-block-inner">
|
|
<h4>Project Governances</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
|
|
<a href="#">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Project Block End -->
|
|
|
|
<!-- Project Block Start -->
|
|
<div class="col-md-6 col-sm-12 col-12">
|
|
<div class="case-block">
|
|
<div class="row">
|
|
<div class="col-md-6 col-sm-6 col-12 pr-0">
|
|
<img src="http://via.placeholder.com/270x215" alt="case">
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 col-12">
|
|
<div class="case-block-inner">
|
|
<h4>Market Assessment</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
|
|
<a href="#">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Project Block End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Cases END -->
|
|
|
|
|
|
<!-- Notice Section START -->
|
|
<div class="notice-section notice-section-sm border-top">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8 col-sm-8 col-12">
|
|
<div class="mt-5">
|
|
<h6>Looking for Professional Approach and Quality Services ?</h6>
|
|
<div class="section-heading-line-left"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-4 col-12">
|
|
<div class="mt-10 right-holder-md">
|
|
<a href="#" class="primary-button button-sm mt-15-xs">Contact Us Today</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Notice Section 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>
|
|
|
|
<!--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>
|
|
|
|
<!-- Swiper Slider -->
|
|
<script src="js/swiper.min.js"></script>
|
|
|
|
<!-- Isotop -->
|
|
<script src="js/isotope.pkgd.min.js"></script>
|
|
|
|
<!-- Switcher JS -->
|
|
<script src="js/switcher.js"></script>
|
|
|
|
<!-- Modernizr -->
|
|
<script src="js/modernizr.js"></script>
|
|
|
|
<!-- Google Map -->
|
|
<script src="js/map.js"></script>
|
|
|
|
<!-- Main JS -->
|
|
<script src="js/main.js"></script>
|
|
|
|
</body>
|
|
</html>
|