ameye
893 lines
39 KiB
PHP
Executable File
893 lines
39 KiB
PHP
Executable File
<!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">
|
||
<title>Fluxtra</title>
|
||
<link href="/assets/images/favicon.png" rel="icon">
|
||
<link rel="stylesheet" href="/assets/css/plugins.css">
|
||
<link rel="stylesheet" href="/assets/css/style.css">
|
||
</head>
|
||
<body data-spy="scroll" data-target=".navbar-nav" data-offset="90">
|
||
|
||
<!--PreLoader-->
|
||
<div class="loader">
|
||
<div class="loader-inner">
|
||
<div class="loader-blocks">
|
||
<span class="block-1"></span>
|
||
<span class="block-2"></span>
|
||
<span class="block-3"></span>
|
||
<span class="block-4"></span>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--PreLoader Ends-->
|
||
|
||
<div class="wrapper">
|
||
<!-- header -->
|
||
<header class="site-header transparent-sidemenu">
|
||
<nav class="navbar navbar-expand-md sidebar-nav">
|
||
<a class="navbar-brand" href="index.html">
|
||
<img src="/assets/images/logo-dark.png" alt="logo">
|
||
</a>
|
||
<button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#xenav">
|
||
<span> </span>
|
||
<span> </span>
|
||
<span> </span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="xenav">
|
||
<ul class="navbar-nav ml-auto">
|
||
<li class="nav-item active">
|
||
<a class="nav-link pagescroll" href="#home">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link pagescroll" href="#our-feature">Services</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link pagescroll" href="#our-team">Team</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link pagescroll" href="#portfolio_top">Portfolio</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link pagescroll" href="#our-pricings">Packages</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link pagescroll" href="#our-testimonial">Clients</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link pagescroll" href="#our-blog">Blog</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link pagescroll" href="#contactus">contact</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<ul class="social-icons white">
|
||
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-instagram"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-envelope-o"></i> </a> </li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
<!-- header -->
|
||
|
||
<!--Main Slider-->
|
||
<div class="ineractive-ver padding_top full-screen center-block" id="home">
|
||
<div class="container">
|
||
<div class="row padding_half">
|
||
<div class="col-md-12">
|
||
<div id="text-fading" class="owl-carousel text-center">
|
||
<div class="item bottom30">
|
||
<h2 class="text-capitalize font-xlight whitecolor">
|
||
<span class="d-block">Drive goals </span>
|
||
<span class="d-block fontbold">With Solution</span>
|
||
<span class="d-block font-xlight">that fits</span>
|
||
</h2>
|
||
<a class="button btnsecondary top40 pagescroll hvrwhite" href="#our-process">Learn More</a>
|
||
<a class="button btnprimary top40 pagescroll hvrwhite" href="#contactus">Let's Talk</a>
|
||
</div>
|
||
<div class="item bottom30">
|
||
<h2 class="text-capitalize font-xlight whitecolor">
|
||
<span class="d-block">Diversed customised</span>
|
||
<span class="d-block fontbold">Software Solutions</span>
|
||
<span class="d-block font-xlight">Technology Consultancy</span>
|
||
</h2>
|
||
<a class="button btnsecondary top40 pagescroll hvrwhite" href="#our-process">Learn More</a>
|
||
<a class="button btnprimary top40 pagescroll hvrwhite" href="#contactus">Let's Talk</a>
|
||
</div>
|
||
<div class="item bottom30">
|
||
<h2 class="text-capitalize font-xlight whitecolor">
|
||
<span class="d-block">Applications</span>
|
||
<span class="d-block fontbold">Compatibility</span>
|
||
<span class="d-block font-xlight"> With Goals</span>
|
||
</h2>
|
||
<a class="button btnsecondary top40 pagescroll hvrwhite" href="#our-process">Learn More</a>
|
||
<a class="button btnprimary top40 pagescroll hvrwhite" href="#contactus">Let's Talk</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--Main Slider ends -->
|
||
|
||
<!--Some Feature -->
|
||
<section id="our-feature" class="padding single-feature">
|
||
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 offset-md-2 col-sm-12 text-center">
|
||
<div class="heading-title wow fadeInUp" data-wow-delay="300ms">
|
||
<h2 class="darkcolor bottom20">Our Services</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
|
||
<div class="col-lg-4 col-md-4">
|
||
<div class="card" style="width: 18rem;">
|
||
<img class="card-img-top" src="/assets/images/research.jpg" alt="Card image cap">
|
||
<div class="card-body">
|
||
<h5 class="card-title"><?=$title_1?></h5>
|
||
<p class="card-text"><?=$description_1?> </p>
|
||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-4">
|
||
<div class="card" style="width: 18rem;">
|
||
<img class="card-img-top" src="/assets/images/development.jpg" alt="Card image cap">
|
||
<div class="card-body">
|
||
<h5 class="card-title"><?=$title_2?></h5>
|
||
<p class="card-text"><?=$description_2?></p>
|
||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-4">
|
||
<div class="card" style="width: 18rem;">
|
||
<img class="card-img-top" src="/assets/images/management.jpg" alt="Card image cap">
|
||
<div class="card-body">
|
||
<h5 class="card-title"><?=$title_3?></h5>
|
||
<p class="card-text"><?=$description_3?> </p>
|
||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 col-sm-7 text-md-left text-center wow fadeInLeft" data-wow-delay="300ms">
|
||
<div class="heading-title heading_space"> </div>
|
||
<span>Service We Offer</span>
|
||
<h2 class="darkcolor bottom10">Awesome Features</h2>
|
||
|
||
<p class="bottom35">
|
||
Fluxtra is a software house with a focus on providing the most qualitative Software platforms. We are actively in healthcare, social and education solutions </p>
|
||
<a href="#our-blog" class="button btnsecondary pagescroll">Our Blog</a>
|
||
</div>
|
||
<div class="col-md-6 col-sm-5 wow fadeInRight" data-wow-delay="300ms">
|
||
<div class="image top50"><img alt="SEO" src="/assets/images/IMG_0669.JPG"></div>
|
||
</div>
|
||
</div>
|
||
</div-->
|
||
</section>
|
||
<!--Some Feature ends-->
|
||
|
||
<!-- WOrk Process-->
|
||
<section id="our-process" class="padding gradient_bg_default">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 col-sm-12 text-center">
|
||
<div class="heading-title wow fadeInUp" data-wow-delay="300ms">
|
||
<h2 class="whitecolor">Work<span class="fontregular"> Affliations/ Projects</span> </h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<ul class="process-wrapp">
|
||
<li class="whitecolor wow fadeIn" data-wow-delay="300ms">
|
||
<span class="pro-step bottom20">01</span>
|
||
<p class="fontbold bottom25">Wrenchboard</p>
|
||
<p> online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done ...</p>
|
||
</li>
|
||
<li class="whitecolor wow fadeIn" data-wow-delay="400ms">
|
||
<span class="pro-step bottom20">02</span>
|
||
<p class="fontbold bottom25">mermsEmr</p>
|
||
<p>Medical Health Platform</p>
|
||
</li>
|
||
<li class="whitecolor wow fadeIn" data-wow-delay="500ms">
|
||
<span class="pro-step bottom20">03</span>
|
||
<p class="fontbold bottom25">myFit</p>
|
||
<p>Cloud-based electronic health record platform for all users. patient health record, family health record.</p>
|
||
</li>
|
||
<li class="whitecolor wow fadeIn" data-wow-delay="600ms">
|
||
<span class="pro-step bottom20">04</span>
|
||
<p class="fontbold bottom25">Coregrade</p>
|
||
<p>Network Solutions Provider.</p>
|
||
</li>
|
||
|
||
<li class="whitecolor wow fadeIn" data-wow-delay="700ms">
|
||
<span class="pro-step bottom20">05</span>
|
||
<p class="fontbold bottom25">365merms</p>
|
||
<p>Health care Solutions.</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--WOrk Process ends-->
|
||
|
||
<!-- Our Team-->
|
||
<section id="our-team" class="padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 offset-md-2 col-sm-12 text-center">
|
||
<div class="heading-title wow fadeInUp" data-wow-delay="300ms">
|
||
<span>Heros Behind the Company</span>
|
||
<h2 class="darkcolor bottom20">Creative Team</h2>
|
||
<p>Dedicated and Amazing Professionals with aligned interest and shared Motive.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-4 col-md-4">
|
||
<div class="team-box grey-shade top60 wow fadeIn" data-wow-delay="350ms">
|
||
yutguygyu tyu tyutyu
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-4">
|
||
<div class="team-box grey-shade top60 wow fadeIn" data-wow-delay="350ms">
|
||
<div class="image">
|
||
<img src="/assets/images/OLU.jpg" alt="">
|
||
<div class="overlay center-block">
|
||
<ul class="social-icons whitebg">
|
||
<li><a href="https://www.facebook.com/fluxtrapage/"><i class="fa fa-facebook"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="team-content darkcolor">
|
||
<h3>Olu Amey</h3>
|
||
<p class="nomargin">CEO,Fluxtra</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="col-lg-4 col-md-4">
|
||
<div class="team-box grey-shade top60 wow fadeIn" data-wow-delay="400ms">
|
||
<div class="image">
|
||
<img src="/assets/images/OLU.jpg" alt="">
|
||
<div class="overlay center-block">
|
||
<ul class="social-icons whitebg">
|
||
<li><a href="https://www.facebook.com/fluxtrapage/"><i class="fa fa-facebook"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="team-content darkcolor">
|
||
<h3>Obas Agbanoma</h3>
|
||
<p class="nomargin">CTO,Fluxtra</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Our Team ends-->
|
||
|
||
<!--half img section-->
|
||
<section class="half-section">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-lg-6 nopadding">
|
||
<div class="image hover-effect img-container">
|
||
<img alt="" src="/assets/images/IMG_0666.PNG" class="equalheight">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 nopadding">
|
||
<div class="split-box text-center center-block container-padding equalheight">
|
||
<div class="heading-title padding">
|
||
<span class=" wow fadeIn" data-wow-delay="300ms">Services We Offer</span>
|
||
<h2 class="darkcolor bottom20 wow fadeIn" data-wow-delay="350ms">Solutions Provider</h2>
|
||
<p class="heading_space wow fadeIn" data-wow-delay="400ms">
|
||
Diverse Customised
|
||
Software Solutions,
|
||
Technology Consultancy </p>
|
||
<a href="#our-work" class="button btnprimary pagescroll wow fadeInUp" data-wow-delay="450ms">Design Works</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="half-section">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-lg-6 nopadding">
|
||
<div class="split-box text-center center-block container-padding equalheight">
|
||
<div class="heading-title padding">
|
||
<span class=" wow fadeIn" data-wow-delay="300ms">Services We Offer</span>
|
||
<h2 class="darkcolor bottom20 wow fadeIn" data-wow-delay="350ms">Technology Build</h2>
|
||
<p class="heading_space wow fadeIn" data-wow-delay="400ms">Applications compatible with
|
||
your goals.</p>
|
||
<a href="#our-team" class="button btnsecondary pagescroll wow fadeInUp" data-wow-delay="450ms">Applications Team</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 nopadding">
|
||
<div class="image hover-effect img-container">
|
||
<img alt="" src="/assets/images/967.JPG" class="equalheight">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--half img section ends-->
|
||
|
||
<!--Gallery-->
|
||
<section id="portfolio_top" class="bglight">
|
||
<div class="container">
|
||
<div id="portfolio-measonry" class="cbp border-portfolio">
|
||
<div class="cbp-item itemshadow">
|
||
<img src="/assets/images/img.jpg" alt="">
|
||
<div class="overlay center-block whitecolor">
|
||
<a class="plus" data-fancybox="gallery" href="/assets/images/img.jpg"></a>
|
||
<h4 class="top30">AutoMedsys</h4>
|
||
<p> EMR + Practice Management Medical Software</p>
|
||
</div>
|
||
</div>
|
||
<div class="cbp-item">
|
||
<div class="text_wrap">
|
||
<div class="heading-title text-center padding_top">
|
||
<span>Portfolio </span>
|
||
<h2 class="darkcolor bottom10">AUTOMEDSYS</h2>
|
||
<p>Medical practice management software</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="cbp-item itemshadow">
|
||
<img src="/assets/images/IMG_0664.PNG" alt="">
|
||
<div class="overlay center-block whitecolor">
|
||
<a class="plus" data-fancybox="gallery" href="https://www.youtube.com/watch?v=_sI_Ps7JSEk&autoplay=1&rel=0&controls=0&showinfo=0"></a>
|
||
<h4 class="top30">Wrenchboard</h4>
|
||
<p>Skill Marketplace</p>
|
||
</div>
|
||
</div>
|
||
<div class="cbp-item itemshadow">
|
||
<img src="/assets/images/coregrade.JPG" alt="">
|
||
<div class="overlay center-block whitecolor">
|
||
<a class="plus" data-fancybox="gallery" href="/assets/images/coregrade.JPG"></a>
|
||
<h4 class="top30">Coregrade</h4>
|
||
<p>Network Solutions</p>
|
||
</div>
|
||
</div>
|
||
<div class="cbp-item itemshadow">
|
||
<img src="/assets/images/1_061r5zTxpqGx1GHjXiXRCw.jpeg" alt="">
|
||
<div class="overlay center-block whitecolor">
|
||
<a class="plus" data-fancybox="gallery" href="/assets/images/1_061r5zTxpqGx1GHjXiXRCw.jpeg"></a>
|
||
<h4 class="top30">MyFit</h4>
|
||
<p>Personal Health Concierge</p>
|
||
</div>
|
||
</div>
|
||
<div class="cbp-item">
|
||
<div class="bottom-text">
|
||
<div class="cells">
|
||
<p>We’ve Completed More Than </p>
|
||
<h2 class="port_head gradient_text">682</h2>
|
||
<p class="bottom15">projects for our amazing clients,</p>
|
||
</div>
|
||
<div class="cells">
|
||
<a href="gallery-detail.html" class="button btnsecondary btn-gradient-hvr">View All Work</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Gallery ends -->
|
||
|
||
<!-- Mobile Apps -->
|
||
<section id="our-apps" class="padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 col-sm-12 text-center">
|
||
<div class="heading-title wow fadeInUp" data-wow-delay="300ms">
|
||
<span>Yes We Provide Mobile Apps</span>
|
||
<h2 class="darkcolor heading_space">Mobile Applications</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row" id="app-feature">
|
||
<div class="col-lg-4 col-md-4 col-sm-12">
|
||
<div class="content-left clearfix">
|
||
<div class="feature-item left top30 bottom30 wow fadeInUp" data-wow-delay="300ms">
|
||
<span class="icon"><i class="fa fa-mobile-phone"></i></span>
|
||
<div class="text">
|
||
<h4>Responsive Design</h4>
|
||
<p>This is Photoshop</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-item left top30 bottom30 wow fadeInUp" data-wow-delay="350ms">
|
||
<span class="icon"><i class="fa fa-cog"></i></span>
|
||
<div class="text">
|
||
<h4>Amazing Theme Options</h4>
|
||
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-item left top30 bottom30 wow fadeInUp" data-wow-delay="400ms">
|
||
<span class="icon"><i class="fa fa-edit"></i></span>
|
||
<div class="text">
|
||
<h4>Easy to Customize</h4>
|
||
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-4 col-sm-12">
|
||
<div class="image feature-item text-center wow fadeIn" data-wow-delay="500ms">
|
||
<img src="/assets/images/responsive.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-4 col-sm-12">
|
||
<div class="content-right clearfix">
|
||
<div class="feature-item right top30 bottom30 wow fadeInUp" data-wow-delay="300ms">
|
||
<span class="icon"><i class="fa fa-code"></i></span>
|
||
<div class="text">
|
||
<h4>Powerful BackEnd</h4>
|
||
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-item right top30 bottom30 wow fadeInUp" data-wow-delay="350ms">
|
||
<span class="icon"><i class="fa fa-folder-o"></i></span>
|
||
<div class="text">
|
||
<h4>Well Documented</h4>
|
||
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-item right top30 bottom30 wow fadeInUp" data-wow-delay="400ms">
|
||
<span class="icon"><i class="fa fa-support"></i></span>
|
||
<div class="text">
|
||
<h4>24/7 Support</h4>
|
||
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> <!--Mobile Apps ends-->
|
||
|
||
<!-- Counters -->
|
||
<section id="funfacts" class="padding_top fact-iconic gradient_bg">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-5 col-sm-12 margin_bottom whitecolor text-md-left text-center wow fadeInUp" data-wow-delay="300ms">
|
||
<h3 class="bottom25">Our many years of experience in numbers</h3>
|
||
<p class="title">We show you our professional achievements in numbers, which show the acquired skills and trust of many clients.</p>
|
||
</div>
|
||
<div class="col-md-7 col-sm-12 text-center">
|
||
<div class="row">
|
||
<div class="col-md-4 col-sm-4 icon-counters whitecolor margin_bottom wow fadeInUp" data-wow-delay="350ms">
|
||
<div class="img-icon bottom15">
|
||
<i class="fa fa-smile-o"></i>
|
||
</div>
|
||
<div class="counters">
|
||
<span class="count_nums" data-to="2500" data-speed="2500"> </span> <i class="fa fa-plus"></i>
|
||
</div>
|
||
<p class="title">Satisfied customers</p>
|
||
</div>
|
||
<div class="col-md-4 col-sm-4 icon-counters whitecolor margin_bottom wow fadeInUp" data-wow-delay="400ms">
|
||
<div class="img-icon bottom15">
|
||
<i class="fa fa-language"> </i>
|
||
</div>
|
||
<div class="counters">
|
||
<span class="count_nums" data-to="9500" data-speed="2500"> </span> <i class="fa fa-plus"></i>
|
||
</div>
|
||
<p class="title">Completed consultations</p>
|
||
</div>
|
||
<div class="col-md-4 col-sm-4 icon-counters whitecolor margin_bottom wow fadeInUp" data-wow-delay="450ms">
|
||
<div class="img-icon bottom15">
|
||
<i class="fa fa-desktop"></i>
|
||
</div>
|
||
<div class="counters">
|
||
<span class="count_nums" data-to="6000" data-speed="2500"> </span> <i class="fa fa-plus"></i>
|
||
</div>
|
||
<p class="title">Carried out training</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Counters ends-->
|
||
|
||
<!-- Pricing Tables -->
|
||
<section id="our-pricings" class="padding pricing-bg">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 offset-md-2 col-sm-12 text-center">
|
||
<div class="heading-title whitecolor wow fadeInUp" data-wow-delay="300ms">
|
||
<span>Choose The Best One</span>
|
||
<h2 class="bottom30">Our Packages</h2>
|
||
<p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row centered-table">
|
||
<div class="col-md-4 col-sm-12">
|
||
<div class="price-table top60 wow fadeIn" data-wow-delay="350ms">
|
||
<h3 class="bottom20 darkcolor">Starter Plan</h3>
|
||
<ul class="top20">
|
||
<li><span>Designing a small brand</span></li>
|
||
<li><span>Redesign the company logo</span></li>
|
||
<li><span>New visual design of the website</span></li>
|
||
<li><span>Deploying a website</span></li>
|
||
<li><span>Support and care</span></li>
|
||
</ul>
|
||
<div class="clearfix"></div>
|
||
<div class="ammount top50">
|
||
<h2 class="defaultcolor"><i class="fa fa-dollar"></i> 9.99</h2>
|
||
</div>
|
||
<a href="javascript:void(0)" class="button btnprimary top50">Get Started </a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 col-sm-12">
|
||
<div class="price-table active top60 wow fadeIn" data-wow-delay="400ms">
|
||
<h3 class="bottom20 darkcolor">Business Plan</h3>
|
||
<ul class="top20">
|
||
<li><span>Designing a small brand</span></li>
|
||
<li><span>Redesign the company logo</span></li>
|
||
<li><span>New visual design of the website</span></li>
|
||
<li><span>Deploying a website</span></li>
|
||
<li><span>Studio and product photography</span></li>
|
||
</ul>
|
||
<div class="clearfix"></div>
|
||
<div class="ammount top50">
|
||
<h2 class="defaultcolor"><i class="fa fa-dollar"></i> 29.99</h2>
|
||
</div>
|
||
<a href="javascript:void(0)" class="button btnsecondary top50">Get Started </a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 col-sm-12">
|
||
<div class="price-table top60 wow fadeIn" data-wow-delay="450ms">
|
||
<h3 class="bottom20 darkcolor">Expert Plan</h3>
|
||
<ul class="top20">
|
||
<li><span>Designing a small brand</span></li>
|
||
<li><span>Redesign the company logo</span></li>
|
||
<li><span>New visual design of the website</span></li>
|
||
<li><span>Deploying a website</span></li>
|
||
<li><span>Studio and product photography</span></li>
|
||
</ul>
|
||
<div class="clearfix"></div>
|
||
<div class="ammount top50">
|
||
<h2 class="defaultcolor"><i class="fa fa-dollar"></i> 99.99 </h2>
|
||
</div>
|
||
<a href="javascript:void(0)" class="button btnprimary top50">Get Started </a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Pricing Tables ends-->
|
||
|
||
<!-- Testimonials -->
|
||
<section id="our-testimonial" class="padding testimonial-bg">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 col-sm-8">
|
||
<div id="testimonial-quote" class="owl-carousel">
|
||
<div class="item">
|
||
<div class="testimonial-quote whitecolor">
|
||
<h3 class="bottom30">If you are a small business and you are interested in small rebranding then this is a perfect plan for you</h3>
|
||
<h6>David Raleway</h6>
|
||
<small>CEO, XeOne</small>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="testimonial-quote whitecolor">
|
||
<h3 class="bottom30">If you are a small business and you are interested in small rebranding then this is a perfect plan for you</h3>
|
||
<h6>Jack Kaclics</h6>
|
||
<small>Designer, XeOne</small>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="testimonial-quote whitecolor">
|
||
<h3 class="bottom30">We show you our professional achievements in numbers, which show the acquired skills</h3>
|
||
<h6>Stephen Jhon</h6>
|
||
<small>CEO, XeOne</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="owl-thumbs" class="owl-dots">
|
||
<div class="owl-dot active"><img src="/assets/images/testimonial-1.jpg" alt=""></div>
|
||
<div class="owl-dot"><img src="/assets/images/testimonial-2.jpg" alt=""></div>
|
||
<div class="owl-dot"><img src="/assets/images/testimonial-3.jpg" alt=""></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Testimonials Ends-->
|
||
|
||
|
||
<!-- Video Click -->
|
||
<section id="video-bg" class="video-parallax padding_top">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-7 col-sm-7">
|
||
<div class="heading-title text-md-left text-center padding_bottom wow fadeInLeft" data-wow-delay="300ms">
|
||
<span>We have an excellent story</span>
|
||
<h2 class="fontregular bottom20 darkcolor">Watch Our Video</h2>
|
||
<p>Clients' happy with services rendered by us.</p>
|
||
<a href="#contactus" class="button btnprimary fontmedium top20 pagescroll">REACH OUT</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-5 col-sm-5 padding_bottom">
|
||
<div class="image hover-effect wow fadeInRight" data-wow-delay="350ms">
|
||
<img alt="video img" src="/assets/images/video-click.jpg">
|
||
<a data-fancybox href="https://www.youtube.com/watch?v=GhvD7NtUT-Q&autoplay=1&rel=0&controls=1&showinfo=0" class="button-play fontmedium"><i class="fa fa-play"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Video Click-->
|
||
|
||
|
||
<!-- Partners -->
|
||
<section id="logos" class="padding_bottom">
|
||
<div class="container">
|
||
<h3 class="invisible">hidden</h3>
|
||
<div class="row">
|
||
<div class="col-md-12 col-sm-12">
|
||
<div id="partners-slider" class="owl-carousel">
|
||
<div class="item">
|
||
<div class="logo-item"> <img alt="" src="/assets/images/logo-1.png"></div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="logo-item"><img alt="" src="/assets/images/logo-2.png"></div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="logo-item"><img alt="" src="/assets/images/logo-3.png"></div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="logo-item"><img alt="" src="/assets/images/logo-4.png"></div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="logo-item"><img alt="" src="/assets/images/logo-5.png"></div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="logo-item"><img alt="" src="/assets/images/logo-1.png"></div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="logo-item"><img alt="" src="/assets/images/logo-2.png"></div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="logo-item"><img alt="" src="/assets/images/logo-3.png"></div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="logo-item"><img alt="" src="/assets/images/logo-4.png"></div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="logo-item"><img alt="" src="/assets/images/logo-5.png"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Partners Ends-->
|
||
|
||
|
||
<!-- Our Blogs -->
|
||
<section id="our-blog" class="half-section bglight">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-6 col-sm-6 nopadding">
|
||
<div class="image hover-effect"><img src="/assets/images/software.jpg" alt="our blog" class="equalheight"></div>
|
||
</div>
|
||
<div class="col-md-6 col-sm-6">
|
||
<div class="split-box text-center center-block equalheight container-padding">
|
||
<div class="heading-title padding_half wow fadeIn" data-wow-delay="400ms">
|
||
<span>Read Our News</span>
|
||
<h2 class="darkcolor bottom25">Latest Blog Post</h2>
|
||
<p class="heading_space">Interestingly,software-defined storage (SDS)has taken over... </p>
|
||
<a href="blog.html" class="button btnsecondary">Read Full Story</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Our Blogs Ends-->
|
||
|
||
|
||
<!-- Contact US -->
|
||
<section id="contactus" class="padding_top">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 col-sm-12">
|
||
<div class="heading-title heading_space wow fadeInUp" data-wow-delay="300ms">
|
||
<span>Lets Get In Touch</span>
|
||
<h2 class="darkcolor">Contact Fluxtra</h2>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-sm-12 margin_bottom wow fadeInUp" data-wow-delay="350ms">
|
||
<p>Fluxtra is not just a a software houses on providing the most qualitative Software platforms,we are so much more than that.We offer Maintenance and adequate monitoring as needed and still Network solutions.</p>
|
||
<div class="row">
|
||
<div class="col-md-6 col-sm-6 our-address top40">
|
||
<h5 class="bottom25">Our Address</h5>
|
||
<p class="bottom15">Address: USA: 2451 Cumberland Pkwy Ste. 3570.
|
||
NIGERIA : 8A Saka Tinubu Street,
|
||
Off Adeola Odeku Street,
|
||
Victoria Island, Lagos, Nigeria </p>
|
||
<a class="pickus" href="#." data-text="Get Directions">Get Directions</a>
|
||
</div>
|
||
<div class="col-md-6 col-sm-6 our-address top40">
|
||
<h5 class="bottom25">Our Phone</h5>
|
||
<p class="bottom15">Phone: +1 (404) 855-7966 : +234 (909) 464 2915 <span class="block">
|
||
Mobile :+1 (404) 855-7966
|
||
</span> </p>
|
||
<a class="pickus" href="#." data-text="Call Us">Call Us</a>
|
||
</div>
|
||
<div class="col-md-6 col-sm-6 our-address top40">
|
||
<h5 class="bottom25">Our Email</h5>
|
||
<p class="bottom15">Main Email : admin@fluxtra.net<span class="block">Inquiries : fluxtra@fluxtra.net</span> </p>
|
||
<a class="pickus" href="#." data-text="Send a Message">Send a Message</a>
|
||
</div>
|
||
<div class="col-md-6 col-sm-6 our-address top40">
|
||
<h5 class="bottom25">Our Support</h5>
|
||
<p class="bottom15">Main Support : info@fluxtra.net</p>
|
||
<a class="pickus" href="#." data-text="Open a Ticket">Open a Ticket</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-sm-12 margin_bottom">
|
||
<form class="getin_form wow fadeInUp" data-wow-delay="400ms" onsubmit="return false;">
|
||
<div class="row">
|
||
|
||
<div class="col-sm-12" id="result"></div>
|
||
|
||
<div class="col-md-6 col-sm-6">
|
||
<div class="form-group bottom35">
|
||
<input class="form-control" type="text" placeholder="First Name:" required id="first_name" name="first_name">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-sm-6">
|
||
<div class="form-group bottom35">
|
||
<input class="form-control" type="text" placeholder="Last Name:" required id="last_name" name="last_name">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-sm-6">
|
||
<div class="form-group bottom35">
|
||
<input class="form-control" type="email" placeholder="Email:" required id="email" name="email">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-sm-6">
|
||
<div class="form-group bottom35">
|
||
<input class="form-control" type="tel" placeholder="Phone:" id="phone" name="phone">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 col-sm-12">
|
||
<div class="form-group bottom35">
|
||
<textarea class="form-control" placeholder="Message" id="message" name="message"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12">
|
||
<button type="submit" class="button btnprimary" id="submit_btn">submit request</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--Location Map here-->
|
||
<div id="map-container"></div>
|
||
</section>
|
||
<!--Contact US Ends-->
|
||
|
||
<!--Site Footer Here-->
|
||
<footer id="site-footer" class="padding_half">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 col-sm-12 text-center">
|
||
<ul class="social-icons bottom25 wow fadeInUp" data-wow-delay="300ms">
|
||
<li><a href="https://www.facebook.com/fluxtrapage/"><i class="fa fa-facebook"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-google-plus"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-instagram"></i> </a> </li>
|
||
<li><a href="javascript:void(0)"><i class="fa fa-envelope-o"></i> </a> </li>
|
||
</ul>
|
||
<p class="copyrights wow fadeInUp" data-wow-delay="350ms"> © 2019 Fluxtra.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!--Footer ends-->
|
||
</div>
|
||
|
||
|
||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||
<script src="/assets/js/jquery-3.1.1.min.js"></script>
|
||
|
||
<!--Bootstrap Core-->
|
||
<script src="/assets/js/popper.min.js"></script>
|
||
<script src="/assets/js/bootstrap.min.js"></script>
|
||
|
||
<!--to view items on reach-->
|
||
<script src="/assets/js/jquery.appear.js"></script>
|
||
|
||
<!--Equal-Heights-->
|
||
<script src="/assets/js/jquery.matchHeight-min.js"></script>
|
||
|
||
<!--Owl Slider-->
|
||
<script src="/assets/js/owl.carousel.min.js"></script>
|
||
|
||
<!--number counters-->
|
||
<script src="/assets/js/jquery-countTo.js"></script>
|
||
|
||
<!--Parallax Background-->
|
||
<script src="/assets/js/parallaxie.js"></script>
|
||
|
||
<!--Cubefolio Gallery-->
|
||
<script src="/assets/js/jquery.cubeportfolio.min.js"></script>
|
||
|
||
<!--FancyBox popup-->
|
||
<script src="/assets/js/jquery.fancybox.min.js"></script>
|
||
|
||
<!-- Video Background-->
|
||
<script src="/assets/js/jquery.background-video.js"></script>
|
||
|
||
<!--TypeWriter-->
|
||
<script src="/assets/js/typewriter.js"></script>
|
||
|
||
<!--Particles-->
|
||
<script src="/assets/js/particles.min.js"></script>
|
||
|
||
<!--WOw animations-->
|
||
<script src="/assets/js/wow.min.js"></script>
|
||
|
||
<!--Revolution SLider-->
|
||
<script src="/assets/js/revolution/jquery.themepunch.tools.min.js"></script>
|
||
<script src="/assets/js/revolution/jquery.themepunch.revolution.min.js"></script>
|
||
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
|
||
<script src="/assets/js/revolution/extensions/revolution.extension.actions.min.js"></script>
|
||
<script src="/assets/js/revolution/extensions/revolution.extension.carousel.min.js"></script>
|
||
<script src="/assets/js/revolution/extensions/revolution.extension.kenburn.min.js"></script>
|
||
<script src="/assets/js/revolution/extensions/revolution.extension.layeranimation.min.js"></script>
|
||
<script src="/assets/js/revolution/extensions/revolution.extension.migration.min.js"></script>
|
||
<script src="/assets/js/revolution/extensions/revolution.extension.navigation.min.js"></script>
|
||
<script src="/assets/js/revolution/extensions/revolution.extension.parallax.min.js"></script>
|
||
<script src="/assets/js/revolution/extensions/revolution.extension.slideanims.min.js"></script>
|
||
<script src="/assets/js/revolution/extensions/revolution.extension.video.min.js"></script>
|
||
|
||
<!--Google Map API-->
|
||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBJnKEvlwpyjXfS_h-J1Cne2fPMqeb44Mk"></script>
|
||
<script src="/assets/js/functions.js"></script>
|
||
|
||
</body>
|
||
</html> |