|
Server : Apache System : Linux p3plzcpnl507073.prod.phx3.secureserver.net 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64 User : swg98tjyzel1 ( 5098476) PHP Version : 8.1.34 Disable Function : NONE Directory : /home/swg98tjyzel1/public_html/ |
Upload File : |
<?php include("include/header.php"); ?>
<!-- main header end -->
<div class="banner" id="banner">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="/assets/img/banner-3.jpg" alt="banner">
<div class="carousel-caption banner-slider-inner d-flex h-100 text-center">
<div class="carousel-content container">
<div class="text-c">
<h1 data-animation="animated fadeInDown delay-05s">We Provide Many Kind of <br>Technology Solutions</h1>
<p data-animation="animated fadeInUp delay-10s">We're proud to be recognized by our clients for the quality of our work.</p>
<a data-animation="animated fadeInUp delay-10s" href="#" class="btn btn-lg btn-round btn-theme">Start a Project</a>
<a data-animation="animated fadeInUp delay-10s" href="#" class="btn btn-lg btn-round btn-white-lg-outline">Contact Now</a>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/assets/img/banner-1.jpg" alt="banner">
<div class="carousel-caption banner-slider-inner d-flex h-100 text-center">
<div class="carousel-content container">
<div class="text-l">
<h1 data-animation="animated fadeInDown delay-05s">Website Development</h1>
<p data-animation="animated fadeInUp delay-10s">We are an international award-winning IT company offer<br> web design, web development and digital marketing services.</p>
<a data-animation="animated fadeInUp delay-10s" href="#" class="btn btn-lg btn-round btn-theme">Start a Project</a>
<a data-animation="animated fadeInUp delay-10s" href="#" class="btn btn-lg btn-round btn-white-lg-outline">Contact Now</a>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/assets/img/banner-2.jpg" alt="banner">
<div class="carousel-caption banner-slider-inner d-flex h-100 text-center">
<div class="carousel-content container">
<div class="text-r">
<h1 data-animation="animated fadeInDown delay-05s">Mobile App Development</h1>
<p data-animation="animated fadeInUp delay-10s">We are a leading Mobile app development company of expert mobile app developers<br> who have delivered 500+ apps for various Industries
Be it a native mobile app for Android or iOS or cross-platform<br> apps using Flutter and React Native, we have done it all.</p>
<a data-animation="animated fadeInUp delay-10s" href="#" class="btn btn-lg btn-round btn-theme">Get Started Now</a>
<a data-animation="animated fadeInUp delay-10s" href="#" class="btn btn-lg btn-round btn-white-lg-outline">Free Download</a>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="slider-mover-left" aria-hidden="true">
<i class="fa fa-angle-left"></i>
</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="slider-mover-right" aria-hidden="true">
<i class="fa fa-angle-right"></i>
</span>
</a>
</div>
</div>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Poppins:wght@600;700&display=swap" rel="stylesheet">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<!-- AOS CSS -->
<link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">
<style>
/* Section */
.why-choose-us {
background: #f9fbfd;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
position: relative;
}
/* Heading */
.why-heading {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 2.5rem;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
border-right: 3px solid #4facfe; /* cursor */
width: 0;
animation: typing 3s steps(30,end) forwards, blink .8s step-end infinite;
}
.text-gradient {
background: linear-gradient(45deg,#4facfe,#00f2fe);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Paragraph */
.why-text {
font-size: 1.125rem;
color: #555;
}
/* Bullet icon */
.check-icon {
color: #4facfe;
font-size: 1.3rem;
margin-top: 3px;
}
/* Typing effect */
@keyframes typing {
from { width: 0 }
to { width: 100% }
}
@keyframes blink {
0%, 100% { border-color: transparent }
50% { border-color: #4facfe }
}
/* Optional fade-up for paragraphs */
[data-aos="fade-up"] {
transform: translateY(20px);
opacity: 0;
transition-property: transform, opacity;
}
</style>
<section class="why-appway py-120">
<div class="container">
<div class="row align-items-center">
<!-- Left Image -->
<div class="col-lg-6 mb-5 mb-lg-0">
<div class="why-image text-center">
<img src="assets/img/about_us.png" alt="About" class="img-fluid">
</div>
</div>
<!-- Right Content -->
<div class="col-lg-6">
<div class="section-title mb-4">
<span class="sub-title">Why Choose Us</span>
<h2>We Deliver Smart & Scalable Digital Solutions</h2>
<p>
We help businesses grow with powerful web solutions, strategic marketing,
and performance-driven execution tailored to your goals.
</p>
</div>
<div class="row g-4">
<div class="col-sm-6">
<div class="feature-box">
<div class="icon">
<i class="bi bi-award"></i>
</div>
<h5>20+ Years Experience</h5>
<p>Proven leadership with deep industry expertise.</p>
</div>
</div>
<div class="col-sm-6">
<div class="feature-box">
<div class="icon">
<i class="bi bi-people"></i>
</div>
<h5>50% Repeat Clients</h5>
<p>Long-term relationships built on trust.</p>
</div>
</div>
<div class="col-sm-6">
<div class="feature-box">
<div class="icon">
<i class="bi bi-graph-up"></i>
</div>
<h5>Proven Growth</h5>
<p>Clients see 30–50% topline revenue growth.</p>
</div>
</div>
<div class="col-sm-6">
<div class="feature-box">
<div class="icon">
<i class="bi bi-lightning"></i>
</div>
<h5>Performance Driven</h5>
<p>Data-focused strategies for maximum ROI.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- AOS JS -->
<script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
<script>
AOS.init({
duration: 1200,
once: true
});
</script>
<!-- Animations -->
<style>
@keyframes fadeInLeft {
0% { opacity: 0; transform: translateX(-50px); }
100% { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInRight {
0% { opacity: 0; transform: translateX(50px); }
100% { opacity: 1; transform: translateX(0); }
}
</style>
<div class="services content-area-2 bg-grea">
<div class="container">
<div class="main-title">
<h1><span>Our</span> Services</h1>
<p>We are a full-service online marketing firm; our team is filled with specialists in:</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="media services-info">
<i class="flaticon-up-arrow"></i>
<div class="media-body">
<h5>Website Development</h5>
<p>Web development refers to building, creating, and maintaining websites, it includes aspects such as web design,web programming.</p>
<a href="php-development.php" class="read-more">Read more</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="media services-info">
<i class="flaticon-commerce"></i>
<div class="media-body">
<h5>Software Development</h5>
<p>Software development is a process by which standalone or individual software is created using a specific programming language.</p>
<a href="software-development.php" class="read-more">Read more</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="media services-info">
<i class="flaticon-graphic"></i>
<div class="media-body">
<h5>Website Design</h5>
<p>Web design is the process of several different aspects, including webpage layout, content production, and graphic design.</p>
<a href="responsive-design.php" class="read-more">Read more</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="media services-info">
<i class="flaticon-social"></i>
<div class="media-body">
<h5 class="mt-0">Mobile Application</h5>
<p>A mobile app or mobile application is a computer program or software application designed to run on a mobile device.</p>
<a href="android-app-development.php" class="read-more">Read more</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="media services-info">
<i class="flaticon-connection-1"></i>
<div class="media-body">
<h5>Digital Marketing</h5>
<p>Digital marketing is the marketing of products or services using digital technologies, mainly on the Internet.</p>
<a href="search-engine-optimization.php" class="read-more">Read more</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="media services-info">
<i class="flaticon-commerce-1"></i>
<div class="media-body">
<h5>Web Hosting</h5>
<p>A web hosting service is a type of Internet hosting service that allows to make website accessible via the World Wide Web.</p>
<a href="linux-hosting.php" class="read-more">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="testimonial-section" style="background:#1e3361; padding:80px 0; text-align:center; color:#fff;">
<style>
.testimonial-section h2 { font-size: 38px; font-weight:700; color:#fff; margin-bottom:10px; }
.testimonial-subtitle { font-size:14px; text-transform:uppercase; color:#ccc; margin-bottom:5px; }
.testimonial-line { width:60px; height:3px; background:#00c853; margin:0 auto 40px; }
.testimonial-container { width:90%; margin:0 auto; box-sizing:border-box; }
.swiper { overflow: visible; padding-bottom: 34px; }
.swiper-wrapper { overflow: visible; }
.swiper-slide { overflow: visible; display:flex; justify-content:center; box-sizing:border-box; padding:0 8px; }
.testimonial-box {
background:#fff; color:#333; padding:44px 34px 30px;
border-radius:10px; max-width:560px; width:100%;
box-shadow:0 18px 0 rgba(13,27,57,0.06);
display:flex; flex-direction:column; justify-content:flex-start;
min-height:320px; position:relative;
}
.testimonial-img {
width:86px; height:86px; border-radius:50%;
overflow:hidden; margin:0 auto 16px auto;
border:5px solid #fff; background:#eee;
box-shadow:0 8px 18px rgba(0,0,0,0.14);
}
.testimonial-img img { width:100%; height:100%; object-fit:cover; }
.testimonial-text { font-size:15px; line-height:1.7; color:#444; text-align:left; }
.testimonial-rating { color:#f5b50a; font-size:16px; margin-top:10px; text-align:left; }
.testimonial-author { margin-top:12px; font-weight:700; font-size:17px; color:#0c2446; text-align:left; }
.testimonial-location { font-size:14px; color:#0d9bff; text-align:left; margin-top:6px; }
.swiper-pagination { margin-top:18px; }
.swiper-pagination-bullet { width:12px; height:12px; opacity:1; background:rgba(255,255,255,0.18); border:2px solid rgba(255,255,255,0.06); margin:0 6px; }
.swiper-pagination-bullet-active { background:#2fb14a; border-color:rgba(255,255,255,0.12); transform:scale(1.04); }
.testimonial-btn { display:inline-block; margin-top:18px; padding:12px 30px; border-radius:6px; border:1px solid #fff; color:#fff; text-decoration:none; font-weight:600; }
.testimonial-btn:hover { background:#00c853; border-color:#00c853; color:#fff; }
@media (max-width:991px){
.testimonial-box{ padding:28px 20px 22px; min-height:200px; }
.testimonial-section h2{ font-size:30px; }
}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<div class="testimonial-subtitle">TESTIMONIALS</div>
<h2>"What Our Clients Say"</h2>
<div class="testimonial-line"></div>
<div class="testimonial-container">
<div class="swiper">
<div class="swiper-wrapper">
<!-- 1. Lyle Lentz -->
<div class="swiper-slide">
<div class="testimonial-box">
<div class="testimonial-img"><img src="/assets/img/avatar/avatar-2.jpg" alt="Lyle"></div>
<div class="testimonial-text">
I had no idea how to create one. Times changed. Luckily I found the exact help I needed.
This team of talent provided fantastic work in a professional manner. They walked me through
the steps I needed to take and quickly performed their work. In just a short time, they delivered
and published exactly what I had envisioned when I found this wonderful tech team.
</div>
<div class="testimonial-rating">★★★★☆</div>
<div class="testimonial-author">Lyle Lentz</div>
</div>
</div>
<!-- 2. Daniel Canuti -->
<div class="swiper-slide">
<div class="testimonial-box">
<div class="testimonial-img"><img src="/assets/img/avatar/avatar-1.jpeg" alt="Daniel"></div>
<div class="testimonial-text">
To be client of Iflexinfosolution and his team was a great experience. They were always available
at any time, taking care of my needs, answering questions, and solving each problem during the process.
Great job, thanks a lot.
</div>
<div class="testimonial-rating">★★★★☆</div>
<div class="testimonial-author">Daniel Canuti, ABRAZOS</div>
</div>
</div>
<!-- 3. Artashes Arakelyan -->
<div class="swiper-slide">
<div class="testimonial-box">
<div class="testimonial-img"><img src="/assets/img/avatar/Aarkelyan.jpg" alt="Artashes"></div>
<div class="testimonial-text">
I didn't even think about improving my Website. I thought it was well designed and met all the requirements.
However, one day I got a suggestion from Joy to improve my webpage. His proposal made the services provided by
my company incomparably more interesting and representative. I ordered Joy, who presented a very lucrative offer.
I am grateful for the services rendered. It was a great pleasure to work with him and his team, who are very
reliable and trustworthy partners. Thank you, Joy.
</div>
<div class="testimonial-rating">★★★★★</div>
<div class="testimonial-author">Artashes Arakelyan</div>
</div>
</div>
<!-- 4. Anne Vitale -->
<div class="swiper-slide">
<div class="testimonial-box">
<div class="testimonial-img"><img src="/assets/img/avatar/anne.png" alt="Anne"></div>
<div class="testimonial-text">
I‘m a psychologist in private practice. I created a do-it-yourself educational website way back in 1994.
Over the years the design had become outdated. Then I got an email from Iflexinfosolutions with an offer
to modernize it at a price I could afford. I wasn’t sure what to expect, but they went right to work.
Within weeks, details were finalized and now it is back online. It looks and performs beautifully.
My visitor rate has increased threefold — a very welcome surprise.
</div>
<div class="testimonial-rating">★★★★★</div>
<div class="testimonial-author">Anne Vitale PhD, Licensed Psychologist</div>
</div>
</div>
<!-- 5. David Abrahim -->
<div class="swiper-slide">
<div class="testimonial-box">
<div class="testimonial-img"><img src="/assets/img/avatar/avatar-3.jpg" alt="David"></div>
<div class="testimonial-text">
Thank you for the wonderful job you and your company did to deliver this valuable marketing tool on our behalf.
</div>
<div class="testimonial-rating">★★★★☆</div>
<div class="testimonial-author">David Abrahim</div>
</div>
</div>
<!-- 5. David Abrahim -->
<div class="swiper-slide">
<div class="testimonial-box">
<div class="testimonial-img"><img src="/assets/img/avatar/avatar-6.jpg" alt="David"></div>
<div class="testimonial-text">
I own a small pet products business. In 2024, I decided the web not only needed a major update, but
deserved one as the business would soon be celebrating the 15th anniversary. Working with the team
at iflexinfosolution, they brought my ideas to life. I look forward to growing my business with my new, updated, more modern web.
</div>
<div class="testimonial-rating">★★★★☆</div>
<div class="testimonial-author">Lorraine Walston</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<a href="#" class="testimonial-btn">READ MORE WORDS →</a>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
new Swiper('.swiper', {
loop:true,
slidesPerView:2,
slidesPerGroup:2,
spaceBetween:16,
loopFillGroupWithBlank:true,
autoplay:{ delay:5000, disableOnInteraction:false },
pagination:{ el:'.swiper-pagination', clickable:true },
breakpoints:{
0:{slidesPerView:1,slidesPerGroup:1},
992:{slidesPerView:2,slidesPerGroup:2}
}
});
</script>
</section>
<!--
<div class="testimonial-1 overview-bgi">
<div class="container">
<div class="row">
<div class="offset-lg-2 col-lg-8">
<div class="testimonial-inner">
<header class="testimonia-header">
<h2 style="color: #fff;">"What Our Client Say"</h2>
</header>
<div id="carouselExampleIndicators7" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-xs-12">
<div class="avatar">
<img src="/assets/img/avatar/avatar-2.jpg" alt="avatar-2" class="img-fluid rounded">
</div>
</div>
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-xs-12">
<p class="lead">
I had no idea how to create one. Times changed. Luckily I found the exact help I needed...
</p>
<div class="author-name">Lyle Lentz</div>
<ul class="rating">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star-half-full"></i></li>
</ul>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-xs-12">
<div class="avatar">
<img src="/assets/img/avatar/avatar-1.jpeg" alt="avatar" class="img-fluid rounded">
</div>
</div>
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-xs-12">
<p class="lead">
To be client of Iflexinfosolution and team was a great experience...
</p>
<div class="author-name">Daniel Canuti, ABRAZOS</div>
<ul class="rating">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star-half-full"></i></li>
</ul>
</div>
</div>
</div>
<!-- Other testimonials remain here... -->
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators7" role="button" data-slide="prev">
<span class="slider-mover-left" aria-hidden="true">
<i class="fa fa-angle-left"></i>
</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators7" role="button" data-slide="next">
<span class="slider-mover-right" aria-hidden="true">
<i class="fa fa-angle-right"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
-->
<div class="portfolio-area content-area-8">
<div class="container-fluid">
<div class="main-title">
<h1><span>Our</span> portfolio</h1>
<ul class="list-inline-listing filters filteriz-navigation">
<li class="active btn filtr-button filtr" data-filter="all">All</li>
<li data-filter="1" class="btn btn-inline filtr-button filtr">Web Development</li>
<li data-filter="2" class="btn btn-inline filtr-button filtr">SEO</li>
<li data-filter="3" class="btn btn-inline filtr-button filtr">E-commerce</li>
<li data-filter="4" class="btn btn-inline filtr-button filtr">Mobile App</li>
</ul>
</div>
<div class="row filter-portfolio">
<div class="cars">
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="3">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-20.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio20.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/img-20.jpg" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-2.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-3.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="3">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-21.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio21.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/img-21.jpg" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-2.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-3.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="3">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-1.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio10.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/img-1.jpg" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-2.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-3.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="3, 2, 1">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-2.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio7.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/img-2.jpg" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-3.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-4.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="1, 2">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-3.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio9.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/img-3.jpg" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-4.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-5.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="3, 2">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-4.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio8.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/img-4.jpg" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-5.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-6.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="2, 1">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-5.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio11.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/img-5.jpg" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-6.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-7.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="3, 1, 2">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-6.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio13.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/img-6.jpg" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-7.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-8.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="3, 2, 1">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-7.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio12.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-8.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-1.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="3, 2, 1">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-7.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio12.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/img-7.jpg" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-8.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-1.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="4">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-15.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio15.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/img-15.jpg" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-15.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-1.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-pad filtr-item" data-category="1, 2">
<div class="property-box">
<div class="property-thumbnail">
<a href="#" class="property-img">
<img src="/assets/img/portfolio/img-8.jpg" alt="portfolio" class="img-fluid">
</a>
<div class="property-overlay">
<a href="portfolio5.php" class="overlay-link">
<i class="fa fa-link"></i>
</a>
<div class="property-magnify-gallery">
<a href="assets/img/portfolio/img-8.jpg" class="overlay-link">
<i class="fa fa-search-plus"></i>
</a>
<a href="assets/img/portfolio/img-1.jpg" class="hidden"></a>
<a href="assets/img/portfolio/img-2.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="counters counters-2 overview-bgi">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="counter-box">
<i class="flaticon-cup"></i>
<h1 class="counter">967</h1>
<h5>Awards</h5>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="counter-box">
<i class="flaticon-people-1"></i>
<h1 class="counter">254</h1>
<h5>Active Member</h5>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="counter-box">
<i class="flaticon-people"></i>
<h1 class="counter">130</h1>
<h5>Happy Clients</h5>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="counter-box">
<i class="flaticon-bars"></i>
<h1 class="counter">94</h1>
<h5>Total Projects</h5>
</div>
</div>
</div>
</div>
</div>
<div class="agent content-area-2">
<div class="container">
<div class="main-title">
<h1><span>Our</span> Expertise</h1>
<p>Choosing the right web technology or technologies for your project is an important step to ensure the ultimate success of your product or service. If you have preferences for specific technologies, let us know about them, and we will find ways to utilize them the most effectively.</p>
</div>
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
<div class="agent-2">
<div class="agent-photo">
<a href="#">
<img src="/assets/img/avatar/avatar-5.jpg" alt="avatar" class="img-fluid">
</a>
</div>
<div class="agent-details">
<h5><a href="team.html">WORDPRESS</a></h5>
<p>We develop great Wordpress websites, thus helping businesses to scale, grow, and develop.</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 ">
<div class="agent-2">
<div class="agent-photo">
<a href="#">
<img src="/assets/img/avatar/avatar-7.jpg" alt="avatar" class="img-fluid">
</a>
</div>
<div class="agent-details">
<h5><a href="team.html">MAGENTO</a></h5>
<p>If you have an eCommerce website, then you would need Magento to help create the ideal layout.</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
<div class="agent-2">
<div class="agent-photo">
<a href="#">
<img src="/assets/img/avatar/avatar-7.jpg" alt="avatar" class="img-fluid">
</a>
</div>
<div class="agent-details">
<h5><a href="team.html">CMS DEVELOPMENT</a></h5>
<p>If you need a customized CMS for your site, then we can help you with that. Let us know what features you want and need and we can make it happen.</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 ">
<div class="agent-2">
<div class="agent-photo">
<a href="team.html">
<img src="/assets/img/avatar/avatar-8.jpg" alt="avatar" class="img-fluid">
</a>
</div>
<div class="agent-details">
<h5><a href="#">MOBILE APP DEVELOPMENT</a></h5>
<p>If you are looking for a mobile application to be created, then we are the company to help you.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container partner">
<div class="row">
<div class="multi-carousel" data-items="1,3,5,6" data-slide="1" id="multiCarousel" data-interval="1000">
<div class="multi-carousel-inner">
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-1.jpg" alt="brand">
</div>
</div>
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-2.jpg" alt="brand">
</div>
</div>
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-3.jpg" alt="brand">
</div>
</div>
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-4.png" alt="brand">
</div>
</div>
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-5.jpg" alt="brand">
</div>
</div>
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-6.png" alt="brand">
</div>
</div>
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-7.jpg" alt="brand">
</div>
</div>
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-8.png" alt="brand">
</div>
</div>
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-9.png" alt="brand">
</div>
</div>
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-10.png" alt="brand">
</div>
</div>
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-11.jpg" alt="brand">
</div>
</div>
<div class="item">
<div class="pad15">
<img src="/assets/img/brands/brand-12.jpg" alt="brand">
</div>
</div>
</div>
<a class="multi-carousel-indicator leftLst" aria-hidden="true">
<i class="fa fa-angle-left"></i>
</a>
<a class="multi-carousel-indicator rightLst" aria-hidden="true">
<i class="fa fa-angle-right"></i>
</a>
</div>
</div>
</div>
<div class="intro-section">
<div class="container">
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<div class="main-title">
<h1 style="font-size: 20px; color: ghostwhite;">Get Free Audit Report For Your Website ?</h1>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2"></div>
<div class="col-xl-6 col-lg-7 col-md-7 col-sm-12">
<form action="audit-form.php" method="post">
<div class="form-group">
<input type="text" class="form-control" placeholder="http://Websitename.com/">
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-3 col-sm-12">
<a href="audit-form.php" class="btn btn-md">Submit</a>
</div>
</form>
</div>
</div>
</div>
<?php include("include/footer.php"); ?>