Symfony Profiler

{# {% block body %}{% endblock %} #}
<!DOCTYPE html>
<html class="no-js" lang="{{ app.request.locale|replace({'_': '-'}) }}">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>{% block title %}{% endblock %}| Tridevs Group</title>
<meta name="robots" content="noindex, follow" />
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">
<link rel="stylesheet" href="{{ asset("assets/css/vendor/bootstrap.min.css") }}">
<link rel="stylesheet" href="{{ asset("assets/css/plugins/slick.css") }}">
<link rel="stylesheet" href="{{ asset("assets/css/plugins/font-awesome.css") }}">
<link rel="stylesheet" href="{{ asset("assets/css/plugins/icomoon.css") }}">
<link rel="stylesheet" href="{{ asset("assets/css/plugins/plugins.css") }}">
<link rel="stylesheet" href="{{ asset("assets/css/style.css") }}">
{% block stylesheets %}{% endblock %}
</head>
<body class="active-dark-mode">
<div class="main-content">

<header class="ax-header haeder-default light-logo-version header-transparent axil-header-sticky">
<div class="header-wrapper">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-6 col-sm-6 col-8 header-left">
<div class="logo">
<a href="home-01.html">
<img alt="Logo" src="{{ asset('assets/images/logo/logo-dark.png')}}" height="60px" width="230px" class="dark-logo">
<img alt="Logo" src="{{ asset('assets/images/logo/logo-light.png')}}" height="60px" width="230px" class="light-logo">
</a>
</div>
</div>
<div class="col-lg-9 col-md-6 col-sm-6 col-4 header-right">
<div class="mainmenu-wrapepr">

<nav class="mainmenu-nav d-none d-lg-block">
<ul class="mainmenu">
<li class="has-dropdown">
<a href="#">{{ "menu.home"|trans }}</a>
</li>
<li class="has-dropdown">
<a href="#contactus">{{ "menu.about"|trans }}</a>
</li>
<li class="has-dropdown">
<a href="#contactus">{{ "menu.contact"|trans }}</a>
</li>
<li class="has-dropdown">
<a href="#">
<i class="fas fa-language"></i>
</a>
<ul class="axil-submenu">
<li>
<a href="{{ path("app_pages", {"_locale": "en_US"} ) }}">
English
</a>
</li>
<li>
<a href="{{ path("app_pages", {"_locale": "es_CO"} ) }}">
Español
</a>
</li>
<li>
<a href="{{ path("app_pages", {"_locale": "de_DE"} ) }}">
Deutsch
</a>
</li>
</ul>
</li>
</ul>
</nav>

<div class="axil-header-extra d-flex align-items-center">

<div class="ax-search-area ml--40 ml_sm--10">
<a class="search-trigger" href="#"><i class="fas fa-search"></i></a>
</div>


<div class="ax-hamburger ml--40 ml_sm--10 d-none d-lg-block">
<a class="axil-menuToggle ax-hamburger-trigger" id="side-nav-toggler" href="#">
<span></span>
<span></span>
<span></span>
</a>
</div>


<div class="ax-menubar popup-navigation-activation d-block d-lg-none ml_sm--20 ml_md--20">
<div>
<i></i>
</div>
</div>


<div class="axil-search-area">
<form action="#" class="axil-searchbar w-100">
<div class="search-field">
<input type="text" placeholder="Search Here...">
<button class="navbar-search-btn" type="button"><i
class="fal fa-search"></i></button>
</div>
<a href="#" class="navbar-search-close"><i class="fal fa-times"></i></a>
</form>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
</header>


<div class="popup-mobile-manu">
<div class="inner">
<div class="mobileheader">
<div class="logo">
<a href="home-01.html">
<img src="assets/images/logo/keystoke.svg" alt="Logo images">
</a>
</div>
<a class="close-menu" href="#"></a>
</div>
<div class="menu-item">
<ul class="mainmenu-item">
<li class="has-children"><a href="#">Home</a>
<ul class="submenu">
<li><a href="home-01.html">Digital Agency</a></li>
<li><a href="home-02.html">Creative Agency</a></li>
<li><a href="home-03.html">Personal Portfolio</a></li>
<li><a href="home-04.html">Home Startup</a></li>
<li><a href="home-05.html">Corporate Agency</a></li>
</ul>
</li>
<li class="has-children"><a href="#">Services</a>
<ul class="submenu">
<li><a href="services.html">Services</a></li>
<li><a href="service-two.html">Services Two</a></li>
<li><a href="single-service.html">Services Details</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li class="has-children"><a href="#">Blog</a>
<ul class="submenu">
<li><a href="blog.html">Blog List</a></li>
<li><a href="blog-list-two.html">Blog List Two</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li class="has-children"><a href="#">Pages</a>
<ul class="submenu">
<li><a href="button.html">Button</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="testimonial.html">Testimonial</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="portfolio-details.html">Portfolio Details</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="case-study.html">Case Study</a></li>
<li><a href="single-case-study.html">Case Study Details</a></li>
<li><a href="comming-soon.html">Comming Soon</a></li>
<li><a href="404.html">404 Page</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>


<div class="side-nav">
<div class="side-nav-inner">

<form action="#" class="side-nav-search-form">
<div class="form-group search-field">
<input type="text" class="search-field" name="search-field" placeholder="Search...">
<button class="side-nav-search-btn"><i class="fas fa-search"></i></button>
</div>
</form>


<div class="side-nav-content">
<div class="row ">

<div class="col-lg-5 col-xl-6 col-12">
<ul class="main-navigation">
<li><a href="home-01.html">Digital Agency</a></li>
<li><a href="home-02.html">Creative Agency</a></li>
<li><a href="home-03.html">Personal Portfolio</a></li>
<li><a href="home-04.html">Home Startup</a></li>
<li><a href="home-05.html">Corporate Agency</a></li>
</ul>
</div>


<div class="col-lg-7 col-xl-6 col-12">
<div class="axil-contact-info-inner">

<div class="axil-contact-info">
<address class="address">
<span class="title">Contact Information</span>
<p>Theodore Lowe, Ap #867-859 <br> Sit Rd, Azusa New York</p>
</address>
<address class="address">
<span class="title">
We're Available 24/ 7. Call Now.
</span>
<p>
<a class="tel" href="{{ contact_number_link }}" target="_blank">
<i class="fas fa-phone"></i>{{ contact_number }}
</a>
</p>
</address>
</div>


<div class="axil-contact-info">
<h5 class="title">Find us here</h5>
<div class="contact-social-share d-flex align-items-center">
<ul class="social-share style-rounded">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-behance"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
</div>

</div>
</div>

</div>
</div>


<div class="close-sidenav" id="close-sidenav">
<button class="close-button"><i class="fal fa-times"></i></button>
</div>
</div>
</div>


<main class="page-wrapper">

<div class="axil-slider-area axil-slide-activation">

<div class="axil-slide slide-style-default theme-gradient slider-fixed-height d-flex align-items-center paralax-area">
<div class="container">
<div class="row align-items-center pt_md--60 mt_sm--60">
<div class="col-lg-7 col-12 order-2 order-lg-1">
<div class="content pt_md--30 pt_sm--30">
<h1 class="axil-display-1 wow slideFadeInUp" data-wow-duration="1s" data-wow-delay="500ms">
{{ "pages.index.slogan"|trans }}
</h1>
<p class="subtitle-3 wow slideFadeInUp" data-wow-duration="1s" data-wow-delay="800ms">
{% trans %}pages.index.tagline{% endtrans %}
</p>
<a class="axil-button btn-large btn-transparent wow slideFadeInUp" data-wow-duration="1s" data-wow-delay="1300ms" href="#"><span
class="button-text">
{{ "pages.index.view_portfolio"|trans }}
</span><span class="button-icon"></span></a>
</div>
</div>
<div class="col-lg-5 col-12 order-1 order-lg-2">
<div class="topskew-thumbnail-group text-start text-lg-end">
<div class="thumbnail paralax-image">
<img class="light-image" src="assets/images/others/keystoke-image-3.jpg" alt="Keystoke Images">
<img class="dark-image" src="assets/images/others/software-development.jpg" alt="Keystoke Images">
</div>
<div class="shape-group">
<div class="shape shape-1 paralax--1">
<i class="icon icon-shape-05"></i>
</div>
<div class="shape shape-2 customOne">
<i class="icon icon-shape-06"></i>
</div>
<div class="shape shape-3 paralax--3">
<i class="icon icon-shape-04"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>


<div class="axil-service-area ax-section-gap bg-color-white">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center">
<span class="sub-title extra08-color wow" data-splitting>
{{ "pages.index.what_we_can_do"|trans }}
</span>
<h2 class="title wow" data-splitting><span>{{ "pages.index.services_we_can_help_you_with"|trans }}</span></h2>
<p class="subtitle-2 wow" data-splitting>
{{ "pages.index.services_desc"|trans }}
</p>
</div>
</div>
</div>
<div class="row">

<div class="col-lg-4 col-md-6 col-sm-6 col-12 move-up wow">
<div class="axil-service text-center axil-control paralax-image active">
<div class="inner">
<div class="icon gradient-color-02">
<div class="icon-inner">
<img src="assets/images/icons/layer.svg" alt="Icon Images">
<div class="image-2"><img src="assets/images/icons/icon-02.svg" alt="Shape Images"></div>
</div>
</div>
<div class="content">
<h4 class="title wow"><a href="single-service.html">{{ "pages.index.services.software_product_development"|trans }}</a></h4>
<p class="wow">{{ "pages.index.services.software_product_development_desc"|trans }}</p>
</div>
</div>
</div>
</div>


<div class="col-lg-4 col-md-6 col-sm-6 col-12 move-up wow">
<div class="axil-service text-center axil-control paralax-image">
<div class="inner">
<div class="icon gradient-color-03">
<div class="icon-inner">
<img src="assets/images/icons/layer.svg" alt="Icon Images">
<div class="image-2"><img src="assets/images/icons/icon-02.svg" alt="Shape Images"></div>
</div>
</div>
<div class="content">
<h4 class="title wow">
<a href="single-service.html">
{{ "pages.index.services.high_quality_code"|trans }}
</a>
</h4>
<p class="wow">{{ "pages.index.services.high_quality_code_desc"|trans }}</p>
</div>
</div>
</div>
</div>


<div class="col-lg-4 col-md-6 col-sm-6 col-12 move-up wow">
<div class="axil-service text-center axil-control paralax-image">
<div class="inner">
<div class="icon">
<div class="icon-inner">
<img src="assets/images/icons/layer.svg" alt="Icon Images">
<div class="image-2"><img src="assets/images/icons/icon-04.svg" alt="Shape Images"></div>
</div>
</div>
<div class="content">
<h4 class="title wow"><a href="single-service.html">{{ "pages.index.services.testing_quality"|trans }}</a></h4>
<p class="wow">{{ "pages.index.services.testing_quality_desc"|trans }}</p>
</div>
</div>
</div>
</div>

</div>
</div>
</div>


<div class="axil-featured-area ax-section-gap bg-color-lightest">
<div class="container axil-featured-activation axil-carousel" data-slick-options='{
"spaceBetween": 0,
"slidesToShow": 1,
"slidesToScroll": 1,
"arrows": false,
"infinite": true,
"centerMode":true,
"dots": true
}' data-slick-responsive='[
{"breakpoint":769, "settings": {"slidesToShow": 1}},
{"breakpoint":756, "settings": {"slidesToShow": 1}},
{"breakpoint":481, "settings": {"slidesToShow": 1}}
]'>

<div class="row d-flex flex-wrap axil-featured row--0">
<div class="col-lg-6 col-xl-6 col-md-12 col-12">
<div class="thumbnail">
<img class="image w-100" src="assets/images/featured/einvoice.svg" alt="Featured Images">
</div>
</div>
<div class="col-lg-6 col-xl-5 col-md-12 col-12 offset-xl-1 mt_md--40 mt_sm--40">
<div class="inner">
<div class="section-title text-start">
<span class="sub-title extra04-color wow">
{{ "pages.index.our_specializations"|trans }}
</span>
<h2 class="title wow">
<a href="single-case-study.html">
{{ "pages.index.special_einvoice"|trans }}
</a>
</h2>
<p class="subtitle-2 wow">
{{ "pages.index.special_einvoice_desc"|trans }}
</p>
</div>
</div>
</div>
</div>


<div class="row d-flex flex-wrap axil-featured row--0">
<div class="col-lg-6 col-xl-6 col-md-12 col-12">
<div class="thumbnail">
<img class="image w-100" src="assets/images/featured/cloudservices.svg" alt="Featured Images">
</div>
</div>
<div class="col-lg-6 col-xl-5 col-md-12 col-12 offset-xl-1 mt_md--40 mt_sm--40">
<div class="inner">
<div class="section-title text-start">
<span class="sub-title extra04-color wow">
{{ "pages.index.our_specializations"|trans }}
</span>
<h2 class="title wow">
<a href="single-case-study.html">
{{ "pages.index.special_cloud"|trans }}
</a>
</h2>
<p class="subtitle-2 wow">
{{ "pages.index.special_cloud_desc"|trans }}
</p>
</div>
</div>
</div>
</div>


<div class="row d-flex flex-wrap axil-featured row--0">
<div class="col-lg-6 col-xl-6 col-md-12 col-12">
<div class="thumbnail">
<img class="image w-100" src="assets/images/featured/scalability.svg" alt="Featured Images">
</div>
</div>
<div class="col-lg-6 col-xl-5 col-md-12 col-12 offset-xl-1 mt_md--40 mt_sm--40">
<div class="inner">
<div class="section-title text-start">
<span class="sub-title extra04-color wow">
{{ "pages.index.our_specializations"|trans }}
</span>
<h2 class="title wow">
<a href="single-case-study.html">
{{ "pages.index.scalable_service_architecture"|trans }}
</a>
</h2>
<p class="subtitle-2 wow">
{{ "pages.index.scalable_service_architecture_desc"|trans }}
</p>
</div>
</div>
</div>
</div>

</div>
</div>


<div class="axil-about-us-area ax-section-gap bg-color-white axil-shape-position" id="contactus">
<div class="container">
<div class="row">
<div class="col-lg-6 col-xl-6 col-md-12 col-12">
<div class="axil-about-inner">
<div class="section-title text-start">
<span class="sub-title extra08-color move-up wow"> {{ "pages.index.about.spam"|trans }}</span>
<h2 class="title move-up wow"> {% trans %}pages.index.about.title{% endtrans %}</h2>
<p class="subtitle-2 mb--50 mb_lg--20 mb_md--20 mb_sm--15 move-up wow">
{{ "pages.index.about.description_1"|trans }}
</p>
<p class="subtitle-2 move-up wow">
{{ "pages.index.about.description_2"|trans }}
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-5 offset-xl-1 col-md-12 col-12 mt_md--30 mt_sm--30">
<div class="contact-form-wrapper">

<div class="axil-contact-form contact-form-style-1">
<h3 class="title">
{{ "pages.index.contact_form.title"|trans }}
</h3>
<div id="contact-form-alert-success" style="display: none;">
<div class="alert alert-success d-flex align-items-center" role="alert">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-exclamation-triangle-fill flex-shrink-0 me-2" viewBox="0 0 16 16" role="img" aria-label="Warning:">
<path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
</svg>
<div>
{{ "messages.contact.success"|trans }}
</div>
</div>
</div>
<div id="contact-form-alert-error" style="display: none;">
<div class="alert alert-danger d-flex align-items-center" role="alert">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-exclamation-triangle-fill flex-shrink-0 me-2" viewBox="0 0 16 16" role="img" aria-label="Warning:">
<path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
</svg>
<div>
{{ "messages.contact.error"|trans }}
</div>
</div>
</div>
<form action="#" id="contact-form">
<div class="form-group">
<input type="text" name="name" required="required">
<label>{{ "pages.index.contact_form.name"|trans }} *</label>
<span class="focus-border"></span>
</div>
<div class="form-group">
<input type="email" name="email" required="required">
<label>{{ "pages.index.contact_form.email"|trans }} *</label>
<span class="focus-border"></span>
</div>
<div class="form-group">
<input type="text" name="phone">
<label>{{ "pages.index.contact_form.phone"|trans }}</label>
<span class="focus-border"></span>
</div>
<div class="form-group">
<textarea name="message"></textarea>
<label>{{ "pages.index.contact_form.message"|trans }}</label>
<span class="focus-border"></span>
</div>
<div class="form-group" style="text-align: center;">

<div style="display: inline-block;" class="g-recaptcha form-field" data-sitekey="{{ google_recaptcha_site_key }}"></div>

</div>
<div class="form-group">
<button class="axil-button btn-large btn-transparent w-100" type="submit" id="btn-submit-contact-form">
<span class="button-text">
{{ "pages.index.contact_form.send"|trans }}
</span>
<span class="button-icon"></span>
</button>
</div>
</form>
<div class="callto-action-wrapper text-center">
<span class="text">
{{ "pages.index.or_call_us"|trans }}
</span>
<span><i class="fal fa-phone-alt"></i> <a href="{{ contact_number_link }}" target="_blank">{{ contact_number }}</a></span>
</div>
</div>

</div>
</div>
</div>
</div>

<div class="axil-shape-group">
<div class="shape shape-1">
<i class="icon icon-shape-12"></i>
</div>
<div class="shape shape-2">
<i class="icon icon-shape-03"></i>
</div>
</div>

</div>


<div class="axil-portfolio-area ax-section-gap bg-color-lightest">
<div class="container axil-masonary-wrapper">
<div class="row align-items-end">
<div class="col-lg-5 col-md-12">
<div class="section-title">
<span class="sub-title extra07-color wow" data-splitting>our projects</span>
<h2 class="title wow mb--0" data-splitting>{{ "pages.index.some_of_our_finest_work"|trans }}</h2>
</div>
</div>
<div class="col-lg-7 col-md-12 mt_md--20 mt_sm--20">
<div class="messonry-button text-start text-lg-end">
<button data-filter="*" class="is-checked"><span class="filter-text">All</span></button>
<button data-filter=".cat--1">
<span class="filter-text">
{{ "pages.index.webapps"|trans }}
</span>
</button>
<button data-filter=".cat--2">
<span class="filter-text">
{{ "pages.index.websites"|trans }}
</span>
</button>
<button data-filter=".cat--3">
<span class="filter-text">
{{ "pages.index.mobileapps"|trans }}
</span>
</button>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="mesonry-list grid-metro3 mt--20">

<div class="portfolio portfolio_style--1 axil-control active portfolio-33-33 cat--1">
<div class="inner move-up wow">
<div class="thumb wow paralax-image">
<a href="javascript:void(0);">
<img src="/assets/images/portfolio/removeimagebackground.jpg" alt="Portfolio Images">
</a>
</div>
<div class="port-overlay-info">
<div class="hover-action">
<h4 class="title">
<a href="https://removeimagebg.io/">
Remove Image Background
</a>
</h4>
</div>
</div>
</div>
</div>


<div class="portfolio portfolio_style--1 axil-control portfolio-33-33 cat--2">
<div class="inner move-up wow">
<div class="thumb wow paralax-image">
<a href="javascript:void(0);">
<img src="/assets/images/portfolio/andaleseguro.jpg" alt="Portfolio Images">
</a>
</div>
<div class="port-overlay-info">
<div class="hover-action">
<h4 class="title">
<a href="https://www.andaleseguro.com/">Andale Seguro</a>
</h4>
</div>
</div>
</div>
</div>


<div class="portfolio portfolio_style--1 portfolio-33-33 cat--2">
<div class="inner move-up wow">
<div class="thumb wow paralax-image">
<a href="javascript:void(0);"><img src="/assets/images/portfolio/saninova.jpg" alt="Portfolio Images"></a>
</div>
<div class="port-overlay-info">
<div class="hover-action">
<h4 class="title">
<a href="https://santanderinnova.com/">Santander Innova</a>
</h4>
</div>
</div>
</div>
</div>


<div class="portfolio portfolio_style--1 portfolio-33-33 cat--3">
<div class="inner move-up wow">
<div class="thumb wow paralax-image">
<a href="javascript:void(0);"><img src="/assets/images/portfolio/pocketeditor.jpg" alt="Portfolio Images"></a>
</div>
<div class="port-overlay-info">
<div class="hover-action">
<h4 class="title">
<a href="https://play.google.com/store/apps/details?id=com.ourcodeworld.pocketeditor">
Pocket Editor
</a>
</h4>
</div>
</div>
</div>
</div>


<div class="portfolio portfolio_style--1 portfolio-33-33 cat--2">
<div class="inner move-up wow">
<div class="thumb wow paralax-image">
<a href="javascript:void(0);"><img src="assets/images/portfolio/ourcodeworld.jpg" alt="Portfolio Images"></a>
</div>
<div class="port-overlay-info">
<div class="hover-action">
<h4 class="title"><a href="https://ourcodeworld.com/">Our Code World</a></h4>
</div>
</div>
</div>
</div>


<div class="portfolio portfolio_style--1 portfolio-33-33 cat--1">
<div class="inner move-up wow">
<div class="thumb wow paralax-image">
<a href="javascript:void(0);"><img src="assets/images/portfolio/bfhct.jpg" alt="Portfolio Images"></a>
</div>
<div class="port-overlay-info">
<div class="hover-action">
<h4 class="title">
<a href="https://bestfreehtmlcsstemplates.com/">
Best Free HTML/CSS Template
</a>
</h4>
</div>
</div>
</div>
</div>

</div>
<div class="view-all-portfolio-button mt--60 text-center">
<a class="axil-button btn-large btn-transparent btn-xxl" href="#"><span
class="button-text">Discover More Projects</span><span
class="button-icon"></span></a>
</div>
</div>
</div>
</div>
</div>


<div class="axil-counterup-area ax-section-gap bg-color-white">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center">
<span class="sub-title extra08-color wow" data-splitting>
{{ "pages.index.experts_in_field"|trans }}
</span>
<h2 class="title wow" data-splitting>{{ "pages.index.highly_qualified_team"|trans }}</h2>
<p class="subtitle-2 wow" data-splitting>{{ "pages.index.highly_qualified_team_desc"|trans }}</p>
</div>
</div>
</div>
<div class="row">

<div class="col-lg-3 col-md-6 col-sm-6 col-6">
<div class="axil-counterup mt--60 text-center counter-first move-up wow">
<div class="icon">
<img src="assets/images/counterup/shape-01.png" alt="Shape Images">
</div>
<h3 class="count">2</h3>
<p>{{ "pages.index.years_of_operation"|trans }}</p>
</div>
</div>


<div class="col-lg-3 col-md-6 col-sm-6 col-6">
<div class="axil-counterup mt--60 text-center counter-second move-up wow">
<div class="icon">
<img src="assets/images/counterup/shape-02.png" alt="Shape Images">
</div>
<h3 class="count">40</h3>
<p>{{ "pages.index.projects_delivered"|trans }}</p>
</div>
</div>


<div class="col-lg-3 col-md-6 col-sm-6 col-6">
<div class="axil-counterup mt--60 mt_md--30 mt_sm--30 text-center counter-third move-up wow">
<div class="icon">
<img src="assets/images/counterup/shape-03.png" alt="Shape Images">
</div>
<h3 class="count">5</h3>
<p>{{ "pages.index.specialists"|trans }}</p>
</div>
</div>


<div class="col-lg-3 col-md-6 col-sm-6 col-6">
<div class="axil-counterup mt--60 text-center counter-four move-up wow">
<div class="icon">
<img src="assets/images/counterup/shape-04.png" alt="Shape Images">
</div>
<h3 class="count">7</h3>
<p>{{ "pages.index.tech_stacks"|trans }}</p>
</div>
</div>

</div>
</div>
</div>


<div class="axil-testimonial-area ax-section-gap bg-color-lightest">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center">
<span class="sub-title extra05-color wow" data-splitting>
{{ "pages.index.testimonials"|trans }}
</span>
<h2 class="title wow" data-splitting>
{{ "pages.index.testimonials_title"|trans }}
</h2>
<p class="subtitle-2 wow" data-splitting>
{{ "pages.index.testimonials_desc"|trans }}
</p>
</div>
</div>
</div>
<div class="testimonial-activation">
<div class="row axil-testimonial-single">

<div class="col-lg-6 mt--60 mt_sm--30 mt_md--30">
<div class="axil-testimonial testimonial axil-control active move-up wow">
<div class="inner">
<div class="clint-info-wrapper">
<div class="thumb">
<img src="assets/images/testimonial/client-01.jpg" alt="Clint Images">
</div>
<div class="client-info">
<h4 class="title">Martha Maldonado</h4>
<span>Executive Chairman @ Google</span>
</div>
</div>
<div class="description">
<p class="subtitle-3">Donec metus lorem, vulputate at sapien sit amet,
auctor
iaculis lorem. In vel hendrerit nisi. Vestibulum eget risus velit.</p>
<a class="axil-link-button" href="#">Read Project Case Study</a>
</div>
</div>
</div>
</div>


<div class="col-lg-6 mt--60 mt_sm--30 mt_md--30">
<div class="axil-testimonial axil-control testimonial move-up wow">
<div class="inner">
<div class="clint-info-wrapper">
<div class="thumb">
<img src="assets/images/testimonial/client-02.jpg" alt="Clint Images">
</div>
<div class="client-info">
<h4 class="title">Martha Maldonado</h4>
<span>Executive Chairman @ Google</span>
</div>
</div>
<div class="description">
<p class="subtitle-3">Donec metus lorem, vulputate at sapien sit amet,
auctor
iaculis lorem. In vel hendrerit nisi. Vestibulum eget risus velit.</p>
<a class="axil-link-button" href="#">Read Project Case Study</a>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</div>


<div class="axil-brand-area ax-section-gap bg-color-white">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-xl-4 col-lg-4 col-md-8 col-12">
<div class="section-title">
<span class="sub-title extra06-color wow" data-splitting>
{{ "pages.index.technologies"|trans }}
</span>
<h2 class="title wow" data-splitting>
{{ "pages.index.technologies_title"|trans }}
</h2>
<p class="subtitle-2 wow" data-splitting>
{{ "pages.index.technologies_desc"|trans }}
</p>
</div>
</div>
<div class="col-xl-8 col-lg-8 mt_md--40 mt_sm--40">
<div class="axil-brand-logo-wrapper">
<ul class="brand-list liststyle d-flex flex-wrap justify-content-center">
<li>
<a href="#">
<img src="assets/images/brand/magento-adobe-company.png" alt="Magento 2">
</a>
</li>
<li>
<a href="#">
<img src="assets/images/brand/symfony-framework.png" alt="Symfony 6">
</a>
</li>
<li>
<a href="#">
<img src="assets/images/brand/wordpress.png" alt="WordPress">
</a>
</li>
<li>
<a href="#">
<img src="assets/images/brand/ionic.png" alt="Ionic">
</a>
</li>
<li>
<a href="#">
<img src="assets/images/brand/aws.png" alt="Amazon Web Services">
</a>
</li>
<li>
<a href="#">
<img src="assets/images/brand/mysql.png" alt="MySQL">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>


<div class="axil-blog-area ax-section-gap bg-color-lightest">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center">
<span class="sub-title extra04-color">
{{ "pages.index.industries"|trans }}
</span>
<h2 class="title">
{{ "pages.index.industries_title"|trans }}
</h2>
<p class="subtitle-2">
{{ "pages.index.industries_desc"|trans }}
</p>
</div>
</div>
</div>
<div class="row blog-list-wrapper mt--20">

<div class="col-lg-6 col-md-6 col-12">
<div class="axil-blog axil-control mt--40 active move-up wow">
<div class="content">
<div class="content-wrap paralax-image">
<div class="inner">
<h5 class="title">
<a href="javascript:void(0);">
{{ "pages.index.industry_1"|trans }}
</a>
</h5>
<p>
{{ "pages.index.industry_1_desc"|trans }}
</p>
</div>
</div>
</div>
<div class="thumbnail">
<div class="image">
<img src="assets/images/featured/ecommerce.svg" alt="Blog images">
</div>
</div>
</div>
</div>


<div class="col-lg-6 col-md-6 col-12">
<div class="axil-blog axil-control mt--40 move-up wow">
<div class="content">
<div class="content-wrap paralax-image">
<div class="inner">
<h5 class="title">
<a href="javascript:void(0);">
{{ "pages.index.industry_2"|trans }}
</a>
</h5>
<p>
{{ "pages.index.industry_2_desc"|trans }}
</p>
</div>
</div>
</div>
<div class="thumbnail">
<div class="image">
<img src="assets/images/featured/elearning.svg" alt="Blog images">
</div>
</div>
</div>
</div>

<div class="col-lg-6 col-md-6 col-12">
<div class="axil-blog axil-control mt--40 move-up wow">
<div class="content">
<div class="content-wrap paralax-image">
<div class="inner">
<h5 class="title">
<a href="javascript:void(0);">
{{ "pages.index.industry_3"|trans }}
</a>
</h5>
<p>
{{ "pages.index.industry_3_desc"|trans }}
</p>
</div>
</div>
</div>
<div class="thumbnail">
<div class="image">
<img src="assets/images/featured/saas.svg" alt="Blog images">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="axil-blog axil-control mt--40 move-up wow">
<div class="content">
<div class="content-wrap paralax-image">
<div class="inner">
<h5 class="title">
<a href="javascript:void(0);">
{{ "pages.index.industry_4"|trans }}
</a>
</h5>
<p>
{{ "pages.index.industry_4_desc"|trans }}
</p>
</div>
</div>
</div>
<div class="thumbnail">
<div class="image">
<img src="assets/images/featured/logistics.svg" alt="Blog images">
</div>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="axil-call-to-action-area shape-position ax-section-gap theme-gradient">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="axil-call-to-action">
<div class="section-title text-center">
<span class="sub-title extra04-color wow" data-splitting>
{{ "pages.index.lets_work_together"|trans }}
</span>
<h2 class="title wow" data-splitting>
{{ "pages.index.need_custom_software"|trans }}
</h2>
<a class="axil-button btn-large btn-transparent" href="#">
<span class="button-text">
{{ "pages.index.estimate_project"|trans }}
</span>
<span class="button-icon"></span>
</a>
<div class="callto-action">
<span class="text wow" data-splitting>
{{ "pages.index.or_call_us"|trans }}
</span>
<span class="wow" data-splitting>
<i class="fal fa-phone-alt"></i>
<a href="{{ contact_number_link }}" target="_blank">{{ contact_number }}</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shape-group">
<div class="shape shape-01">
<i class="icon icon-shape-14"></i>
</div>
<div class="shape shape-02">
<i class="icon icon-shape-09"></i>
</div>
<div class="shape shape-03">
<i class="icon icon-shape-10"></i>
</div>
<div class="shape shape-04">
<i class="icon icon-shape-11"></i>
</div>
</div>
</div>


</main>


<footer class="axil-footer footer-default theme-gradient-2">
<div class="bg_image--2">

<div class="ft-social-icon-wrapper ax-section-gapTop">
<div class="container">
<div class="row">
<div class="col-lg-12">
<ul class="ft-social-share d-flex justify-content-center liststyle flex-wrap">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>


<div class="footer-top ax-section-gap">
<div class="container">
<div class="row">

<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
<div class="footer-widget-item axil-border-right">
<h2>{{ "footer.title"|trans }}</h2>
<p>{% trans %}footer.description{% endtrans %}</p>
<p>{{ "footer.email_description"|trans }}</p>
</div>
</div>


<div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-12 mt_mobile--30">
<div class="footer-widget-item">
<h6 class="title">Services</h6>
<div class="footer-menu-container">
<ul class="ft-menu liststyle link-hover">
<li><a href="#">{{ "services.logobrand"|trans }}</a></li>
<li><a href="#">{{ "services.webdevelopment"|trans }}</a></li>
<li><a href="#">{{ "services.mobileapps"|trans }}</a></li>
<li><a href="#">{{ "services.searchengineoptimization"|trans }}</a></li>
<li><a href="#">{{ "services.socialmediamarketing"|trans }}</a></li>
</ul>
</div>
</div>
</div>


<div class="col-xl-2 col-lg-6 col-md-6 col-sm-6 col-12 mt_lg--30 mt_md--30 mt_sm--30">
<div class="footer-widget-item">
<h6 class="title">Resourses</h6>
<div class="footer-menu-container">
<ul class="ft-menu liststyle link-hover">
<li>
<a href="#">
{{ "resources.casestudies"|trans }}
</a>
</li>
<li>
<a href="#">
{{ "resources.portfolio"|trans }}
</a>
</li>
</ul>
</div>
</div>
</div>


<div class="col-xl-1 col-lg-6 col-md-6 col-sm-6 col-12 mt_lg--30 mt_md--30 mt_sm--30">
<div class="footer-widget-item widget-support">
<h6 class="title">Support</h6>
<div class="footer-menu-container">
<ul class="ft-menu liststyle link-hover">
<li><a href="contact.html">Contact</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
</div>

</div>
</div>
</div>


<div class="copyright copyright-default">
<div class="container">
<div class="row row--0 ptb--20 axil-basic-thine-line">
<div class="col-lg-6 col-md-6 col-sm-12 col-12">
<div class="inner text-center text-md-start">
<p>© {{ "now"|date("Y") }}. {{ "footer.allrights"|trans }}</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-12">
<div class="quick-contact">
<ul class="link-hover d-flex justify-content-center justify-content-md-end liststyle">
<li>
<a href="#">
{{ "footer.privacy"|trans }}
</a>
</li>
<li>
<a href="#">
{{ "footer.terms"|trans }}
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>

</div>
</footer>

</div>
<!-- JS
============================================ -->

<script src="assets/js/vendor/modernizr.min.js"></script>

<script src="assets/js/vendor/jquery.js"></script>

<script src="assets/js/vendor/bootstrap.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/counterup.js"></script>
<script src="assets/js/imagesloaded.js"></script>
<script src="assets/js/isotope.js"></script>
<script src="assets/js/tilt.js"></script>
<script src="assets/js/anime.js"></script>
<script src="assets/js/tweenmax.js"></script>
<script src="assets/js/slipting.js"></script>
<script src="assets/js/scrollmagic.js"></script>
<script src="assets/js/addindicators.js"></script>
<script src="assets/js/slick.js"></script>
<script src="assets/js/youtube.js"></script>
<script src="assets/js/countdown.js"></script>
<script src="assets/js/scrollup.js"></script>
<script src="assets/js/stickysidebar.js"></script>
<script src="assets/js/js.cookie.js"></script>
<script src="assets/js/jquery.style.switcher.js"></script>
<script src="assets/js/contactform.js"></script>

<script src="assets/js/plugins/plugins.min.js"></script>

<script src="assets/js/main.js"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js" async defer></script>
{% block javascripts %}{% endblock %}
<script>
jQuery(function(){
jQuery("#contact-form").on("submit", function(e){
e.preventDefault();
let form = jQuery(this);
let url = "{{ path("ajax_contact") }}";
let data = form.serialize();
jQuery.ajax({
type: "POST",
url: url,
data: data,
beforeSend: function(){
jQuery("#btn-submit-contact-form").attr("disabled", "disabled");
},
complete: function(){
jQuery("#btn-submit-contact-form").removeAttr("disabled");
},
success: function(data){
if(data.status == "success"){
jQuery("#contact-form-alert-success").show();
jQuery("#contact-form-alert-error").hide();
}else{
jQuery("#contact-form-alert-success").hide();
jQuery("#contact-form-alert-error").show();
}
},
error: function(data){
jQuery("#contact-form-alert-success").hide();
jQuery("#contact-form-alert-error").show();
}
});
});
});
</script>
</body>
</html>

templates/base.html.twig line 1