| Server IP : 108.163.255.210 / Your IP : 3.146.206.87 Web Server : Apache System : Linux blossom.urlnameserver.com 3.10.0-1160.80.1.el7.x86_64 #1 SMP Tue Nov 8 15:48:59 UTC 2022 x86_64 User : ( 1172) PHP Version : 7.2.34 Disable Function : eval,escapeshellarg,proc_close,proc_get_status,proc_nice,proc_open,symlink,system,pcntl_exec,getrusage,chown,chgp,closelog,openlog,syslog,define_syslog_variables,php_ini_loaded_file,getservbyname,getservbyport,posix_getgid,posix_getgrgid,proc_terminate,pfsockopen,apache_child_terminate,posix_mkfifo,posix_setpgid,posix_setuid,hypot,pg_host,pos,posix_access,posix_getcwd,posix_getservbyname,myshellexec,getpid,posix_getsid,posix_isatty,posix_kill,posix_mknod,posix_setgid,posix_setsid,posix_setuid,posix_times,posix_uname,ps_fill,posix_getpwuid,global,ini_restore,zip_open,zip_read,rar_open,bzopen,bzread,bzwrite,apache_get_modules,apache_get_version,phpversionphpinfo,php_ini_scanned_files,get_current_user,disk_total_space,diskfreespace,leak,imap_list,hypo,filedump,safe_mode,getmygid,apache_getenv,apache_setenv,bzread,bzwrite,bzopen,phpini,higlight_file,dos_conv,get_cwd,er_log,cmd,e_name,vdir,get_dir,only_read,ftok,ftpexec,posix_getpwnam,mysql_list_dbs,disk_free_space,session_save_path,confirm_phpdoc_compiled,zip_entry_rea,php_u,psockopen,crack_opendict,crack_getlastmessage,crack_closedict,crack_check,fpassthru,posix_get_last_error,posix_getlogin,posix_getgroups,posix_strerror,posix_getrlimit,posix_getpgrp,posix_getgrnam,pos,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/unilinki/www/Website-HTML/ |
Upload File : |
<!doctype html>
<!-- start coded_template: id:6621911997 path:v2/Pages/Services_copy.html -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en" > <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en" ><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="author" content="">
<meta name="description" content="We create digital products and provide a variety of consulting services, custom software development, UX/UI design services and digital transformation solutions for startups and enterprises.">
<meta name="generator" content="HubSpot">
<title>Web Development Service | </title>
<link rel="shortcut icon" href="hubfs/images/logos/favicon.ico">
<meta property="og:description" content="We create digital products and provide a variety of consulting services, custom software development, UX/UI design services and digital transformation solutions for startups and enterprises.">
<meta property="og:title" content="Web and Mobile - Custom Software Development | ">
<meta name="twitter:description" content="We create digital products and provide a variety of consulting services, custom software development, UX/UI design services and digital transformation solutions for startups and enterprises.">
<meta name="twitter:title" content="Web and Mobile - Custom Software Development | ">
<link rel="stylesheet" href="css/nav/navbar.min.css">
<link rel="stylesheet" href="css/static_image_with_content.min.css">
<link rel="stylesheet" href="css/navigation-copy.min.css">
<link rel="stylesheet" href="css/header/header.min.css">
<link rel="stylesheet" href="css/gallery/gallery-slider.min.css">
<link rel="stylesheet" href="css/Single_row_items.min.css">
<link rel="stylesheet" href="css/testimonials.min.css">
<link rel="stylesheet" href="css/modules_cta.min.css">
<link rel="stylesheet" href="css/footer/footer.min.css">
<link rel="stylesheet" href="css/Hubspot_Menu_FIX.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap4.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="plugins/timeline/timeline.css">
<link rel="stylesheet" type="text/css" href="plugins/horizontal-timeline/style.css">
<link rel="stylesheet" type="text/css" href="js/owl.carousel.min.css">
<link rel="stylesheet" href="plugins/particles/css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Tag Manager -->
<meta name="twitter:card" content="summary">
<meta http-equiv="content-language" content="en">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/stylesheet.css">
<link rel="shortcut icon" href="img/favicon/favicon.ico">
<link rel="icon" sizes="16x16 32x32 64x64" href="img/favicon/favicon.ico">
<link rel="icon" type="image/png" sizes="196x196" href="img/favicon/favicon-192.png">
<link rel="icon" type="image/png" sizes="160x160" href="img/favicon/favicon-160.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96.png">
<link rel="icon" type="image/png" sizes="64x64" href="img/favicon/favicon-64.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16.png">
<link rel="apple-touch-icon" href="img/favicon/favicon-57.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/favicon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/favicon-72.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/favicon/favicon-144.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/favicon-60.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/favicon-120.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/favicon/favicon-76.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/favicon/favicon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/favicon-180.png">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileImage" content="img/favicon/favicon-144.png">
<meta name="msapplication-config" content="/browserconfig.xml">
</head>
<body class="hs-content-id-6626007422 hs-landing-page hs-page">
<span id="hs_cos_wrapper_Body" class="hs_cos_wrapper
hs_cos_wrapper_widget_container hs_cos_wrapper_type_widget_container" style="" data-hs-cos-general-type="widget_container" data-hs-cos-type="widget_container">
<div id="hs_cos_wrapper_widget_1548611179414" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="module-wrapper">
<link rel="stylesheet" href="css/fontawesome/all.css">
<link rel="stylesheet" href="plugins/slicks/main.css">
<?php include "include/header.php"; ?>
<span id="navbar-end" class="visually-hidden"></span>
</div>
</div>
<div id="hs_cos_wrapper_widget_6626007424 " class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module " style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="module-container static-image-w-content-module " style="background-image: url('img/header/coozmoo-home.jpg');">
<div class="shadow-overlay" style="opacity: 0.6"></div>
<div class="module-wrapper header-center">
<div class="static-image-w-content-header container">
</div>
<h1 class="h1 module-title">
Bespoke software development solutions<br>
<span style="color: #87C500;">for your b<g class="gr_ gr_7 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="7" data-gr-id="7">usiness</g></span></h1>
<div>
<p> Design. Development. Consultancy.</p>
</div>
</div>
<div class="waypoint">
</div>
<div class="see-more">
<div class="see-more__waves">
<div class="wave wave-1"></div>
<div class="wave wave-2"></div>
<div class="wave wave-3"></div>
</div>
<a href="#" class="see-more__arrow">
<img class=" animated- bounce-" src="img/header/mouseicon.png">
</a>
</div>
</div>
</div>
<div id="particles-js-header" style="position: absolute;top: 0;height: 90vh;z-index: 99;width: 100%;">
</div>
<!-- /end header -->
<!-- second-nav -->
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module row-fluid-wrapper " style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="module-wrapper">
<div class="navigation-module">
<div class="navigation-module--options container">
<a href="" class="navigation-module--options__option" data-name="Overview" data-order="-2" data-skip="-2" data-anchor="anchor_2">
Overview </a>
<a href="" class="navigation-module--options__option" data-name="Approach" data-order="-5" data-skip="3" data-anchor="anchor_4">
Approach </a>
<a href="" class="navigation-module--options__option" data-name="Experties" data-order="-5" data-skip="4" data-anchor="anchor_5">
Experties </a>
<a href="" class="navigation-module--options__option" data-name="Work with us" data-order="0" data-skip="3" data-anchor="anchor_6">
Work with us </a>
</div>
</div>
</div>
</div>
<!-- /second-nav -->
<!-- technology services -->
<div id="hs_cos_wrapper_widget_22001" class="anim hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module row-fluid-wrapper in-view Overview mt-0" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="module-wrapper" id="" improved="">
<!-- HEADER -->
<div class="module-header module-header__left">
<div class="module-header__content" style="text-align: left">
<div class="module-header__title">
<h2 class="module-header__title--content">
We develop for
<span style="color: #8BC53D;">multiple platforms</span>
</h2>
</div>
<div>
<div id="hs_cos_wrapper_widget_6626007425_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text module-header__caption" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="caption"><span></span><span></span>
<p>Give your product idea a shape. Plan and evaluate the essential features of your product to accomplish your business goals and eliminate possible mistakes.</p>
</div>
</div>
</div>
</div>
</div>
<div class="open-source-module bg-white p-10 ">
<div class="module-wrapper ng-container">
<div class="row tiles-highlights">
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-wordpress technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
WordPress
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/wordpress-brands.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-php technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
php
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/php-brands.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-redhat technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
OutSystem
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fas fa-gem technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
Ruby On Rails
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-drupal technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
Drupal
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-react technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
React js
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-angular technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
Angular js
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-python technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
python
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-apple technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
iOS
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-node technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
Node js
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
</div>
</div>
</div>
<div style="position: relative; height: 385px">
<div id="particles-js"><canvas class="particles-js-canvas-el" width="1349" height="385" style="width: 100%; height: 100%;"></canvas></div>
<div class="module-wrapper middel-section-ch">
<div class="container">
<div class="row">
<div class="h2 col-md-12 text-center">
<span class="text-light">Start your project with<br> us or take an existing one to the next level</span>
</div>
</div>
</div>
</div>
<!-- scripts -->
<!-- stats.js -->
</div>
<div class="open-source-module bg-white p-10">
<div class="module-wrapper ng-container">
<div class="row tiles-highlights">
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-android technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
android
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-angular technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
Laravel
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fas fa-database technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
Flutter
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-magento technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
magento
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-shopify technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
shopify
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-opencart technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
opencart
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fas fa-palette technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
UI Design
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="wordpress-developement.php" class="tile-sections__link py-5 py-5 draw-border ">
<div class="tile-sections__link-image-container">
<i class="fab fa-aws technology_icon technology_icon"></i>
</div>
<h4 class="tile-sections__link-title my-3">
Cloud (AWS/GC/Azure)
</h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="android-developement.php" class="tile-sections__link py-5">
<div class="tile-sections__link-image-container">
<i class="fab fa-audible technology_icon"></i>
</div>
<h4 class="tile-sections__link-title">
Machine Learning & AI </h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
<!-- custom -->
<div class="technology-main">
<div class="col-1-5 tiles-highlights__tile hover1" style="
width: 100%;
">
<div class="front1">
<a href="hybrid-developement.php" class="tile-sections__link py-5">
<div class="tile-sections__link-image-container">
<i class="fas fa-business-time technology_icon"></i>
</div>
<h4 class="tile-sections__link-title">
Business Intelligence </h4>
<p class="tile-sections__link- ">
Software that runs on a single platform Software that</p>
</a>
</div>
<div class="back1" style="background: url(img/technology/gem-solid.svg);">
<p class="tile-sections__link-subtitle mt-5">
Software that runs on a single platform that runs on a single Software that runs on a single </p>
<div class="technology-btn mb-5 .cta-module-button">
<button class=" m-top-10 button" style="border: 2px solid #fff !important;color: #fff">Get in touch</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module row-fluid-wrapper in-view Overview " data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="cta-module-background" style="background-image: url('img/Layer-41.png')">
<div class="shadow-overlay" style="opacity: 0.4"></div>
<div class="module-wrapper">
<div class="cta-module">
<div class="cta-module__content">
<div class="cta-module-header h2 anim-first">
<span>Start your project with us or take an existing one <span style="color: #ff0201;">to the next level</span></span>
</div>
<div class="cta-module-caption">
</div>
<div class="cta-module-button anim-second">
<a class="button" href="estimate-project.php">Estimate project</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- timeline -->
<section class="cd-timeline js-cd-timeline " style="padding-top: 100px;">
<div class="container max-width-lg cd-timeline__container ">
<!-- -->
<!-- -->
<div class="cd-timeline__block ">
<div class="cd-timeline__content text-component cd-timeline__content--bounce-in">
<div class="row">
<div class="col-sm-0 col-md-0 col-xl-6 col-lg-6">
<div class="module-header__count big-text" style="left:45%"><span>01</span>
</div>
<h2 class="module-header__title--content">
</h2>
</div>
<div class="col-sm single-service-hover">
<div class=" row align-items-center p-desktop">
<div class="col-md-2 col-2">
<div class="single-row-module__icon single-service-icon">
<span class="single-row-module__icon_text d-flex align-items-center justify-content-center">
<i class="fab fa-wordpress"></i>
</span></div>
</div>
<div class="col-md-10 pl-5 col-10">
<h1 class="h1 mt-0">
Approach <span style="color: #87C500;" class="d-block"> one</span>
</h1>
</div>
</div>
<p class="color-contrast-medium p-desktop">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
<a href="#" class="single-service-btn"> Read more </a>
<div class="cd-timeline__img cd-timeline__img--picture " id="cd-img">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__sidebranch">
</div>
</div>
</div>
<!-- cd-timeline__img -->
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block ">
<div class="cd-timeline__img cd-timeline__img--picture " style="
right: 49%;
left: auto;
">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__sidebranch">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content text-component cd-timeline__content--bounce-in">
<div class="row">
<div class="col-sm single-service-hover">
<div class="row align-items-center p-desktop">
<div class="col-md-10 text-right pr-5 col-10 o-2">
<h1 class="h1 mt-0">
Approach <span style="color: #87C500;"> two</span>
</h1>
</div>
<div class="col-md-2 col-2 o-1 d-flex justify-content-end">
<div class="single-row-module__icon single-service-icon">
<span class="single-row-module__icon_text d-flex align-items-center justify-content-center">
<i class="fab fa-python"></i>
</span></div>
</div>
</div>
<p class="color-contrast-medium text-right o-3 p-desktop">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis.</p>
<div class="col o-4">
<a href="#" class="single-service-btn text-right pull-right "> Read more </a>
</div>
</div>
<div class="col-sm-0 col-md-0 col-xl-6 col-lg-6">
<div class="module-header__count big-text" style="left:45%">
02 </div>
</div>
</div>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block ">
<div class="cd-timeline__img cd-timeline__img--picture " style="
left: 50%;
">
</div>
<div class="cd-timeline__sidebranch alone-right">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content text-component cd-timeline__content--bounce-in">
<div class="row">
<div class="col-sm-0 col-md-0 col-xl-6 col-lg-6">
<div class="module-header__count big-text" style="left:45%">
03 </div>
<h2 class="module-header__title--content">
</h2>
</div>
<div class="col-sm single-service-hover">
<div class="row align-items-center p-desktop">
<div class="col-md-2 col-2">
<div class="single-row-module__icon single-service-icon">
<span class="single-row-module__icon_text d-flex align-items-center justify-content-center">
<i class="fab fa-laravel"></i>
</span></div>
</div>
<div class="col-md-10 pl-5 col-10">
<h1 class="h1 mt-0">
</h1>
<h1 class="h1 mt-0">
Approach <span style="color: #87C500;"> three</span>
</h1>
</div>
</div>
<p class="color-contrast-medium p-desktop">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
<a href="#" class="single-service-btn text-right "> Read more </a>
</div>
</div>
</div>
<!-- cd-timeline__content -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block ">
<div class="cd-timeline__img cd-timeline__img--picture " style="
right: 49%;
left: auto;
">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__sidebranch">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content text-component cd-timeline__content--bounce-in">
<div class="row">
<div class="col-sm single-service-hover">
<div class="row align-items-center p-desktop">
<div class="col-md-10 text-right pr-5 col-10 o-2">
<h1 class="h1 mt-0">
Approach <span style="color: #87C500;"> four</span>
</h1>
</div>
<div class="col-md-2 col-2 o-1 d-flex justify-content-end">
<div class="single-row-module__icon single-service-icon">
<span class="single-row-module__icon_text d-flex align-items-center justify-content-center">
<i class="fas fa-gem"></i>
</span></div>
</div>
</div>
<p class="color-contrast-medium text-right o-3 p-desktop">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis.</p>
<div class="col o-4">
<a href="#" class="single-service-btn text-right pull-right "> Read more </a>
</div>
</div>
<div class="col-sm-0 col-md-0 col-xl-6 col-lg-6">
<div class="module-header__count big-text" style="left:45%">
04 </div>
</div>
</div>
</div>
<!-- cd-timeline__content -->
<!-- -->
</div>
<!-- cd-timeline__block -->
<div class="cd-timeline__block ">
<div class="cd-timeline__img cd-timeline__img--picture " style="
left: 50%;
">
</div>
<div class="cd-timeline__sidebranch alone-right">
</div>
<!-- cd-timeline__img -->
<div class="cd-timeline__content text-component cd-timeline__content--bounce-in">
<div class="row">
<div class="col-sm-0 col-md-0 col-xl-6 col-lg-6">
<div class="module-header__count big-text" style="left:45%">
05 </div>
<h2 class="module-header__title--content">
</h2>
</div>
<div class="col-sm single-service-hover">
<div class="row align-items-center p-desktop">
<div class="col-md-2 col-2">
<div class="single-row-module__icon single-service-icon">
<span class="single-row-module__icon_text d-flex align-items-center justify-content-center">
<i class="fas fa-atom"></i>
</span></div>
</div>
<div class="col-md-10 pl-5 col-10">
<h1 class="h1 mt-0">
</h1>
<h1 class="h1 mt-0">
Approach <span style="color: #87C500;"> five</span>
</h1>
</div>
</div>
<p class="color-contrast-medium p-desktop">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
<a href="#" class="single-service-btn text-right "> Read more </a>
</div>
</div>
</div>
<!-- cd-timeline__content -->
</div>
</div>
</section>
<!-- tab -->
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module row-fluid-wrapper in-view Overview isAnchor" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="cta-module-background" style="background-image: url(img/technology/layer.jpg)">
<div class="shadow-overlay" style="opacity: 0.8"></div>
<div class="module-wrapper">
<div class="cta-module" style="padding: 130px 0 200px 0;">
<div class="cta-module__content">
<div class="cta-module-header h2 ">
<span>Start your project with us or take an existing one <span style="color: #ff0201;">to the next level</span></span>
<div class="cta-module-button anim-second">
<a class="button" href="estimate-project.php">Estimate project</a>
</div>
</div>
<div class="cta-module-caption">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="approach" class="m-top-mins-80 technology_nav_div m-bottom-100-px module-wrapper anim hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module row-fluid-wrapper isAnchor in-view module-wrapper-tab" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<!-- Nav pills -->
<ul class="nav nav-pills technology_nav container nav-justified pr-0" role="tablist" style="background: #fff">
<li class="nav-item">
<a class="nav-link active" data-toggle="pill" href="#tweek-update">
<i class="fas fa-retweet"></i><br>
<span class="mt-3">Tweek & Update</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#marketing">
<i class="fas fa-bullhorn"></i><br>
<span class="mt-3">Marketing</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#planning-project">
<i class="fas fa-project-diagram"></i><br>
<span class="mt-3">Planning the project</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#idea-generating">
<i class="far fa-lightbulb"></i><br>
<span class="mt-3">Idea Generating</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link " data-toggle="pill" href="#other">
<i class="fas fa-stream"></i><br>
<span class="mt-3">Other</span>
</a>
</li>
</ul>
<div class="tab-content technology_content">
<div id="tweek-update" class="container tab-pane"><br>
<div class="row tiles-highlights animate__animated animate__fadeInLeft">
<div class="col-sm">
<h4 class="h4 gray-font">Tweek & Update</h4>
<h2 class="h2 m-top-0"> Easy to customaize</h2>
<div class="divider_line m-bottom-10"></div>
<p class="pr-4">
We Provide Easy to Customise System With Unlimited Support We provide Customized software solution which are specially built for a definite purpose based on the needs. We make sure that system is flexible and can be altered according to the changing requirements,
the changes reflect improvement in the execution process.
</p>
<br>
<a href="#" class="button-primary">Contact</a>
</div>
<div class="col-sm">
<h4 class="h4 gray-font">That's right!</h4>
<h2 class="h2 m-top-0">Optimized for business</h2>
<div class="divider_line m-bottom-10"></div>
<h4 class="h4 gray-font"> Features & Options</h4>
<p>Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p>
<h4 class="h4 gray-font">Support & Documentation</h4>
<p>Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p>
<div class="accordion technology_accordion m-top-0" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> Features & Options</span>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
<div class="card-body">
<p>HTML stands for HyperText Markup Language. HTML is the standard markup language for describing the structure of web pages. <a href="https://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> Support & documentation</span>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" style="">
<div class="card-body">
<p>Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions. <a href="https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> RTL ready</span>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample" style="">
<div class="card-body">
<p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for a given HTML element such as colors, backgrounds, fonts etc. <a href="https://www.tutorialrepublic.com/css-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="marketing" class="container tab-pane"><br>
<div class="row tiles-highlights animate__animated animate__fadeInLeft">
<div class="col-sm">
<h4 class="h4 gray-font">Marketing</h4>
<h2 class="h2 m-top-0"> Easy to customaize</h2>
<div class="divider_line m-bottom-10"></div>
<p class="pr-4">
We Provide Easy to Customise System With Unlimited Support We provide Customized software solution which are specially built for a definite purpose based on the needs. We make sure that system is flexible and can be altered according to the changing requirements,
the changes reflect improvement in the execution process.
</p>
<br>
<a href="#" class="button-primary">Contact</a>
</div>
<div class="col-sm">
<h4 class="h4 gray-font">That's right!</h4>
<h2 class="h2 m-top-0">Optimized for business</h2>
<div class="divider_line m-bottom-10"></div>
<h4 class="h4 gray-font"> Features & Options</h4>
<p>Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p>
<h4 class="h4 gray-font">Support & Documentation</h4>
<p>Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p>
<div class="accordion technology_accordion m-top-0" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> Featursssses & Options</span>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
<div class="card-body">
<p>HTML stands for HyperText Markup Language. HTML is the standard markup language for describing the structure of web pages. <a href="https://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> Support & documentation</span>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" style="">
<div class="card-body">
<p>Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions. <a href="https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> RTL ready</span>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample" style="">
<div class="card-body">
<p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for a given HTML element such as colors, backgrounds, fonts etc. <a href="https://www.tutorialrepublic.com/css-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="planning-project" class="container tab-pane"><br>
<div class="row tiles-highlights animate__animated animate__fadeInLeft">
<div class="col-sm">
<h4 class="h4 gray-font">Planning the project</h4>
<h2 class="h2 m-top-0"> Easy to customaize</h2>
<div class="divider_line m-bottom-10"></div>
<p>
We Provide Easy to Customise System With Unlimited Support We provide Customized software solution which are specially built for a definite purpose based on the needs. We make sure that system is flexible and can be altered according to the changing requirements,
the changes reflect improvement in the execution process.
</p>
<br>
<a href="#" class="button-primary">Contact</a>
</div>
<div class="col-sm">
<h4 class="h4 gray-font">That's right!</h4>
<h2 class="h2 m-top-0">Optimized for business</h2>
<div class="divider_line m-bottom-10"></div>
<div class="accordion technology_accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> Features & Options</span>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
<div class="card-body">
<p>HTML stands for HyperText Markup Language. HTML is the standard markup language for describing the structure of web pages. <a href="https://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> Support & documentation</span>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" style="">
<div class="card-body">
<p>Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions. <a href="https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> RTL ready</span>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample" style="">
<div class="card-body">
<p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for a given HTML element such as colors, backgrounds, fonts etc. <a href="https://www.tutorialrepublic.com/css-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="idea-generating" class="container tab-pane"><br>
<div class="row tiles-highlights animate__animated animate__fadeInLeft">
<div class="col-sm">
<h4 class="h4 gray-font">Idea Generating</h4>
<h2 class="h2 m-top-0"> Easy to customaize</h2>
<div class="divider_line m-bottom-10"></div>
<p class="pr-4">
We Provide Easy to Customise System With Unlimited Support We provide Customized software solution which are specially built for a definite purpose based on the needs. We make sure that system is flexible and can be altered according to the changing requirements,
the changes reflect improvement in the execution process.
</p>
<br>
<a href="#" class="button-primary">Contact</a>
</div>
<div class="col-sm">
<h4 class="h4 gray-font">That's right!</h4>
<h2 class="h2 m-top-0">Optimized for business</h2>
<div class="divider_line m-bottom-10"></div>
<h4 class="h4 gray-font"> Features & Options</h4>
<p>Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p>
<h4 class="h4 gray-font">Support & Documentation</h4>
<p>Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p>
<div class="accordion technology_accordion m-top-0" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> Features & Options</span>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
<div class="card-body">
<p>HTML stands for HyperText Markup Language. HTML is the standard markup language for describing the structure of web pages. <a href="https://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> Support & documentation</span>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" style="">
<div class="card-body">
<p>Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions. <a href="https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> RTL ready</span>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample" style="">
<div class="card-body">
<p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for a given HTML element such as colors, backgrounds, fonts etc. <a href="https://www.tutorialrepublic.com/css-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="other" class="container tab-pane active"><br>
<div class="row tiles-highlights animate__animated animate__fadeInLeft">
<div class="col-sm">
<h4 class="h4 gray-font">Other</h4>
<h2 class="h2 m-top-0"> Easy to customaize</h2>
<div class="divider_line m-bottom-10"></div>
<p class="pr-4">
We Provide Easy to Customise System With Unlimited Support We provide Customized software solution which are specially built for a definite purpose based on the needs. We make sure that system is flexible and can be altered according to the changing requirements,
the changes reflect improvement in the execution process.
</p>
<br>
<a href="#" class="button-primary">Contact</a>
</div>
<div class="col-sm">
<h4 class="h4 gray-font">That's right!</h4>
<h2 class="h2 m-top-0">Optimized for business</h2>
<div class="divider_line m-bottom-10"></div>
<h4 class="h4 gray-font"> Features & Options</h4>
<p>Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p>
<h4 class="h4 gray-font">Support & Documentation</h4>
<p>Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p>
<div class="accordion technology_accordion m-top-0" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> Features & Options</span>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
<div class="card-body">
<p>HTML stands for HyperText Markup Language. HTML is the standard markup language for describing the structure of web pages. <a href="https://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> Support & documentation</span>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" style="">
<div class="card-body">
<p>Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions. <a href="https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button type="button" class="btn btn-link collapsed as-accordion-head" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false">
<div class="faq_plas_icon">
<span id="as-accordion-close" class="as-accordion-close"><img src="img/technology/plus.png" /></span>
</div>
<span class="card-header-title-ch"> RTL ready</span>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample" style="">
<div class="card-body">
<p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for a given HTML element such as colors, backgrounds, fonts etc. <a href="https://www.tutorialrepublic.com/css-tutorial/" target="_blank">Learn more.</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module row-fluid-wrapper in-view Overview mt-0 pt-0 isAnchor" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="approach">
<div class="cta-module-background" style="background-image: url('img/Layer-41.png')">
<div class="shadow-overlay" style="opacity: 0.4"></div>
<div class="module-wrapper">
<div class="cta-module">
<div class="cta-module__content">
<div class="cta-module-header h2 anim-first">
<span>Start your project with us or take an existing one <span style="color: #ff0201;">to the next level</span></span>
</div>
<div class="cta-module-caption">
</div>
<div class="cta-module-button anim-second">
<a class="button" href="estimate-project.php">Estimate project</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- technology services -->
<!-- start footer -->
<?php include "include/footer.php"; ?>
<script src="js/jquery-1.11.2.js"></script>
<script>
hsjQuery = window['jQuery'];
</script>
<script>
if (typeof hsVars !== 'undefined') {
hsVars['language'] = 'en';
}
</script>
<div id="hs_cos_wrapper_widget_1558347196309" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div>
</span>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<!-- <script src="hs/hsstatic/cos-i18n/static-1.16/bundles/project.js"></script> -->
<script src="js/navbar_GLOBAL.min.js"></script>
<script src="js/static_image_with_content.min.js"></script>
<script src="js/navigation-copy.min.js"></script>
<script src="js/header.js"></script>
<script src="js/gallery-slider.min.js"></script>
<script src="js/Single_row_items.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- <script type="text/javascript" id="hs-script-loader" async defer src="hs/scriptloader/493098.js"></script>
End of HubSpot Analytics Code -->
<script src="plugins/particles/js/particles.js"></script>
<script src="plugins/particles/js/app.js"></script>
<script src="plugins/particles/js/particles.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/scripts/app.js"></script>
<script type="text/javascript" src="plugins/slicks/slick.js"></script>
<script src="plugins/horizontal-timeline/script.js"></script>
<script src="plugins/timeline/timeline.js"></script>
<script>
jQuery(document).ready(function() {
jQuery(".hover1").hover(
function() {
jQuery(this).addClass("flipped");
},
function() {
jQuery(this).removeClass("flipped");
}
);
});
</script>
<script>
jQuery(document).ready(function() {
jQuery('#custom_handle_ele li').on('click', function() {
var index = jQuery(this).index();
jQuery('.testimonial-text').slick('slickGoTo', index);
});
jQuery('.testimonial-text').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true,
autoplay: true,
asNavFor: '.testimonial-image',
responsive: [{
breakpoint: 992,
settings: {
slidesToShow: 1,
dots: false,
}
}, {
breakpoint: 480,
settings: {
slidesToShow: 1,
dots: false,
}
}]
});
jQuery('.testimonial-image').slick({
slidesToShow: 1,
slidesToScroll: 1,
asNavFor: '.testimonial-text',
dots: false,
arrows: false,
autoplay: true,
fade: true,
});
})
</script>
<script>
var App = new App();
App.includeHtml();
jQuery(document).ready(function() {
jQuery("#footer-review-section-sync1").owlCarousel({
items: 1,
singleItem: true,
animateOut: 'fadeOut',
loop: true,
autoplay: false,
autoplayTimeout: 3000,
responsiveClass: true,
dotsContainer: '#carousel-custom-dots'
});
jQuery("#footer-blog-section").owlCarousel({
items: 3,
singleItem: true,
animateOut: 'fadeOut',
loop: true,
autoplay: false,
responsive: {
0: {
items: 1,
nav: true
},
600: {
items: 2,
nav: false
},
1000: {
items: 3,
nav: true,
loop: false
}
},
autoplayTimeout: 3000,
responsiveClass: true,
nav: true,
navText: [
"<div class='nav-btn prev-slide'><i class='fa fa-arrow-left'></i></div>",
"<div class='nav-btn next-slide'><i class='fa fa-arrow-right'></i></div>"
],
});
jQuery("#header_service_images_slider").owlCarousel({
items: 1,
singleItem: true,
animateOut: 'fadeOut',
loop: true,
autoplay: true,
autoplayTimeout: 3000,
responsiveClass: true,
});
});
</script>
<script>
jQuery(document).ready(function() {
jQuery(".dropdown-btn").click(function() {
jQuery(".dropdown-container").toggle();
});
});
</script>
<script>
function chnage_img() {
var img1 = "img/header/logo.png ",
img2 = "";
var imgElement = document.getElementById('logo-img');
imgElement.src = (imgElement.src === img1) ? img2 : img1;
}
</script>
<script type="text/javascript">
jQuery(function() {
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > 106) {
jQuery('.navbar-module--logo img').attr('src', 'img/header/logo.png');
}
if (jQuery(this).scrollTop() < 106) {
jQuery('.navbar-module--logo img').attr('src', 'img/header/logo-light.png');
}
})
});
</script>
<script>
jQuery(document).ready(function() {
jQuery('.menu-has-megamenu').hover(function() {
jQuery('.navbar-module').addClass('moved');
},
function() {
jQuery('.navbar-module').removeClass('moved');
});
});
jQuery(function() {
jQuery(".menu-has-megamenu").hover(function() {
jQuery('.navbar-module--logo').find('img').attr("src", "img/header/logo.png");
}, function() {
jQuery('.navbar-module--logo').find('img').attr("src", "img/header/logo-light.png");
});
})
jQuery(document).ready(function() {
jQuery('.menu-has-megamenu').hover(function() {
jQuery('.navbar-module--estimate').addClass('navbar-module--estimate--ghost');
},
function() {
jQuery('.navbar-module--estimates').removeClass('navbar-module--estimate--ghost');
});
});
</script>
<script>
hsjQuery = window['jQuery'];
$ = window['jQuery'];
jQuery(function() {
jQuery('.toggle-menu').click(function() {
jQuery('.exo-menu').toggleClass('display');
});
});
jQuery(function() {
jQuery(".field-wrapper .field-placeholder").on("click", function() {
jQuery(this).closest(".field-wrapper").find("input,textarea").focus();
});
jQuery(".field-wrapper input,textarea").on("keyup", function() {
var value = jQuery.trim(jQuery(this).val());
if (value) {
jQuery(this).closest(".field-wrapper").addClass("hasValue");
} else {
jQuery(this).closest(".field-wrapper").removeClass("hasValue");
}
});
});
</script>
<script type="text/javascript">
particlesJS("particles-js-header", {
particles: {
number: {
value: 15,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#fff"
},
shape: {
type: "image",
stroke: {
width: 0,
color: "#000000"
},
polygon: {
nb_sides: 5
},
image: {
src: "img/header/Ellipse.png",
width: 300,
height: 300
}
},
opacity: {
value: 0.21646062821684559,
random: true,
anim: {
enable: false,
speed: 1,
opacity_min: 0.1,
sync: false
}
},
size: {
value: 16,
random: false,
anim: {
enable: false,
speed: 17.053621458328248,
size_min: 0.1,
sync: false
}
},
line_linked: {
enable: false,
distance: 500,
color: "#ffffff",
opacity: 0.4,
width: 2
},
move: {
enable: true,
speed: 1.1,
direction: "bottom",
random: false,
straight: false,
out_mode: "out",
bounce: false,
attract: {
enable: false,
rotateX: 600,
rotateY: 1200
}
},
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "bubble"
},
onclick: {
enable: true,
mode: "repulse"
},
resize: true
},
modes: {
grab: {
distance: 400,
line_linked: {
opacity: 0.9
}
},
bubble: {
distance: 400,
size: 4,
duration: 0.3,
opacity: 1,
speed: 3
},
repulse: {
distance: 200,
duration: 0.4
},
push: {
particles_nb: 4
},
remove: {
particles_nb: 2
},
},
},
retina_detect: true,
});
var count_particles, stats, update;
stats = new Stats();
stats.setMode(0);
stats.domElement.style.position = "absolute";
stats.domElement.style.left = "0px";
stats.domElement.style.top = "0px";
document.body.appendChild(stats.domElement);
count_particles = document.querySelector(".js-count-particles");
update = function() {
stats.begin();
stats.end();
if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
}
requestAnimationFrame(update);
};
requestAnimationFrame(update);
</script>
<script type="text/javascript">
ar init = function() {
var isMobile = navigator.userAgent &&
navigator.userAgent.toLowerCase().indexOf('mobile') >= 0;
var isSmall = window.innerWidth < 1000;
var ps = new ParticleSlider({
ptlGap: isMobile || isSmall ? 3 : 0,
ptlSize: isMobile || isSmall ? 3 : 1,
width: 1e9,
height: 1e9
});
var gui = new dat.GUI();
gui.add(ps, 'ptlGap').min(0).max(5).step(1).onChange(function() {
ps.init(true);
});
gui.add(ps, 'ptlSize').min(1).max(5).step(1).onChange(function() {
ps.init(true);
});
gui.add(ps, 'restless');
gui.addColor(ps, 'color').onChange(function(value) {
ps.monochrome = true;
ps.setColor(value);
ps.init(true);
});
(window.addEventListener ?
window.addEventListener('click', function() {
ps.init(true)
}, false) :
window.onclick = function() {
ps.init(true)
});
}
var initParticleSlider = function() {
var psScript = document.createElement('script');
(psScript.addEventListener ?
psScript.addEventListener('load', init, false) :
psScript.onload = init);
psScript.src = 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/23500/ps-0.9.js';
psScript.setAttribute('type', 'text/javascript');
document.body.appendChild(psScript);
}
(window.addEventListener ?
window.addEventListener('load', initParticleSlider, false) :
window.onload = initParticleSlider);
</script>
<script>
if (typeof hsVars !== 'undefined') {
hsVars['language'] = 'en';
}
$(document).ready(function() {
// Add minus icon for collapse element which is open by default
$(".collapse.show").each(function() {
$(this).prev(".card-header").find(".fa").css("transform", "rotateZ(45deg)");
});
// Toggle plus minus icon on show hide of collapse element
$(".collapse").on('show.bs.collapse', function() {
$(this).prev(".card-header").find(".fa").css("transform", "rotateZ(90deg)")
}).on('hide.bs.collapse', function() {
$(this).prev(".card-header").find(".fa").css("transform", "rotateZ(0deg)");
});
});
$(document).ready(function() {
// set up hover panels
// although this can be done without JavaScript, we've attached these events
// because it causes the hover to be triggered when the element is tapped on a touch device
$('.hover').hover(function() {
$(this).addClass('flip');
}, function() {
$(this).removeClass('flip');
});
});
jQuery(document).ready(($) => {
$('.as-accordion-head').click(function() {
$(this).find('.as-accordion-close').toggleClass('open');
$(this).next('.as-accordion-collapse').slideToggle('fast', () => {
// Do something maybe ..
});
});
});
</script>
</body>
</html>
<!--/end footer -->