<?php
include '../db.php';
?>
<!DOCTYPE html>
<html class="not-ie no-js" lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Api Integration Sri Lanka</title>
<meta name="description" content="This is one of modern tool that use to make more convenient many task at once. This is call Application Programing Interface that means set of programing commands with standards to gain access for a web ...">
<meta name="keywords" content="Api Integration Sri Lanka, api sri lanka, sri lanka api Integration" />
<meta name="author" content="Sublime Holdings">
<!-- Google Web Fonts
================================================== -->
<link href='http://fonts.googleapis.com/css?family=Roboto:100,300,300italic,400,500%7cCourgette%7cRaleway:200,300,400,500,600,700,800' rel='stylesheet' type='text/css'>
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="../images/favicon.png">
<link rel="apple-touch-icon" href="../images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon-114x114.png">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="../css/style.min.css" />
<link rel="stylesheet" href="../css/grid.min.css" />
<link rel="stylesheet" href="../css/layout.min.css" />
<link rel="stylesheet" href="../css/fontello.min.css" />
<link rel="stylesheet" href="../css/animation.min.css" />
<link rel="stylesheet" href="../css/animate.min.css" />
<link rel="stylesheet" href="../css/mystyle.css" />
<link rel="stylesheet" href="../css/font-awesome.min.css" />
<link rel="stylesheet" href="../js/sequence/sequencejs-theme.min.css" />
<link rel="stylesheet" href="../js/magnific-popup/magnific-popup.min.css" />
<link rel="stylesheet" href="../js/owl-carousel/owl.carousel.min.css" />
<link rel="stylesheet" href="../js/owl-carousel/owl.theme.min.css" />
<link rel="stylesheet" href="../js/owl-carousel/owl.transitions.min.css" />
<!-- HTML5 Shiv
================================================== -->
<script src="../js/jquery.modernizr.js"></script>
<link href='../fonts/neuropol-x-rg.ttf' rel='stylesheet' type='text/css'>
</head>
<body class="header-type-in animated">
<!-- - - - - - - - - - - - - - Wrapper - - - - - - - - - - - - - - - - -->
<div id="wrapper">
<!-- - - - - - - - - - - - - Mobile Menu - - - - - - - - - - - - - - -->
<nav id="mobile-advanced" class="mobile-advanced"></nav>
<!-- - - - - - - - - - - - - - Header - - - - - - - - - - - - - - - - -->
<?php include '../header.php'; ?>
<!-- - - - - - - - - - - - - - Content - - - - - - - - - - - - - - - - -->
<div id="content">
<section class="section padding-bottom-off" style="background-image: url('../images/banner/api.jpg'); background-repeat: no-repeat;">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="slogan-group">
<div class="row padding-top">
<div class="col-xs-12">
<div class="section-title">
<h1>Api Integration</h1>
</div>
</div>
</div>
</div><!--/ .slogan-group-->
</div>
</div><!--/ .row-->
<div class="row">
<ul class="site-map">
<li><a href="../">Home</a> <i class="fa fa-angle-double-right"></i></li>
<li><a href="../services/">Services</a> <i class="fa fa-angle-double-right"></i></li>
<li>Api Integration</li>
</ul>
</div>
</div><!--/ .container-->
</section><!--/ .section-->
<section class="section padding-top-off" style="margin-top: 50px;">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12" style="text-align: justify">
<img src="../images/web-design-and-development.jpg" class="pull-right-img">
<p>
This is one of modern tool that use to make more convenient many task at once. This is call Application Programing Interface that means set of programing commands with standards to gain access for a web based software application or can be tool. We can design or develop a product upon your request for your grand requirement. This is updating modern technology. According to your request we can arrange API by using existing API. This will centralized your all data and make speed up process. This give an opportunity to access different types of data sources.
</p>
</div>
</div>
</div>
</section>
<section class="section parallax parallax-bg-3">
<div class="full-bg-image"></div>
<div class="parallax-overlay"></div>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="extra-radius bg-red extraRadius">
<div class="inner-extra">
<div class="inner-content">
<h3>We are</h3>
<h3>Experienced Team</h3>
<h3>in a stream of </h3>
<h3>web development</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
<section class="section padding-bottom-off">
<div class="container">
<div class="row">
<div class="col-sm-6 col-lg-4">
<article class="team-entry slideRight">
<div class="team-entry-image">
<img src="../images/team/ann-560x390.jpg" alt="" />
</div>
<h4 class="team-entry-title">Ann Nagell</h4>
<span class="team-position">Web Designer</span>
<div class="team-entry-body">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut lacus at velit consequat sodales.
Ut posuere neque in molestie gravida. Integer eu feugiat neque, elementum posuere purus.
</p>
</div>
<ul class="social-icons style-fall">
<li class="twitter"><a href="../#">Twitter</a></li>
<li class="facebook"><a href="../#">Facebook</a></li>
<li class="linkedin"><a href="../#">LinkedIn</a></li>
<li class="instagram"><a href="../#">Instagram</a></li>
</ul>
</article>
</div>
<div class="col-sm-6 col-lg-4">
<article class="team-entry slideUp">
<div class="team-entry-image">
<img src="../images/team/jack-560x390.jpg" alt="" />
</div>
<h4 class="team-entry-title">Jack Rains</h4>
<span class="team-position">Project Manager</span>
<div class="team-entry-body">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut lacus at velit consequat sodales.
Ut posuere neque in molestie gravida. Integer eu feugiat neque, elementum posuere purus.
</p>
</div>
<ul class="social-icons style-fall">
<li class="twitter"><a href="../#">Twitter</a></li>
<li class="facebook"><a href="../#">Facebook</a></li>
<li class="linkedin"><a href="../#">LinkedIn</a></li>
<li class="instagram"><a href="../#">Instagram</a></li>
</ul>
</article>
</div>
<div class="col-sm-6 col-lg-4">
<article class="team-entry slideLeft">
<div class="team-entry-image">
<img src="../images/team/mike-560x390.jpg" alt="" />
</div>
<h4 class="team-entry-title">Mike Grant</h4>
<span class="team-position">Web Developer</span>
<div class="team-entry-body">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut lacus at velit consequat sodales.
Ut posuere neque in molestie gravida. Integer eu feugiat neque, elementum posuere purus.
</p>
</div>
<ul class="social-icons style-fall">
<li class="twitter"><a href="../#">Twitter</a></li>
<li class="facebook"><a href="../#">Facebook</a></li>
<li class="linkedin"><a href="../#">LinkedIn</a></li>
<li class="instagram"><a href="../#">Instagram</a></li>
</ul>
</article>
</div>
</div>
</div>
</section>
<section class="section padding-off">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="separator"></div>
</div>
</div>
</div>
</section>
-->
<section class="section padding-top-off" style="margin-top: 60px;">
<div class="container">
<div class="row">
<div class="col-md-12 col-xs-12">
<h2 class="row-title">Our Skills</h2>
<div class="progress-bar">
<div class="progressbar-title">Web Development</div>
<span class="percent">0%</span>
<div class="bar-outer">
<div class="bar" data-progress="85"></div>
</div>
</div><!--/ .progress-bar-->
<div class="progress-bar">
<div class="progressbar-title">Web Design</div>
<span class="percent">0%</span>
<div class="bar-outer">
<div class="bar" data-progress="90"></div>
</div>
</div><!--/ .progress-bar-->
<div class="progress-bar">
<div class="progressbar-title">Software Development</div>
<span class="percent">0%</span>
<div class="bar-outer">
<div class="bar" data-progress="80"></div>
</div>
</div><!--/ .progress-bar-->
<div class="progress-bar">
<div class="progressbar-title">Graphic Design</div>
<span class="percent">0%</span>
<div class="bar-outer">
<div class="bar" data-progress="55"></div>
</div>
</div><!--/ .progress-bar-->
<div class="progress-bar">
<div class="progressbar-title">Search Engines Optimization (SEO)</div>
<span class="percent">0%</span>
<div class="bar-outer">
<div class="bar" data-progress="80"></div>
</div>
</div><!--/ .progress-bar-->
<div class="progress-bar">
<div class="progressbar-title">E Marketing</div>
<span class="percent">0%</span>
<div class="bar-outer">
<div class="bar" data-progress="60"></div>
</div>
</div><!--/ .progress-bar-->
</div>
</div><!--/ .row-->
</div><!--/ .container-->
</section><!--/ .section-->
<section class="section">
<div class="container" style="margin-top: 30px;">
<div class="row">
<div class="col-xs-12">
<div class="section-title">
<h2 class="name">Our Uses & Recommendations</h2>
</div>
</div>
</div><!--/ .row-->
<div class="row">
<div class="col-xs-12">
<div class="clients-items">
<div class="item">
<ul>
<li><a href="#"><img src="../images/brands/godaddy-logo.png" alt="godaddy logo" /></a></li>
<li><a href="#"><img src="../images/brands/ipage-logo.png" alt="ipage logo" /></a></li>
<li><a href="#"><img src="../images/brands/nic.lk.png" alt="nic.lk logo" /></a></li>
<li><a href="#"><img src="../images/brands/hostgator-logo.png" alt="hostgator logo" /></a></li>
<li><a href="#"><img src="../images/brands/1and1.png" alt="1and1 logo" /></a></li>
<li><a href="#"><img src="../images/brands/blue-host-logo.jpg" alt="blue host logo" /></a></li>
</ul>
</div>
<div class="item">
<ul>
<li><a href="#"><img src="../images/brands/php.png" alt="php logo" /></a></li>
<li><a href="#"><img src="../images/brands/java.png" alt="java logo" /></a></li>
<li><a href="#"><img src="../images/brands/mysql.png" alt="mysql logo" /></a></li>
<li><a href="#"><img src="../images/brands/bootstrap-logo.png" alt="bootstrap logo" /></a></li>
<li><a href="#"><img src="../images/brands/jquery.png" alt="jquery logo" /></a></li>
<li><a href="#"><img src="../images/brands/angular-js-logo.png" alt="angular js logo" /></a></li>
</ul>
</div>
<div class="item">
<ul>
<li><a href="#"><img src="../images/brands/laravel.png" alt="laravel logo" /></a></li>
<li><a href="#"><img src="../images/brands/git.png" alt="git logo" /></a></li>
<li><a href="#"><img src="../images/brands/word-press.png" alt="word press logo" /></a></li>
<li><a href="#"><img src="../images/brands/joomla.png" alt="joomla logo" /></a></li>
<li><a href="#"><img src="../images/brands/magento-logo.png" alt="magento logo" /></a></li>
<li><a href="#"><img src="../images/brands/drupal-logo.png" alt="drupal logo" /></a></li>
</ul>
</div>
</div><!--/ .clients-items-->
</div>
</div><!--/ .row-->
</div><!--/ .container-->
</section><!--/ .section-->
</div><!--/ #content-->
<?php
include '../footer.php';
?>
<!-- - - - - - - - - - - - end Bottom Footer - - - - - - - - - - - - - - -->
</div><!--/ #wrapper-->
<!-- - - - - - - - - - - - end Wrapper - - - - - - - - - - - - - - -->
<script src="../js/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="../js/respond.min.js"></script>
<script src="../js/jquery.selectivizr.min.js"></script>
<![endif]-->
<script src="../js/plugins.js"></script>
<script src="../js/plugins/min/jquery.easing.1.3-min.js"></script>
<script src="../js/owl-carousel/owl.carousel.js"></script>
<script src="../js/flexslider/jquery.flexslider.js"></script>
<script src="../js/plugins/min/jquery.gmap-min.js"></script>
<script src="../js/config.js"></script>
<script src="../js/custom.js"></script>
</body>
</html>
|