| Server IP : 108.163.255.210 / Your IP : 18.117.254.202 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/public_html/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">
Driving Ambitious Brands Through <br>
<span style="color: #87C500;">Cutting-Edge Solutions </span></h1>
<div>
<p> We brainstorm, innovate, inspire and support brands to drive digital transformation </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 -->
<!-- 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 pl-0">
<div class="module-header__content" style="text-align: left">
<div class="module-header__title">
<h2 class="module-header__title--content">
Dynamic, Inventive Web, Mobile,
<span style="color: #8BC53D;">Cloud Development Technology Stack</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>As experts in ground-breaking web, mobile, cloud, data, and cross-platform solutions, we work hard to fuel your goals with a powerfully tailored cutting-edge technological stack for your project.</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">
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href=" ./Hire-remote-developer/hire-dedicated-wordpress-apps-remote-developers" class="tile-sections__link py-5">
<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- ">
30% of <br>websites globally<br> run on WordPress</p>
<button class="tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-outstanding-php-remote-developers" class="tile-sections__link py-5">
<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- ">
78.9% of<br> websites use<br> PHP in some way <br></p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-resonant-outsystems-&-progressive-web-apps-remote-developers" class="tile-sections__link py-5">
<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- ">
#1 low-code <br>platform to build mission-critical apps </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-exceptional-ruby-on-rails-remote-developers" class="tile-sections__link py-5">
<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- ">
Builds apps<br> 40% faster <br>than other stacks <br></p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-outstanding-php-remote-developers" class="tile-sections__link py-5">
<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- ">
3rd most<br> popular and the <br>strongest CMS globally </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href=" ./Hire-remote-developer/hire-javascript-remote-developers" class="tile-sections__link py-5">
<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- ">
The most popular<br> JS framework with<br> 60% more use </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href=" ./Hire-remote-developer/hire-javascript-remote-developers" class="tile-sections__link py-5">
<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- ">
The 3rd most<br> popular JS framework <br><br></p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href=" ./Hire-remote-developer/hire-exceptional-python-remote-developers" class="tile-sections__link py-5">
<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- ">
56.4% of <br>websites use python <br><br></p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-dedicated-mobile-apps-remote-developers" class="tile-sections__link py-5">
<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- ">
2nd largest app store <br>generates $46B yearly <br><br></p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href=" ./Hire-remote-developer/hire-javascript-remote-developers " class="tile-sections__link py-5">
<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- ">
Reduces development costs by 58%<br><br></p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
</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 m-0">
<div class="container">
<div class="row">
<div class="h2 col-md-12 text-center">
<span class="text-light">Have Any Questions?</span>
<div class="cta-module-button anim-second">
<a class="button" href="estimate-project" style="color: #87C500;background: white;">Get in Touch</a>
</div>
</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=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-dedicated-mobile-apps-remote-developers" class="tile-sections__link py-5">
<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- ">
The largest<br> app store makes<br> over $34B yearly </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-salesforce-developers-and-consultants-remote-developers " class="tile-sections__link py-5">
<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">
Salesforce</h4>
<p class="tile-sections__link- ">
Firms using <br>Salesforce see<br> +25% ROI increase </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href=" ./Hire-remote-developer/hire-outstanding-php-remote-developers " class="tile-sections__link py-5">
<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">
Laravel</h4>
<p class="tile-sections__link- ">
The biggest <br>php framework<br> with 25% market share </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-dedicated-mobile-apps-remote-developers " class="tile-sections__link py-5">
<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- ">
2nd largest <br>software for <br>cross-platform apps </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-dedicated-ecommerce-website-remote-developers" class="tile-sections__link py-5">
<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- ">
Top ecommerce solution with 4% market share </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-dedicated-ecommerce-website-remote-developers" class="tile-sections__link py-5">
<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- ">
3rd leading <br>ecommerce with <br>17% market share </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-dedicated-ecommerce-website-remote-developers" class="tile-sections__link py-5">
<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- ">
Top <br>Ecommerce tech <br>with 1.6% market share </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href=" ./Hire-remote-developer/hire-full-service-ui-ux-design-agency-remote-developers " class="tile-sections__link py-5">
<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- ">
Better UX <br>raises conversions<br> 400% and UI by 200% </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-bespoke-cloud-application-development-services-remote-developers" class="tile-sections__link py-5">
<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- ">
Top 3 Cloud <br>tech with total <br>56% market share </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</div>
</div>
<div class=" col-1-5 tiles-highlights__tile">
<div class="open-source--tile">
<a href="./Hire-remote-developer/hire-machine-learning-and-ai-engineers-remote-developers" 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 my-3">
Machine Learning & AI</h4>
<p class="tile-sections__link- ">
AI will<br>generate $2.9tn in <br>business value in 2021 </p>
<button class=" tech-btn m-top-10">Get in touch</button>
</a>
</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>We Aim To Make A Difference. Let's Build <span style="color: #ff0201;">Something Awesome</span> Together</span>
</div>
<div class="cta-module-caption">
</div>
<div class="cta-module-button anim-second">
<a class="button" href="estimate-project">Estimate project</a>
</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="module-wrapper">
<div class="cta-module">
<div class="cta-module__content">
<div class="cta-module-header h2 anim-first">
<span style="color:#000;">Our <span style="color: #ff0201;">Core Software Development</span> Process</span>
</div>
<p class="tile-sections__link- " style="color:#000;">You have a vision. We bring you the expertise, insights, and dedication to create authentic works of art that can fuel your <br>business growth. Even so, we follow a proven, transparent, and dependable process to give you ultimate<br> control over your project and helps us build long term relationships with you. </p>
<div class="cta-module-caption">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- timeline -->
<section class="cd-timeline js-cd-timeline ">
<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-centerN 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>Let's Take Your Project To <span style="color: #ff0201;"> The Next Level</span></span>
<div class="cta-module-button anim-second">
<a class="button" href="estimate-project">Talk To Our Experts</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="#idea-generating">
<i class="far fa-lightbulb"></i><br>
<span class="mt-3">Idea Generating</span>
</a>
</li>
</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="#other">
<i class="fas fa-stream"></i><br>
<span class="mt-3">Development</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link " 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>
</ul>
<div class="tab-content container technology_content">
<div id="idea-generating" class="container tab-pane active"><br>
<div class="row tiles-highlights animate__animated animate__fadeInLeft">
<div class="col-sm">
<h4 class="h4 gray-font">Idea Generation</h4>
<h2 class="h2 m-top-0"> Profoundly Customized</h2>
<div class="divider_line m-bottom-10"></div>
<p class="pr-4">
An idea on its own isn't worth anything. Hence our ideation process is about transforming your idea into a valuable, relevant, and successful solution. We will work together with you to provide clarity around your project development process and eliminate
possible mistakes.
</p>
<br>
<a href="estimate-project" class="button-primary">Get in Touch</a>
</div>
<div class="col-sm">
<h4 class="h4 gray-font">That's right!</h4>
<h2 class="h2 m-top-0">We Focus On Your Goals</h2>
<div class="divider_line m-bottom-10"></div>
<h4 class="h4 gray-font">Digital Transformation</h4>
<p>We are thorough in our quest to fulfill your needs. That's why we ask the right questions aimed at shaping your business idea to ensure that we have every critical detail necessary for meeting your goals.</p>
<h4 class="h4 gray-font">Fully Supportive</h4>
<p>No matter what you need, whether you are planning on a new project or optimizing an existing one, we're here to help you make it work.</p>
<div class="accordion technology_accordion mt-4" 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>We will brainstorm ideas for the most essential features of your product and make sure we get it right from the onset.</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">UX Review</span>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" style="">
<div class="card-body">
<p>We carefully assess your existing digital solutions to optimize your product and solve all UX issues for a seamless experience that sings to the hearts of your users.</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">Research & Validation</span>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample" style="">
<div class="card-body">
<p>We will critically research and analyze your market in just 6 weeks to craft an awesome digital product that accurately meets and achieves your goals</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">Smart & Adaptive</h2>
<div class="divider_line m-bottom-10"></div>
<p class="pr-4">
Without a smart plan, it becomes difficult to evaluate the strength and weaknesses of each stage of your software development. Our consultants will work hand in hand with you to prioritize the key steps of the development process to craft a solution that
meets your needs.
</p>
<br>
<a href="estimate-project" class="button-primary">Get in Touch</a>
</div>
<div class="col-sm">
<h4 class="h4 gray-font">That's right!</h4>
<h2 class="h2 m-top-0">We Drive Better Choices </h2>
<div class="divider_line m-bottom-10"></div>
<h4 class="h4 gray-font">Hands-on Expertise</h4>
<p>With profound expertise in your technological field, we will put together a smart plan, with the right blend of the cutting-edge stack, expertise and proven strategies.</p>
<h4 class="h4 gray-font">Optimized to your business goals</h4>
<p>Because we strive to meet your business goals, we make the entire planning process flexible and responsive. We can make changes at any time to achieve optimum execution. </p>
<div class="accordion technology_accordion mt-4" 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">Scoping Session</span>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
<div class="card-body">
<p>We will collaborate with you to find key answers about your project planning, budget, and time estimation. </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">Process & Documentation</span>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" style="">
<div class="card-body">
<p>We will create a detailed description of the precise steps to complete your software development from start to finish.</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">Deliverables</span>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample" style="">
<div class="card-body">
<p>We will connect you to your team and discuss the different deliverables and milestones of your project.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="other" class="container tab-pane "><br>
<div class="row tiles-highlights animate__animated animate__fadeInLeft">
<div class="col-sm">
<h4 class="h4 gray-font">Development</h4>
<h2 class="h2 m-top-0"> Bespoke Solutions</h2>
<div class="divider_line m-bottom-10"></div>
<p>We craft resonant and meaningful digital products that offer outstanding user experiences to solve real problems and drives your business growth to extraordinary heights. Backed by hard data, we add value to your business and customers
with a seamless creation that is beautiful, engaging, and designed to deliver top-notch performance.</p>
<br>
<a href="estimate-project" class="button-primary">Get in Touch</a>
</div>
<div class="col-sm">
<h4 class="h4 gray-font">That's right!</h4>
<h2 class="h2 m-top-0">Reduce Your Time To Market</h2>
<div class="divider_line m-bottom-10"></div>
<h4 class="h4 gray-font">Proven Architecture</h4>
<p>We blend the best practices and methodologies and proven technologies to craft the most reliable and scalable solutions and eliminate risks.</p>
<h4 class="h4 gray-font">DevOps Practices</h4>
<p>With the advantage of DevOps principles, we provide a compelling approach to develop innovations faster and meet your customer's needs in the shortest possible time.</p>
<div class="accordion technology_accordion mt-4" 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">Product Design</span>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
<div class="card-body">
<p>We will carefully curate the right product design, data structure, database design, and all supporting functionalities to help reduce the time to market by over 30% and eliminate risks. </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">Fast Prototyping</span>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" style="">
<div class="card-body">
<p>Our practices enable us to transform your visions into fully functional prototypes quickly for easy analysis and optimization of your solutions.</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">Timely Communication</span>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample" style="">
<div class="card-body">
<p>We will keep you abreast of every step of the development process to help you attain maximum control over your project</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<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">Tweaks & Update</h4>
<h2 class="h2 m-top-0"></h2>
<div class="divider_line m-bottom-10"></div>
<p class="pr-4">To deliver a first-class digital solution, we test and develop iteratively. Our testing process isn't an isolated event or an afterthought. At Coozmoo, our teams of experts work hard at your product, finding problems during and
after the build to solve them sooner and help shorten the process of development. </p>
<br>
<a href="estimate-project" class="button-primary">Get in Touch</a>
</div>
<div class="col-sm">
<h4 class="h4 gray-font">That's right!</h4>
<h2 class="h2 m-top-0">Meticulous & Thorough</h2>
<div class="divider_line m-bottom-10"></div>
<h4 class="h4 gray-font">In-depth Testing</h4>
<p>We will test your products rigorously according to industry standards and using UX tools to uncover how users interact with it. </p>
<h4 class="h4 gray-font">Continuous Support</h4>
<p>Beyond the deployment, we will provide continuous support to ensure that your software stays secure, and delivers the highest levels of performance.</p>
<div class="accordion technology_accordion mt-4" 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">Software Testing </span>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
<div class="card-body">
<p>We carry out a host of testing including functional testing, integrations testing and non-functional testing to fix every bug, glitches or mistakes.</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">Tailored Testing</span>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" style="">
<div class="card-body">
<p>Although there are over 100+ testing we are capable of, our testing, processes and implementation methods adapt seamlessly customized to your goals</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">Beta testing </span>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample" style="">
<div class="card-body">
<p>We perform A/B testing and a host of other testing approaches to leverage real feedback from real users and optimize your products to accurate meet market needs. </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"> Impeccable Support</h2>
<div class="divider_line m-bottom-10"></div>
<p class="pr-4">We will assist you with the deployment and implementation of your software solution. Even so, we strive to help you lay the groundwork carefully to mitigate risks and increase the success potentials of your new solution. We are
relentless in our pursuit of ways to help you succeed from the get-go.</p>
<br>
<a href="estimate-project" class="button-primary">Get in Touch</a>
</div>
<div class="col-sm">
<h4 class="h4 gray-font">That's right!</h4>
<h2 class="h2 m-top-0">Optimized for Impeccable Success</h2>
<div class="divider_line m-bottom-10"></div>
<h4 class="h4 gray-font">Test your approach</h4>
<p>We help you evaluate your new product plus your marketing plans, to ensure that you achieve an optimal product alongside an equally remarkable marketing campaign.</p>
<h4 class="h4 gray-font">Proof of Value</h4>
<p>Once you launch, we will help you measure the effectiveness of your software solution, to identity, guarantee, and sustain the competitive edge.</p>
<div class="accordion technology_accordion mt-4" 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">Beat Your Competition</span>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
<div class="card-body">
<p>All functionalities to meet your basic customer needs, plus engagement tools, and loyalty programs to help you beat the competition from the first move.</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">Clear Roadmap</span>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" style="">
<div class="card-body">
<p>We help you understand your product's lifecycle so that it becomes easy to monitor your marketing results for the right time to update your media message or revise the product.</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">Documentation</span>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample" style="">
<div class="card-body">
<p>We will document the final product in a clear, short, and bite-sized document that covers every potential problem during use.</p>
</div>
</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>Ready to Build <span style="color: #ff0201;">Something Awesome</span> Together?</span>
</div>
<div class="cta-module-caption">
</div>
<div class="cta-module-button anim-second">
<a class="button" href="estimate-project">Schedule your free consultation</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>
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 (window.pageYOffset < 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() {
if (window.pageYOffset < 106) {
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() {
if (window.pageYOffset < 106) {
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>
jQuery(document).ready(function() {
jQuery(".dropdown-btn-service").click(function() {
jQuery(".service-dropdown-menu").toggleClass("show");
});
jQuery(".dropdown-btn-solution").click(function() {
jQuery(".solution-dropdown-menu ").toggleClass("show");
});
jQuery(".dropdown-btn-about").click(function() {
jQuery(".about-dropdown-menu ").toggleClass("show");
});
jQuery(".dropdown-btn-technology").click(function() {
jQuery(".technology-dropdown-menu ").toggleClass("show");
});
jQuery(".dropdown-btn-hire").click(function() {
jQuery(".hire-dropdown-menu ").toggleClass("show");
});
jQuery(".navbar-module--hamburger").click(function() {
if (jQuery(".exo-menu").hasClass("expanded")) {
jQuery(".navbar-module").addClass("moved");
}
}); });
</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 -->