<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="description" content="Expert Solutions has been providing fitness equipment services to residential, commercial and corporate clients throughout Qatar. We have been providing our services since 2016 including gym maintenance, installations, relocations, repairs and sales.">
    <meta name="keywords" content="treadmil repair, elliptical cross trainer repair, upright bike repair, recumbent bike repair, rowing machine repair, multi gym repair, multi station repair, vibrator repair, cardio equipment repair, strength repair, gym repair, gym maintenance">



    <link rel="icon" href="<?php echo base_url(); ?>assets/img/es_favicon.png">
    <title>Expert Solutions - Fitness / Gym Equipment Repair, Service and Maintenance</title>
    <!-- Bootstrap core CSS -->
    <link href="<?php echo base_url(); ?>assets/css/bootstrap.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/css/reset.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/aos/aos.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/css/gwmenu.css" rel="stylesheet">
  <!--  <link href="<?php echo base_url(); ?>assets/css/font-awesome.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/css/fontawesome.css" rel="stylesheet">	
	 <link href="<?php echo base_url(); ?>assets/css/font-awesome.min.css" rel="stylesheet"> -->
	 <!--<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet">
	<link src="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> -->
	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
    <link href="<?php echo base_url(); ?>assets/css/slider.css" rel="stylesheet">
   <link href="<?php echo base_url(); ?>assets/css/owl.carousel.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/css/datepicker.css" rel="stylesheet">
	
	
<!--<link href="<?php echo base_url(); ?>assets/css/responsive.css" rel="stylesheet">
   <link href="<?php echo base_url(); ?>assets/css/datepicker.css" rel="stylesheet">
   <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css'>
   <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/formvalidation/0.6.2-dev/css/formValidation.min.css'>-->
 <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
 <link href="<?php echo base_url(); ?>assets/css/datepicker.css" rel="stylesheet">
<!--	<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css'> 
    <link href="<?php echo base_url(); ?>assets/css/responsive.css" rel="stylesheet">-->
	<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

    <link href="<?php echo base_url(); ?>assets/css/style.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/css/custom.css" rel="stylesheet">
	 <link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/css/intlTelInput.css" rel="stylesheet" media="screen">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxbookn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxbookn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<style>

.green
{
    background: #4caf50;
}
 div.borderXwidth a:after
{
    position: absolute;
    opacity: 0;
    width: 0%;
    height: 2px;
    content: '';
    background: #FFF;
    transition: all 0.3s;
}



div.borderXwidth a:after
{ 
    right: 0px;
    bottom: 0px;
}

 div.borderXwidth a:hover:after
{
    opacity: 1;
    width: 100%;
}
</style>



  <!-- Global site tag (gtag.js) - Google Ads: 750023870 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-750023870"></script>

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-750023870');
 </script> 


</head>

<body>

    <div class="layout" >
        <div class="header">
         <div class="container">
	

  
	<nav class="navbar navbar-default navbar-mobile bootsnav">
	<div class="attr-nav">
               
                  <ul>
				   <li> <a  class="phone" href="tel:+97477002552"> 77 00 2552</a></li>
                   <li>  <a class="sactive" href="<?php echo site_url('user/booking'); ?>" >Book online</a></li>
                <!--   <li>  <a class="sactive-shop" href="https://shop.expertsolutions.qa" target="_blank" ><i class="fa fa-shopping-cart"></i></a></li>	-->
			       		   
                    </ul>
					</div>
					
	<div class="navbar-header">
    
	
	<ul>
               <li> <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
      <i class="fa fa-bars"></i>
    </button> </li>             
			  <li> <a class="navbar-brand" href="<?php echo site_url('user/index'); ?>"><img src="<?php echo base_url(); ?>assets/img/logo.svg" class="logo" alt="Expert Solutions"></a></li>    
			   <li><a href="tel:+97477002552"><div class="contact-btn"> <i class="fa fa-phone"></i> </div></a></li>
			  			   <!--  <li><div class="contact-btn1"><a href="tel:+97450852253"> <i class="fa fa-phone"> </i></a></div></li>
                                 <li><div class="contact-btn2"><a href="tel:+97450852253"> <i>+97450852253 </i></a></div></li> -->
			   <li><div class="bottom-btn"> <a href="<?php echo site_url('user/booking'); ?>"><i> Book Online </i> </a></div></li>
			     <li><div class="bottom-btn1"> <a href="<?php echo site_url('user/booking'); ?>"><i> Book Online </i> </a></div></li>
			  
		    </ul>
			
	</div>	
  
  <div class="container green borderXwidth">
  <div class="collapse navbar-collapse" id="navbar-menu">
			
           <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
          
		   <li> <a class="<?php echo($tab=='home' ? 'active':'');?>" href="<?php echo site_url('user/index'); ?>">Home</a></li>
           <li> <a class="<?php echo($tab=='about' ? 'active':'');?>" href="<?php echo site_url('user/about'); ?>">About</a></li>
           <li> <a class="<?php echo($tab=='contact' ? 'active':'');?>" href="<?php echo site_url('user/contact'); ?>">Contact</a></li>

           </ul>
				
   </div>
   </div> 
  
  
   
   
  </nav>
	
	<div class="collapse" id="navbarToggleExternalContent" >
  
     
	  <ul class="nav navbar-nav " >
	<!-- Static navbar   <ul class="nav navbar-nav " data-in="fadeInDown" data-out="fadeOutUp">-->

            <li> <a class="<?php echo($tab=='home' ? 'active':'');?>" href="<?php echo site_url('user/index'); ?>">Home</a></li>
            <li> <a class="<?php echo($tab=='about' ? 'active':'');?>" href="<?php echo site_url('user/about'); ?>">About</a></li>
            <li> <a class="<?php echo($tab=='contact' ? 'active':'');?>" href="<?php echo site_url('user/contact'); ?>">Contact</a></li>
			
			   
       </ul>
    
  </div>   
  

    
    </div>
	
</div>
</div>
<script async src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

<div class="clearfix"></div>
       