<?php
include("config.php");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="Bootstrap, Landing page, Template, Registration, Landing">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="author" content="Grayrids">
<title><?php echo TXT_PAGE_TITLE;?></title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/simple-line-icons.css">
<link rel="stylesheet" href="css/slicknav.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!-- Header Section Start -->
<header id="home">
<div class="overlay"></div>
<nav class="navbar navbar-expand-lg navbar-light fixed-top scrolling-navba bg-faded" id="white-bg">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#home">
<img src="img/logo.png" alt="">
<!--
<img class="logo-home" src="img/logo_STAKR_red2.png" alt="">
<img class="logo-menu" src="img/logo_STAKR_menu.png" alt="">
-->
</a>
</div>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto w-100 justify-content-end">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" id="navbarDropdownLanguageLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<?php echo TXT_MENU_LANG_SELECTED;?>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownLanguageLink">
<small><a href="?lang=en" class="dropdown-item"><?php echo TXT_MENU_LANG_EN;?></a></small>
<small><a href="?lang=fr" class="dropdown-item"><?php echo TXT_MENU_LANG_FR;?></a></small>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#about"><?php echo TXT_MENU_AGENCY;?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services"><?php echo TXT_MENU_SERVICES;?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#portfolio"><?php echo TXT_MENU_REFERENCES;?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#why"><?php echo TXT_MENU_IDENTITY;?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team"><?php echo TXT_MENU_TEAM;?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact"><?php echo TXT_MENU_CONTACT;?></a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Mobile Menu Start -->
<ul class="mobile-menu">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" id="navbarDropdownLanguageLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<?php echo TXT_MENU_LANG_SELECTED;?>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownLanguageLink">
<small><a href="?lang=en" class="dropdown-item"><?php echo TXT_MENU_LANG_EN;?></a></small>
<small><a href="?lang=fr" class="dropdown-item"><?php echo TXT_MENU_LANG_FR;?></a></small>
</div>
</li>
<li>
<a href="#about"><?php echo TXT_MENU_AGENCY;?></a>
</li>
<li>
<a href="#services"><?php echo TXT_MENU_SERVICES;?></a>
</li>
<li>
<a href="#portfolio"><?php echo TXT_MENU_REFERENCES;?></a>
</li>
<li>
<a href="#why"><?php echo TXT_MENU_IDENTITY;?></a>
</li>
<li>
<a href="#team"><?php echo TXT_MENU_TEAM;?></a>
</li>
<li>
<a href="#contact"><?php echo TXT_MENU_CONTACT;?></a>
</li>
</ul>
<!-- Mobile Menu End -->
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-10">
<div class="carousel-slider owl-carousel owl-theme">
<div class="item active">
<div class="contents text-center">
<h1 class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_CAROUSSEL1_TITLE;?></h1>
<p class="lead wow fadeIn" data-wow-duration="1000ms" data-wow-delay="400ms"><?php echo TXT_CAROUSSEL1_TEXT;?></p>
<a href="#" class="btn btn-common wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="400ms"><?php echo TXT_MORE;?></a>
<a href="#" class="btn btn-border wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="400ms"><?php echo TXT_PURCHASE;?></a>
<!--
<div class="banner_bottom_btn wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="700ms">
<a href="#about" class="js-target-scroll"><i class="icon-mouse"></i></a>
</div>
-->
</div>
</div>
<div class="item">
<div class="contents text-center">
<h1 class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_CAROUSSEL2_TITLE;?></h1>
<p class="lead wow fadeIn" data-wow-duration="1000ms" data-wow-delay="400ms"><?php echo TXT_CAROUSSEL2_TEXT;?></p>
<a href="#" class="btn btn-common wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="400ms"><?php echo TXT_MORE;?></a>
<a href="#" class="btn btn-border wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="400ms"><?php echo TXT_PURCHASE;?></a>
<!--
<div class="banner_bottom_btn wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="700ms">
<a href="#about" class="js-target-scroll"><i class="icon-mouse"></i></a>
</div>
-->
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header Section End -->
<!-- About Section Start -->
<section id="about" class="section">
<div class="container">
<div class="row">
<div class="col-md-6 wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="section-header">
<h3 class="section-subtitle wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_AGENCY_TITLE;?></h3>
<h2 class="section-title wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_AGENCY_SUBTITLE;?></h2>
</div>
<p><?php echo TXT_AGENCY_PARA1;?></p>
<p><?php echo TXT_AGENCY_PARA2;?></p>
<p><?php echo TXT_AGENCY_PARA3;?></p>
<p><?php echo TXT_AGENCY_PARA4;?></p>
</div>
<div class="col-md-6 wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">
<!--<div class="img-about-out">-->
<div>
<img class="img-agency" src="img/StartupFactory3-md.png" alt="">
</div>
</div>
</div>
<div class="counters">
<div class="row">
<div class="col-sm-6 col-md-3 col-lg-3">
<div class="wow fadeInUp" data-wow-delay=".2s">
<div class="facts-item">
<div class="fact-count">
<h3><span class="counter">10</span></h3>
<h4><?php echo TXT_AGENCY_EXPERT;?></h4>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3">
<div class="wow fadeInUp" data-wow-delay=".4s">
<div class="facts-item">
<div class="fact-count">
<h3>+<span class="counter">70</span></h3>
<h4><?php echo TXT_AGENCY_EXPERIENCE;?></h4>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3">
<div class="wow fadeInUp" data-wow-delay=".6s">
<div class="facts-item">
<div class="fact-count">
<h3>+<span class="counter">25</span></h3>
<h4><?php echo TXT_AGENCY_CLIENTS;?></h4>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3">
<div class="wow fadeInUp" data-wow-delay=".8s">
<div class="facts-item">
<div class="fact-count">
<h3>+<span class="counter">50</span></h3>
<h4><?php echo TXT_AGENCY_PROJETS;?></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Section End -->
<!-- Services Section Start -->
<section id="services" class="services section">
<div class="container">
<div class="section-header">
<h3 class="section-subtitle wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_SERVICES_TITLE;?></h3>
<h2 class="section-title wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_SERVICES_SUBTITLE;?></h2>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-box wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="icon">
<i class="icon-note"></i>
</div>
<h3><a href="#"><?php echo TXT_SERVICES_AUDIT_TITLE;?></a></h3>
<p><?php echo TXT_SERVICES_AUDIT_TEXT;?></p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-box wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="450ms">
<div class="icon">
<i class="icon-docs"></i>
</div>
<h3><a href="#"><?php echo TXT_SERVICES_SPECIFICATIONS_TITLE;?></a></h3>
<p><?php echo TXT_SERVICES_SPECIFICATIONS_TEXT;?></p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-box wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="550ms">
<div class="icon">
<i class="icon-picture"></i>
</div>
<h3><a href="#"><?php echo TXT_SERVICES_WEBDESIGN_TITLE;?></a></h3>
<p><?php echo TXT_SERVICES_WEBDESIGN_TEXT;?></p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-box wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="650ms">
<div class="icon">
<i class="icon-screen-desktop"></i>
</div>
<h3><a href="#"><?php echo TXT_SERVICES_DEVELOPPEMENT_TITLE;?></a></h3>
<p><?php echo TXT_SERVICES_DEVELOPPEMENT_TEXT;?></p>
</div>
</div>
</div>
<div class="row top-border">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-box wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="icon">
<i class="icon-energy"></i>
</div>
<h3><a href="#"><?php echo TXT_SERVICES_GROTHHACKING_TITLE;?></a></h3>
<p><?php echo TXT_SERVICES_GROTHHACKING_TEXT;?></p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-box wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="450ms">
<div class="icon">
<i class="icon-globe"></i>
</div>
<h3><a href="#"><?php echo TXT_SERVICES_RP_TITLE;?></a></h3>
<p><?php echo TXT_SERVICES_RP_TEXT;?></p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-box wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="550ms">
<div class="icon">
<i class="icon-earphones-alt"></i>
</div>
<h3><a href="#"><?php echo TXT_SERVICES_SUPPORT_TITLE;?></a></h3>
<p><?php echo TXT_SERVICES_SUPPORT_TEXT;?></p>
</div>
</div>
<!--
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-box wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="650ms">
<div class="icon">
<i class="icon-earphones-alt"></i>
</div>
<h3><a href="#"><?php echo TXT_SERVICES_SUPPORT_TITLE;?></a></h3>
<p><?php echo TXT_SERVICES_SUPPORT_TEXT;?></p>
</div>
</div>
-->
</div>
</div>
</section>
<!-- Services Section End -->
<!-- Portfolio Section -->
<section id="portfolio" class="section">
<!-- Container Starts -->
<div class="container">
<div class="section-header">
<h3 class="section-subtitle wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_REFERENCES_TITLE;?></h3>
<h2 class="section-title wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_REFERENCES_SUBTITLE;?></h2>
</div>
<div class="row">
<div class="col-md-12">
<!-- Portfolio Controller/Buttons -->
<div class="controls text-center wow fadeInUp" data-wow-delay=".6s">
<a class="control mixitup-control-active btn btn-common" data-filter="all">
<?php echo TXT_REFERENCES_MENU_ALL;?>
</a>
<a class="control btn btn-common" data-filter=".uiux">
<?php echo TXT_REFERENCES_MENU_UIUX;?>
</a>
<a class="control btn btn-common" data-filter=".web">
<?php echo TXT_REFERENCES_MENU_WEB;?>
</a>
<a class="control btn btn-common" data-filter=".applications">
<?php echo TXT_REFERENCES_MENU_APPLICATIONS;?>
</a>
<!--
<a class="control btn btn-common" data-filter=".acquisition">
<?php echo TXT_REFERENCES_MENU_ACQUISITION;?>
</a>
-->
<a class="control btn btn-common" data-filter=".support">
<?php echo TXT_REFERENCES_MENU_SUPPORT;?>
</a>
</div>
<!-- Portfolio Controller/Buttons Ends-->
<!-- Portfolio Recent Projects -->
<div id="portfolio" class="row wow fadeInUp" data-wow-delay="0.8s">
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix web">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/twelv.jpg" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_TWELV_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_TWELV_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix web">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/arexa.jpg" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_AREXA_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_AREXA_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix web">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/easyopto.png" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_EASYOPTO_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_EASYOPTO_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix web">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/mustcoach.jpg" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_MUSTCOACH_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_MUSTCOACH_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix web">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/mazars.png" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_MAZARS_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_MAZARS_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix web">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/ingies.jpeg" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_INGIES_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_INGIES_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix web">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/lenotre.jpg" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_LENOTRE_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_LENOTRE_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix web">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/mylearn.png" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_MYLEARN_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_MYLEARN_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix fundraising funding web applications support">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/fanster.png" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_FANSTER_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_FANSTER_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix web">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/tokster.png" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_TOKSTER_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_TOKSTER_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix web">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/konnect.png" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_KONNECT_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_KONNECT_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix web support">
<div class="portfolio-item">
<div class="portfolio-img">
<img src="img/portfolio/echos.png" alt="" />
</div>
<div class="portfoli-content">
<div class="sup-desc-wrap">
<div class="sup-desc-inner">
<div class="sup-meta-wrap">
<a class="sup-title" href="#"><h4><?php echo TXT_REFERENCES_ECHOS_TITLE;?></h4></a>
<p class="sup-description"><?php echo TXT_REFERENCES_ECHOS_DESC;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Container Ends -->
</section>
<!-- Portfolio Section Ends -->
<!-- Why Section Start -->
<div id="why" class="why">
<div class="container">
<div class="row">
<div class="section-header">
<h3 class="section-subtitle wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_IDENTITY_TITLE;?></h3>
<h2 class="section-title wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_IDENTITY_SUBTITLE;?></h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="why-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="icon">
<i class="icon-note"></i>
</div>
<div class="why-content">
<h3><?php echo TXT_IDENTITY_CURRICULIM;?></h3>
<p><?php echo TXT_IDENTITY_CURRICULIM_TXT;?></p>
</div>
</div>
<div class="why-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="500ms">
<div class="icon">
<i class="icon-docs"></i>
</div>
<div class="why-content">
<h3><?php echo TXT_IDENTITY_NEEDS;?></h3>
<p><?php echo TXT_IDENTITY_NEEDS_TXT;?></p>
</div>
</div>
<div class="why-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="700ms">
<div class="icon">
<i class="icon-wrench"></i>
</div>
<div class="why-content">
<h3><p><?php echo TXT_IDENTITY_DEVELOPPEMENT;?></h3>
<p><?php echo TXT_IDENTITY_DEVELOPPEMENT_TXT;?></p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="why-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="700ms">
<div class="icon">
<i class="icon-rocket"></i>
</div>
<div class="why-content">
<h3><?php echo TXT_IDENTITY_PROMOTE;?></h3>
<p><?php echo TXT_IDENTITY_PROMOTE_TXT;?></p>
</div>
</div>
<div class="why-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="700ms">
<div class="icon">
<i class="icon-earphones-alt"></i>
</div>
<div class="why-content">
<h3><?php echo TXT_IDENTITY_SUPPORT;?></h3>
<p><?php echo TXT_IDENTITY_SUPPORT_TXT;?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Why Section End -->
<!-- Team Section Start -->
<section id="team" class="team-area section">
<div class="container">
<div class="section-header">
<h3 class="section-subtitle wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_TEAM_TITLE;?></h3>
<h2 class="section-title wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms"><?php echo TXT_TEAM_SUBTITLE;?></h2>
</div>
<div class="row">
<!--
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="single-team wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="400ms">
<img src="img/team/franck.png" alt="">
<div class="team-content">
<h4 class="tem-member">Franck<br>Bourc'his</h4>
<h6><?php echo TXT_TEAM_FRANCK_DESC;?></h6>
<ul class="team-social">
<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-google-plus"></i></a>
</li>
<li><a href="#"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="single-team wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="400ms">
<img src="img/team/ben.png" alt="">
<div class="team-content">
<h4 class="tem-member">Benoit<br>Franqueville-Roy</h4>
<h6><?php echo TXT_TEAM_BEN_DESC;?></h6>
<ul class="team-social">
<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-google-plus"></i></a>
</li>
<li><a href="#"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="single-team wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="400ms">
<img src="img/team/damien.png" alt="">
<div class="team-content">
<h4 class="tem-member">Damien<br>Hourriez</h4>
<h6><?php echo TXT_TEAM_DAMIEN_DESC;?></h6>
<ul class="team-social">
<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-google-plus"></i></a>
</li>
<li><a href="#"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
</div>
</div>
-->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="single-team wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="500ms">
<img src="img/team/VCLow.png" alt="">
<div class="team-content">
<h4 class="tem-member">Vincent<br>COLAS</h4>
<h6><?php echo TXT_TEAM_VINCE_DESC;?></h6>
<ul class="team-social">
<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-google-plus"></i></a>
</li>
<li><a href="#"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
-->
<!-- Team Section End -->
<!-- Start Get-Strted Section -->
<!--
<section class="great-started section">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="great-started-text text-center">
<h4 class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">We Are Ready to Help You</h4>
<h2 class="wow zoomIn" data-wow-duration="1000ms" data-wow-delay="100ms">Get the Best Solution for Your Business</h2>
<a href="#" class="btn btn-common wow fadeInUp" data-wow-duration="3000ms" data-wow-delay="100ms">Get Started</a>
</div>
</div>
</div>
</div>
</section>
-->
<!-- End Get-Strted Section -->
<!-- Start Pricing Table Section -->
<!--
<div id="pricing" class="section pricing-section">
<div class="container">
<div class="section-header">
<h3 class="section-subtitle wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">Our Best Plans</h3>
<h2 class="section-title wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">Pricing</h2>
</div>
<div class="row pricing-tables">
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="pricing-table wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="plan-name color-1">
<h3>Starter</h3>
</div>
<div class="plan-price">
<div class="price-value"><span>$</span> 39 <span>.25</span></div>
<div class="interval">Start <br> Business</div>
</div>
<div class="plan-list">
<ul>
<li>4 Programs</li>
<li>No Support</li>
<li>Limited Access</li>
<li>1 User</li>
</ul>
</div>
<div class="plan-signup">
<a href="#" class="btn btn-common">get started</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="pricing-table highlight-plan wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="plan-name color-2">
<h3>Premium</h3>
</div>
<div class="plan-price">
<div class="price-value"><span>$</span> 69 <span>.99</span></div>
<div class="interval">High <br> Business</div>
</div>
<div class="plan-list">
<ul>
<li>10 Programs</li>
<li>24/7 Support</li>
<li>Limited Access</li>
<li>4 User</li>
</ul>
</div>
<div class="plan-signup">
<a href="#" class="btn btn-border">get started</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="pricing-table wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="plan-name color-3">
<h3>Unltimate</h3>
</div>
<div class="plan-price">
<div class="price-value"><span>$</span> 89 <span>.99</span></div>
<div class="interval">Any <br> Business</div>
</div>
<div class="plan-list">
<ul>
<li>15 Programs</li>
<li>24/7 Support</li>
<li>Full Access</li>
<li>8 User</li>
</ul>
</div>
<div class="plan-signup">
<a href="#" class="btn btn-common">get started</a>
</div>
</div>
</div>
</div>
</div>
</div>
-->
<!-- End Pricing Table Section -->
<!-- Contact Section Start -->
<section id="contact" class="section">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-10 wow rollIn" data-wow-duration="1000ms" data-wow-delay="300ms">
<h2 class="section-title"><?php echo TXT_CONTACT_TITLE;?></h2>
<p class="subtitle"><?php echo TXT_CONTACT_TEXT;?></p>
<!-- Form -->
<form id="contactForm">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<input type="text" class="form-control" id="name" name="name" placeholder="<?php echo TXT_CONTACT_NAME;?>" required data-error="<?php echo TXT_CONTACT_NAME_ERROR;?>">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<input type="text" placeholder="<?php echo TXT_CONTACT_MAIL;?>" id="email" class="form-control" name="email" required data-error="<?php echo TXT_CONTACT_MAIL_ERROR;?>">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<input type="text" placeholder="<?php echo TXT_CONTACT_SUBJECT;?>" id="msg_subject" class="form-control" required data-error="<?php echo TXT_CONTACT_SUBJECT_ERROR;?>">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<textarea class="form-control" placeholder="<?php echo TXT_CONTACT_MESSAGE;?>" id="message" rows="11" data-error="<?php echo TXT_CONTACT_MESSAGE_ERROR;?>" required></textarea>
<div class="help-block with-errors"></div>
</div>
<div class="submit-button text-center">
<button class="btn btn-common" id="submit" type="submit"><?php echo TXT_CONTACT_SEND;?></button>
<div id="msgSubmit" class="h3 text-center hidden"></div>
<div class="clearfix"></div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Contact Section End -->
<!-- Contact Icon Start -->
<div class="section contact-icon">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="box-icon wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="300ms">
<div class="icon icon-primary">
<i class="icon-map"></i>
</div>
<p>
77 Rue Meissonier, 94400 Vitry Sur Seine
</p>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="box-icon wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="500ms">
<div class="icon icon-secondary">
<i class="icon-envelope"></i>
</div>
<p>
contact@stakr.com
</p>
</div>
</div>
<!--
<div class="col-md-4 col-sm-4">
<div class="box-icon wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="700ms">
<div class="icon icon-tertiary">
<i class="icon-phone"></i>
</div>
<p>
(+33)1234-7575-45
</p>
</div>
</div>
-->
</div>
</div>
</div>
<!-- Contact Icon End -->
<!-- Footer Section Start -->
<footer>
<!-- Footer Area Start -->
<!--
<section class="footer-Content">
<div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
<h3 class="logo-title">Basic</h3>
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="widget">
<div class="textwidget">
<p>Lorem ipsum dolor sit amet, con sectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet, con sectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
<form class="subscribe-box">
<input placeholder="Your email" type="text">
<input class="btn-system" value="Send" type="submit">
</form>
</div>
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
<div class="widget">
<h3 class="block-title">Links</h3>
<ul class="menu">
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Works</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
<div class="widget">
<h3 class="block-title">Services</h3>
<ul class="menu">
<li><a href="#">Web Design</a></li>
<li><a href="#">Graphics Design</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">UX Consulting</a></li>
<li><a href="#">Mobile Apps</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="widget">
<h3 class="block-title">Flicker Gallery</h3>
<ul class="featured-list">
<li>
<a href="#"><img alt="" src="img/featured/img1.jpg"></a>
</li>
<li>
<a href="#"><img alt="" src="img/featured/img2.jpg"></a>
</li>
<li>
<a href="#"><img alt="" src="img/featured/img3.jpg"></a>
</li>
<li>
<a href="#"><img alt="" src="img/featured/img4.jpg"></a>
</li>
<li>
<a href="#"><img alt="" src="img/featured/img5.jpg"></a>
</li>
<li>
<a href="#"><img alt="" src="img/featured/img6.jpg"></a>
</li>
<li>
<a href="#"><img alt="" src="img/featured/img7.jpg"></a>
</li>
<li>
<a href="#"><img alt="" src="img/featured/img8.jpg"></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
-->
<!-- Footer area End -->
<!-- Copyright Start -->
<div id="copyright">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="site-info pull-left wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">
<p>STAKR 2018</p>
</div>
<div class="bottom-social-icons social-icon pull-right wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="300ms">
<a class="twitter" href="https://twitter.com/GrayGrids"><i class="fa fa-twitter"></i></a>
<a class="facebook"" href="https://web.facebook.com/GrayGrids"><i class="fa fa-facebook"></i></a>
<a class="google-plus"" href="https://plus.google.com/+GrayGrids"><i class="fa fa-google-plus"></i></a>
<a class="linkedin" href="https://www.linkedin.com/GrayGrids"><i class="fa fa-linkedin"></i></a>
<a class="dribble" href="https://dribbble.com/GrayGrids"><i class="fa fa-dribbble"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Copyright End -->
</footer>
<!-- Footer Section End -->
<!-- Go To Top Link -->
<a href="#" class="back-to-top">
<i class="fa fa-arrow-up"></i>
</a>
<div id="loader">
<div class="cssload-thecube">
<div class="cssload-cube cssload-c1"></div>
<div class="cssload-cube cssload-c2"></div>
<div class="cssload-cube cssload-c4"></div>
<div class="cssload-cube cssload-c3"></div>
</div>
</div>
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script src="js/jquery-min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/smooth-scroll.js"></script>
<script src="js/smooth-on-scroll.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/form-validator.min.js"></script>
<script src="js/contact-form-script.js"></script>
<script src="js/main.js"></script>
</body>
</html>