| Server IP : 103.6.199.200 / Your IP : 3.129.42.198 Web Server : Microsoft-IIS/10.0 System : Windows NT EMPUSA 10.0 build 20348 (Windows Server 2016) i586 User : EMPUSA$ ( 0) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Domains/jivisol1/jivisolutions.com/wwwroot/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Jivi Solutions</title>
<!-- Bootstrap Core CSS -->
<link href="asset/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Animate CSS -->
<link href="css/animate.css" rel="stylesheet" >
<!-- Owl-Carousel -->
<link rel="stylesheet" href="css/owl.carousel.css" >
<link rel="stylesheet" href="css/owl.theme.css" >
<link rel="stylesheet" href="css/owl.transitions.css" >
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!-- Colors CSS -->
<link rel="stylesheet" type="text/css" href="css/color/green.css">
<!-- Colors CSS -->
<link rel="stylesheet" type="text/css" href="css/color/green.css" title="green">
<link rel="stylesheet" type="text/css" href="css/color/light-red.css" title="light-red">
<link rel="stylesheet" type="text/css" href="css/color/blue.css" title="blue">
<link rel="stylesheet" type="text/css" href="css/color/light-blue.css" title="light-blue">
<link rel="stylesheet" type="text/css" href="css/color/yellow.css" title="yellow">
<link rel="stylesheet" type="text/css" href="css/color/light-green.css" title="light-green">
<!-- Custom Fonts -->
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<!-- Modernizer js -->
<script src="js/modernizr.custom.js"></script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">JIVI</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#feature">Feature</a>
</li>
<li>
<a class="page-scroll" href="#about-us">About</a>
</li>
<li>
<a class="page-scroll" href="#service">Services</a>
</li>
<li>
<a class="page-scroll" href="#latest-news">Latest News</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Start Home Page Slider -->
<section id="page-top">
<!-- Carousel -->
<div id="main-slide" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#main-slide" data-slide-to="0" class="active"></li>
<li data-target="#main-slide" data-slide-to="1"></li>
<li data-target="#main-slide" data-slide-to="2"></li>
</ol>
<!--/ Indicators end-->
<!-- Carousel inner -->
<div class="carousel-inner">
<div class="item active">
<img class="img-responsive" src="images/header-bg-1.jpg" alt="slider">
<div class="slider-content">
<div class="col-md-12 text-center">
<h1 class="animated3">
<span><strong>JIVI</strong> Your only IT Solution</span>
</h1>
<p class="animated2">a global leader in the development and implementation of intelligent Enterprise Workforce Planning and Management Software Systems</p>
<a href="#feature" class="page-scroll btn btn-primary animated1">Read More</a>
</div>
</div>
</div>
<!--/ Carousel item end -->
<div class="item">
<img class="img-responsive" src="images/header-back.png" alt="slider">
<div class="slider-content">
<div class="col-md-12 text-center">
<h1 class="animated1">
<span>Welcome to <strong>JIVI</strong></span>
</h1>
<p class="animated2">Generate a flood of new business with the<br> power of a digital media platform</p>
<a href="#feature" class="page-scroll btn btn-primary animated3">Read More</a>
</div>
</div>
</div>
<!--/ Carousel item end -->
<div class="item">
<img class="img-responsive" src="images//galaxy.jpg" alt="slider">
<div class="slider-content">
<div class="col-md-12 text-center">
<h1 class="animated2">
<span>The way of <strong>Success</strong></span>
</h1>
<p class="animated1">Aims to serve its customers based on a set of central principles - Action, Innovative solution and Financial Effect</p>
<a class="animated3 slider btn btn-primary btn-min-block" href="#">Get Now</a><a class="animated3 slider btn btn-default btn-min-block" href="#">Live Demo</a>
</div>
</div>
</div>
<!--/ Carousel item end -->
</div>
<!-- Carousel inner end-->
<!-- Controls -->
<a class="left carousel-control" href="#main-slide" data-slide="prev">
<span><i class="fa fa-angle-left"></i></span>
</a>
<a class="right carousel-control" href="#main-slide" data-slide="next">
<span><i class="fa fa-angle-right"></i></span>
</a>
</div>
<!-- /carousel -->
</section>
<!-- End Home Page Slider -->
<!-- Start Feature Section -->
<section id="feature" class="feature-section">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="feature">
<i class="fa fa-magic"></i>
<div class="feature-content">
<h4>Software Development</h4>
<p>With the technological expertise behind our software development team we feel happy to assist you at any and every stage of the software development life cycle</p>
</div>
</div>
</div><!-- /.col-md-3 -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="feature">
<i class="fa fa-gift"></i>
<div class="feature-content">
<h4>ERP</h4>
<p>We also provide solutions in Industrial Automation field and have specialised in customized Solution development. Our capability also include handling Informative and Dynamic Websites involving large amount of Database</p>
</div>
</div>
</div><!-- /.col-md-3 -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="feature">
<i class="fa fa-wordpress"></i>
<div class="feature-content">
<h4>ODC</h4>
<p>Offshore Development Center or ODC is essentially a dedicated pool of specialized resources that acts as virtual extensions of your own development teams of your country.</p>
</div>
</div>
</div><!-- /.col-md-3 -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="feature">
<i class="fa fa-plug"></i>
<div class="feature-content">
<h4>Digital Innnovation</h4>
<p>Digital Marketing Portal/ecom solution, Social media integration, Creative UI/UX</p>
</div>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</section>
<!-- End Feature Section -->
<!-- Start Call to Action Section -->
<section class="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>The open and flexible technologies developed by JIVI enable organisations to optimise their labour schedules by matching workload to staff resources thereby increasing operational efficiency, reducing labour costs, improving service levels and staff retention</h1>
<button type="submit" class="btn btn-primary">Enquire Now</button>
</div>
</div>
</div>
</section>
<!-- End Call to Action Section -->
<!-- Start About Us Section -->
<section id="about-us" class="about-us-section-1">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="section-title text-center">
<h3>About Us</h3>
<p>We build long lasting relationships with our business partners, easily adapting to each one of their requirements. We have continuously shown that we are ready and able to meet the challenges faced in today's technical world.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="welcome-section text-center">
<img src="images/about-01.jpg" class="img-responsive" alt="..">
<h4>Office Philosophy</h4>
<div class="border"></div>
<p>To become a prime performer in the global marketplace by providing highly innovative web designing, web development and internet marketing services that will drive our clients' business towards growth.</p>
</div>
</div>
<div class="col-md-4">
<div class="welcome-section text-center">
<img src="images/about-02.jpg" class="img-responsive" alt="..">
<h4>Office Mission & Vission</h4>
<div class="border"></div>
<p>To serve our customers to the best by delivering technically sound and affordable business solutions while ensuring exceptional customer support throughout the process.</p>
</div>
</div>
<div class="col-md-4">
<div class="welcome-section text-center">
<img src="images/about-03.jpg" class="img-responsive" alt="..">
<h4>Office Value & Rules</h4>
<div class="border"></div>
<p>To ensure complete transparency in the procedure and build trust by providing regular updates on the project.</p>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</section>
<!-- End About Us Section -->
<!-- Start About Us Section 2 -->
<div class="about-us-section-2">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="skill-shortcode">
<!-- Progress Bar -->
<div class="skill">
<p>Web Design</p>
<div class="progress">
<div class="progress-bar" role="progressbar" data-percentage="60">
<span class="progress-bar-span" >60%</span>
<span class="sr-only">60% Complete</span>
</div>
</div>
</div>
<!-- Progress Bar -->
<div class="skill">
<p>HTML & CSS</p>
<div class="progress">
<div class="progress-bar" role="progressbar" data-percentage="95">
<span class="progress-bar-span" >95%</span>
<span class="sr-only">95% Complete</span>
</div>
</div>
</div>
<!-- Progress Bar -->
<div class="skill">
<p>Wordpress</p>
<div class="progress">
<div class="progress-bar" role="progressbar" data-percentage="80">
<span class="progress-bar-span" >80%</span>
<span class="sr-only">80% Complete</span>
</div>
</div>
</div>
<!-- Progress Bar -->
<div class="skill">
<p>Joomla</p>
<div class="progress">
<div class="progress-bar" role="progressbar" data-percentage="100">
<span class="progress-bar-span" >100%</span>
<span class="sr-only">100% Complete</span>
</div>
</div>
</div>
<!-- Progress Bar -->
<div class="skill">
<p>Extension</p>
<div class="progress">
<div class="progress-bar" role="progressbar" data-percentage="70">
<span class="progress-bar-span" >70%</span>
<span class="sr-only">70% Complete</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div id="carousel-example-generic" class="carousel slide about-slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="images/about-01.jpg" alt="">
</div>
<div class="item">
<img src="images/about-02.jpg" alt="">
</div>
<div class="item">
<img src="images/about-03.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Start About Us Section 2 -->
<!-- Start Feature Section -->
<section id="service" class="services-section">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h3>Our Services</h3>
<p>Duis aute irure dolor in reprehenderit in voluptate</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="feature-2">
<div class="media">
<div class="pull-left">
<i class="fa fa-magic"></i>
<div class="border"></div>
</div>
<div class="media-body">
<h4 class="media-heading">Web Design</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu</p>
</div>
</div>
</div>
</div><!-- /.col-md-4 -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="feature-2">
<div class="media">
<div class="pull-left">
<i class="fa fa-css3"></i>
<div class="border"></div>
</div>
<div class="media-body">
<h4 class="media-heading">HTML5 & CSS3</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu</p>
</div>
</div>
</div>
</div><!-- /.col-md-4 -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="feature-2">
<div class="media">
<div class="pull-left">
<i class="fa fa-wordpress"></i>
<div class="border"></div>
</div>
<div class="media-body">
<h4 class="media-heading">Wordpress Theme</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu</p>
</div>
</div>
</div>
</div><!-- /.col-md-4 -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="feature-2">
<div class="media">
<div class="pull-left">
<i class="fa fa-plug"></i>
<div class="border"></div>
</div>
<div class="media-body">
<h4 class="media-heading">Wordpress Plugin</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu</p>
</div>
</div>
</div>
</div><!-- /.col-md-4 -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="feature-2">
<div class="media">
<div class="pull-left">
<i class="fa fa-joomla"></i>
<div class="border"></div>
</div>
<div class="media-body">
<h4 class="media-heading">Joomla Template</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu</p>
</div>
</div>
</div>
</div><!-- /.col-md-4 -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="feature-2">
<div class="media">
<div class="pull-left">
<i class="fa fa-cube"></i>
<div class="border"></div>
</div>
<div class="media-body">
<h4 class="media-heading">Joomla Extension</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu</p>
</div>
</div>
</div>
</div><!-- /.col-md-4 -->
</div><!-- /.row -->
</div><!-- /.container -->
</section>
<!-- End Feature Section -->
<!-- Start Fun Facts Section -->
<section class="fun-facts">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="counter-item">
<i class="fa fa-cloud-upload"></i>
<div class="timer" id="item1" data-to="991" data-speed="5000"></div>
<h5>Files uploaded</h5>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="counter-item">
<i class="fa fa-check"></i>
<div class="timer" id="item2" data-to="7394" data-speed="5000"></div>
<h5>Projects completed</h5>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="counter-item">
<i class="fa fa-code"></i>
<div class="timer" id="item3" data-to="18745" data-speed="5000"></div>
<h5>Lines of code written</h5>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="counter-item">
<i class="fa fa-male"></i>
<div class="timer" id="item4" data-to="8423" data-speed="5000"></div>
<h5>Happy clients</h5>
</div>
</div>
</div>
</div>
</section>
<!-- End Fun Facts Section -->
<!-- Start Latest News Section -->
<section id="latest-news" class="latest-news-section">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h3>Latest News</h3>
<p>Duis aute irure dolor in reprehenderit in voluptate</p>
</div>
</div>
</div>
<div class="row">
<div class="latest-news">
<div class="col-md-12">
<div class="latest-post">
<img src="images/about-01.jpg" class="img-responsive" alt="">
<h4><a href="#">Standard Post with Image</a></h4>
<div class="post-details">
<span class="date"><strong>31</strong> <br>Dec , 2014</span>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
<div class="col-md-12">
<div class="latest-post">
<img src="images/about-02.jpg" class="img-responsive" alt="">
<h4><a href="#">Standard Post with Image</a></h4>
<div class="post-details">
<span class="date"><strong>17</strong> <br>Feb , 2014</span>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
<div class="col-md-12">
<div class="latest-post">
<img src="images/about-03.jpg" class="img-responsive" alt="">
<h4><a href="#">Standard Post with Image</a></h4>
<div class="post-details">
<span class="date"><strong>08</strong> <br>Aug , 2014</span>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
<div class="col-md-12">
<div class="latest-post">
<img src="images/about-01.jpg" class="img-responsive" alt="">
<h4><a href="#">Standard Post with Image</a></h4>
<div class="post-details">
<span class="date"><strong>08</strong> <br>Aug , 2014</span>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
<div class="col-md-12">
<div class="latest-post">
<img src="images/about-02.jpg" class="img-responsive" alt="">
<h4><a href="#">Standard Post with Image</a></h4>
<div class="post-details">
<span class="date"><strong>08</strong> <br>Aug , 2014</span>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
<div class="col-md-12">
<div class="latest-post">
<img src="images/about-03.jpg" class="img-responsive" alt="">
<h4><a href="#">Standard Post with Image</a></h4>
<div class="post-details">
<span class="date"><strong>08</strong> <br>Aug , 2014</span>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Latest News Section -->
<section id="contact" class="contact">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center">
<h3>Contact With Us</h3>
<p class="white-text">We value your time and will respond</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="tel" class="form-control" placeholder="Your Phone *" id="phone" required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12 text-center">
<div id="success"></div>
<button type="submit" class="btn btn-primary">Send Message</button>
</div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="footer-contact-info">
<h4>Contact info</h4>
<ul>
<li><strong>E-mail :</strong> dilip@jivisolutions.com</li>
<li><strong>Phone :</strong> +601-69692690</li>
<li><strong>Web :</strong> jivisolutionss.com</li>
</ul>
</div>
</div>
<div class="col-md-4 col-md-offset-4">
<div class="footer-contact-info">
<h4>Working Hours</h4>
<ul>
<li><strong>Mon-Wed :</strong> 9 am to 5 pm</li>
<li><strong>Thurs-Fri :</strong> 12 pm to 10 pm</li>
<li><strong>Sat :</strong> 9 am to 3 pm</li>
<li><strong>Sunday :</strong> Closed</li>
</ul>
</div>
</div>
</div>
</div>
<footer class="style-1">
<div class="container">
<div class="row">
<div class="col-md-4 col-xs-12">
<span class="copyright">Copyright © <a href="http://haridigital.com">Hari Digital</a> 2018</span>
</div>
<div class="col-md-4 col-xs-12">
<div class="footer-social text-center">
<ul>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="footer-link">
<ul class="pull-right">
<li><a href="#">Privacy Policy</a>
</li>
<li><a href="#">Terms of Use</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</section>
<div id="loader">
<div class="spinner">
<div class="dot1"></div>
<div class="dot2"></div>
</div>
</div>
<!-- jQuery Version 2.1.1 -->
<script src="js/jquery-2.1.1.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="asset/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/classie.js"></script>
<script src="js/count-to.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script src="js/styleswitcher.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/script.js"></script>
</body>
</html>