https://idealac.com/

ID da verificação
b5736102-9ad5-436b-97f2-378533870049Concluído
URL enviado:
https://idealac.com/
Relatório concluído:

Ligações · 4 encontradas

HiperligaçãoTexto
https://www.facebook.com/IdealSystemsGroup/
https://www.linkedin.com/company/ideal-control-system/
https://HBS.COM.JOHBS
https://hbs.com.johbs

Variáveis JavaScript · 10 encontradas

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction
uidEventnumber
bootstrapobject
WOWfunction
Waypointfunction
waypointContextKeystring

Mensagens de registo da consola · 1 encontradas

TipoCategoriaRegisto
errornetwork
URL
https://idealac.com/img/favicon.ico
Texto
Failed to load resource: the server responded with a status of 404 ()

HTML

<!DOCTYPE html><html lang="en"><head>
    <meta charset="utf-8">
    <title>Ideal-ENG System</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;800&amp;family=Roboto:wght@400;500;700&amp;display=swap" rel="stylesheet"> 

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
    
</head>

<body><div class="parallax-mirror" style="visibility: hidden; z-index: -100; position: fixed; top: 0px; left: 0px; overflow: hidden; height: 413.594px; width: 696px;"><img class="parallax-slider" src="img/carousel-2.jpg" style="position: absolute; height: 562px; width: 999px; max-width: none;"></div><div class="parallax-mirror" style="visibility: hidden; z-index: -100; position: fixed; top: 0px; left: 0px; overflow: hidden; height: 482.797px; width: 696px;"><img class="parallax-slider" src="img/carousel-1.jpg" style="position: absolute; height: 576px; width: 1024px; max-width: none;"></div>
    <!-- Spinner Start -->
    <div id="spinner" class="bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-grow text-primary" role="status"></div>
    </div>
    <!-- Spinner End -->


    <!-- Topbar Start -->
    <div class="container-fluid bg-dark text-white-50 py-2 px-0 d-none d-lg-block">
        <div class="row gx-0 align-items-center">
            <div class="col-lg-7 px-5 text-start">
                <div class="h-100 d-inline-flex align-items-center me-4">
                    <small class="fa fa-phone-alt me-2"></small>
                    <small>+962 6 553 8640</small>
                </div>
                <div class="h-100 d-inline-flex align-items-center me-4">
                    <small class="far fa-envelope-open me-2"></small>
                    <small>[email protected]</small>
                </div>
            </div>
           <!--<div class="col-lg-5 px-5 text-end">
                <ol class="breadcrumb justify-content-end mb-0">
                    <li class="breadcrumb-item"><a class="text-white-50 small" href="#">Home</a></li>
                    <li class="breadcrumb-item"><a class="text-white-50 small" href="#">Terms</a></li>
                    <li class="breadcrumb-item"><a class="text-white-50 small" href="#">Privacy</a></li>
                    <li class="breadcrumb-item"><a class="text-white-50 small" href="#">Support</a></li>
                </ol>
            </div>--> 
        </div>
    </div>
    <!-- Topbar End -->


    <!-- Navbar Start -->
    <nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top px-4 px-lg-5">
        <a href="index.html" class="navbar-brand d-flex align-items-center">
            <h1 class="m-0"><img class="img-fluid me-3" src="img/icon/logo.png" width="300%" height="600%"></h1>
        </a>
        <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <div class="navbar-nav mx-auto bg-light pe-4 py-3 py-lg-0">
                <a href="index.html" class="nav-item nav-link active">Home</a>
                <a href="about.html" class="nav-item nav-link">About Us</a>
                <a href="service.html" class="nav-item nav-link">Services</a>
                <a href="clients.html" class="nav-item nav-link">Client</a>
                <a href="Product.html" class="nav-item nav-link">Products</a>
                <a href="archive.html" class="nav-item nav-link">Archive</a>
                <a href="news.php" class="nav-item nav-link">News</a>
                <a href="contact.html" class="nav-item nav-link">Contact</a>
                <!--<div class="nav-item dropdown">
                    <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
                    <div class="dropdown-menu bg-light border-0 m-0">
                        <a href="feature.html" class="dropdown-item">Features</a>
                        <a href="quote.html" class="dropdown-item">Free Quote</a>
                        <a href="team.html" class="dropdown-item">Our Team</a>
                        <a href="testimonial.html" class="dropdown-item">Testimonial</a>
                        <a href="404.html" class="dropdown-item">404 Page</a>
                    </div>-->
                </div>
                <!--<a href="contact.html" class="nav-item nav-link">Contact Us</a>-->
            </div>
            <div class="h-100 d-lg-inline-flex align-items-center d-none">
                <a class="btn btn-square rounded-circle bg-light text-primary me-2" href="https://www.facebook.com/IdealSystemsGroup/"><i class="fab fa-facebook-f"></i></a>
                <a class="btn btn-square rounded-circle bg-light text-primary me-2" href=""><i class="fab fa-twitter"></i></a>
                <a class="btn btn-square rounded-circle bg-light text-primary me-2" href="https://www.linkedin.com/company/ideal-control-system/"><i class="fab fa-linkedin-in"></i></a>
                <a class="btn btn-square rounded-circle bg-light text-primary me-0" href=""><i class="fab fa-instagram"></i></a>
            </div>
        
    </nav>
    <!-- Navbar End -->


    <!-- Carousel Start -->
    <div class="container-fluid p-0 mb-5">
        <div id="header-carousel" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img class="w-100" src="img/carousel-1.jpg" alt="Image">
                    <div class="carousel-caption">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-lg-7 pt-5">
                                   <h1 class="display-4 text-white mb-4 animated slideInDown"> <span style="color:red ;font-weight:bold">Experts</span> providing our Client with Comprehensive solutions</h1>
                                    <p class="fs-5 text-body mb-4 pb-2 mx-sm-5 animated slideInDown">For all <span style="color:Green ;font-weight:bold">GREEN</span> A/C Systems &amp; Smart Solutions</p>
                                    <a href="" class="btn btn-primary py-3 px-5 animated slideInDown">Explore More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="img/carousel-2.jpg" alt="Image">
                    <div class="carousel-caption">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-lg-7 pt-5">
                                    <h1 class="display-4 text-white mb-4 animated slideInDown">Ideal Technologies <span style="color:red ;font-weight:bold">Energy and Quality</span> Assurance</h1>
                                    <p class="fs-5 text-body mb-4 pb-2 mx-sm-5 animated slideInDown">Laboratories for Home Appliances </p>
                                    <a href="" class="btn btn-primary py-3 px-5 animated slideInDown">Explore More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="img/carousel-4.jpg" alt="Image">
                    <div class="carousel-caption">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-lg-7 pt-5">
                                    <h1 class="display-4 text-white mb-4 animated slideInDown">Customer <span style="color:red ;font-weight:bold">Care</span> Proffissionality &amp; High Capabilities<span style="color:red ;font-weight:bold">...</span></h1>
                                    <p class="fs-5 text-body mb-4 pb-2 mx-sm-5 animated slideInDown">Care for small details...  </p>
                                    <a href="" class="btn btn-primary py-3 px-5 animated slideInDown">Explore More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="img/carousel-3.jpg" alt="Image">
                    <div class="carousel-caption">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-lg-7 pt-5">
                                    <h1 class="display-4 text-white mb-4 animated slideInDown">Customer <span style="color:red ;font-weight:bold">Care</span> Proffissionality &amp; High Capabilities<span style="color:red ;font-weight:bold">...</span></h1>
                                    <p class="fs-5 text-body mb-4 pb-2 mx-sm-5 animated slideInDown">Care for small details...  </p>
                                    <a href="" class="btn btn-primary py-3 px-5 animated slideInDown">Explore More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#header-carousel" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#header-carousel" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>
    <!-- Carousel End -->


    <!-- About Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
                    <div class="h-100">
                        <h1 class="display-6 mb-5">The comprehensive solution in one place</h1>
                        <div class="row g-4 mb-4">
                            <div class="col-sm-6">
                                <div class="d-flex align-items-center">
                                    <img class="flex-shrink-0 me-3" src="img/icon/icon-07-primaryR.png" alt="">
                                    <h5 class="mb-0">Expert Technician</h5>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="d-flex align-items-center">
                                    <img class="flex-shrink-0 me-3" src="img/icon/icon-09-primaryR.png" alt="">
                                    <h5 class="mb-0">Best Quality Services</h5>
                                </div>
                            </div>
                        </div>
                        <p class="mb-4"><span style="color:red ;font-weight:bold"> Ideal Engineering Systems Co.</span> is a part of <span style="color:red ;font-weight:bold">  Ideal Group of Companies  </span> which includes sister companies specialising in:</p>
                        
                        <ul>
                            <li>Control </li>
                            <li>Building Management Systems (BMS)</li>
                            <li>Home Automation</li>
                            <li>Security Systems</li>
                            <li>Electrical Control</li>
                            <li>Wiring Accessories &amp; Power Panels Manufacturing</li>
                            <li>Energy Efficiency Measurement Laboratories</li>
                            <li>Electromechanical Contracting</li>
                        </ul>
                        <p class="mb-4"> and with the aid of these capabilities and expertise Ideal could be one of the best companies who can provide their clients with</p>

                        <div class="border-top mt-4 pt-4">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="d-flex align-items-center">
                                        <div class="btn-lg-square bg-primary rounded-circle me-3">
                                            <i class="fa fa-phone-alt text-white"></i>
                                        </div>
                                        <h5 class="mb-0">+962 6 553 8640</h5>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="d-flex align-items-center">
                                        <div class="btn-lg-square bg-primary rounded-circle me-3">
                                            <i class="fa fa-envelope text-white"></i>
                                        </div>
                                        <h5 class="mb-0">[email protected]</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="row g-3">
                        <div class="col-6 text-end">
                            <img class="img-fluid w-75 wow zoomIn" data-wow-delay="0.1s" src="img/about-1.jpg" style="margin-top: 25%; visibility: hidden; animation-delay: 0.1s; animation-name: none;">
                        </div>
                        <div class="col-6 text-start">
                            <img class="img-fluid w-100 wow zoomIn" data-wow-delay="0.3s" src="img/about-2.jpg" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
                        </div>
                        <div class="col-6 text-end">
                            <img class="img-fluid w-50 wow zoomIn" data-wow-delay="0.5s" src="img/about-3.jpg" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
                        </div>
                        <div class="col-6 text-start">
                            <img class="img-fluid w-75 wow zoomIn" data-wow-delay="0.7s" src="img/about-4.jpg" style="visibility: hidden; animation-delay: 0.7s; animation-name: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- About End -->


    <!-- Facts Start -->

<section id="facts1" class="facts1-area dark-bg">
    <div class="container">
      <div class="facts1-wrapper">
          <div class="row">
            <div class="col-md-3 col-sm-6 ts-facts1">
                <div class="ts-facts1-img">
                  <img loading="lazy" src="img/icon-image/fact1.png" alt="facts1-img ">
                </div>
                <div class="ts-facts1-content">
                  <h2 class="display-6 mb-6">+<span data-toggle="counter-up">1000</span></h2>
                  <h3 class="ts-facts1-title">Total Projects</h3>
                </div>
            </div><!-- Col end -->
  
            <div class="col-md-3 col-sm-6 ts-facts1 mt-5 mt-sm-0">
                <div class="ts-facts1-img ">
                  <img loading="lazy" src="img/icon-image/fact2.png" alt="facts1-img">
                </div>
                <div class="ts-facts1-content">
                    <h2 class="display-6 mb-6">+<span data-toggle="counter-up">50</span></h2>
                  <h3 class="ts-facts1-title">Total of Employees</h3>
                </div>
            </div><!-- Col end -->
  
            <div class="col-md-3 col-sm-6 ts-facts1 mt-5 mt-md-0">
                <div class="ts-facts1-img">
                  <img loading="lazy" src="img/icon-image/fact3.png" alt="facts1-img">
                </div>
                <div class="ts-facts1-content">
                    <h2 class="display-6 mb-6">+<span data-toggle="counter-up">18</span></h2>
                  <h3 class="ts-facts1-title">Years of Experience</h3>
                </div>
            </div><!-- Col end -->
  
            <div class="col-md-3 col-sm-6 ts-facts1 mt-5 mt-md-0">
                <div class="ts-facts1-img">
                  <img loading="lazy" src="img/icon-image/fact4.png" alt="facts1-img">
                </div>
                <div class="ts-facts1-content">
                    <h2 class="display-6 mb-6">+<span data-toggle="counter-up">2000</span></h2>
                  <h3 class="ts-facts1-title">Clients</h3>
                </div>
            </div><!-- Col end -->
        </div> 
    </div>
    <!--/ Content row end -->
  </div>
  <!--/ Container end -->
</section>
     
    
    <!-- Facts End -->


    <!-- Features Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="row g-5">
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
                    <h1 class="display-6 mb-5">Reasons Why People Choosing Us!</h1>
                    <p class="mb-5">ours served by competent products and precise engineering to provide consistent quality and customer satisfaction</p>
                    <div class="d-flex mb-5">
                        <div class="flex-shrink-0 btn-square bg-primary rounded-circle" style="width: 90px; height: 90px;">
                            <img class="img-fluid" src="img/icon/icon-08-light.png" alt="">
                        </div>
                        <div class="ms-4">
                            <h5 class="mb-3">Trusted Service Center</h5>
                            <span>we are dedicated to creating the ideal customer service; our services and products have been installed in many prestigious projects.</span>
                        </div>
                    </div>
                    <div class="d-flex mb-5">
                        <div class="flex-shrink-0 btn-square bg-primary rounded-circle" style="width: 90px; height: 90px;">
                            <img class="img-fluid" src="img/icon/icon-10-light.png" alt="">
                        </div>
                        <div class="ms-4">
                            <h5 class="mb-3">Reasonable Price</h5>
                            <span>we provide the best international products with Reasonable Price</span>
                        </div>
                    </div>
                    <div class="d-flex mb-0">
                        <div class="flex-shrink-0 btn-square bg-primary rounded-circle" style="width: 90px; height: 90px;">
                            <img class="img-fluid" src="img/icon/icon-06-light.png" alt="">
                        </div>
                        <div class="ms-4">
                            <h5 class="mb-3">24/7 Supports</h5>
                            <span>we are available  24/7 to support our customers</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
                    <div class="position-relative rounded overflow-hidden h-100" style="min-height: 400px;">
                        <img class="position-absolute w-100 h-100" src="img/feature.jpg" alt="" style="object-fit: cover;">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Features End -->


    <!-- Service Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px; visibility: hidden; animation-delay: 0.1s; animation-name: none;">
                <h1 class="display-6 mb-5">We Provide professional Heating &amp; Cooling Services</h1>
            </div>
            <div class="row g-4 justify-content-center">
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
                    <div class="service-item">
                        <a href="academy.html">
                        <img class="img-fluid" src="img/service-1.jpg" alt="">
                    </a>
                        <div class="d-flex align-items-center bg-light">
                            <div class="service-icon flex-shrink-0 bg-primary">
                                <a href="academy.html">
                                <img class="img-fluid" src="img/icon/icon-01-light.png" alt="">
                            </a>
                            </div>
                            <a class="h4 mx-4 mb-0" href="academy.html">Academy</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
                    <div class="service-item">
                        <a href="After-sales.html">
                        <img class="img-fluid" src="img/service-10.jpg" alt="">
                    </a>
                        <div class="d-flex align-items-center bg-light">
                            <div class="service-icon flex-shrink-0 bg-primary">
                                <a href="After-sales.html">
                                <img class="img-fluid" src="img/icon/icon-02-light.png" alt="">
                            </a>
                            </div>
                            <a class="h4 mx-4 mb-0" href="After-sales.html">After-Sales</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
                    <div class="service-item">
                        <a href="design.html">
                        <img class="img-fluid" src="img/service-3.jpg" alt="">
                    </a>
                        <div class="d-flex align-items-center bg-light">
                            <div class="service-icon flex-shrink-0 bg-primary">
                                <a href="design.html">
                                <img class="img-fluid" src="img/icon/icon-03-light.png" alt="">
                            </a>
                            </div>
                            <a class="h4 mx-4 mb-0" href="design.html">Design</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
                    <div class="service-item">
                        <a href="spare-part.html">
                        <img class="img-fluid" src="img/service-4.jpg" alt="">
                        </a>
                        <div class="d-flex align-items-center bg-light">
                            <div class="service-icon flex-shrink-0 bg-primary">
                                <a href="spare-part.html">
                                <img class="img-fluid" src="img/icon/icon-04-light.png" alt="">
                            </a>
                            </div>
                            <a class="h4 mx-4 mb-0" href="spare-part.html">Spare Part</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
                    <div class="service-item">
                        <img class="img-fluid" src="img/service-5.jpg" alt="">
                        <div class="d-flex align-items-center bg-light">
                            <div class="service-icon flex-shrink-0 bg-primary">
                                <img class="img-fluid" src="img/icon/icon-05-light.png" alt="">
                            </div>
                            <a class="h4 mx-4 mb-0" href="">Indoor Air Quality</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
                    <div class="service-item">
                        <img class="img-fluid" src="img/service-6.jpg" alt="">
                        <div class="d-flex align-items-center bg-light">
                            <div class="service-icon flex-shrink-0 bg-primary">
                                <img class="img-fluid" src="img/icon/icon-06-light.png" alt="">
                            </div>
                            <a class="h4 mx-4 mb-0" href="">Annual Inspections</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Service End -->


    <!-- Quote Start -->
    <div class="container-fluid overflow-hidden my-5 px-lg-0">
        <div class="container quote px-lg-0">
            <div class="row g-0 mx-lg-0">
                <div class="col-lg-6 quote-text" data-parallax="scroll" data-image-src="img/carousel-1.jpg">
                    <div class="h-100 px-4 px-sm-5 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
                        <h1 class="text-white mb-4">OUR Products</h1>
                        <p class="text-light mb-5"><span style="color:red ;font-weight:bold"> Ideal Engineering Systems </span> is a business partner to global leaders in air conditioning industry such as LG ,SKM ,PEARL, and other reputable companies from international market .Aiming to grow internationally our products and services have been extended to neighbor countries ,i.e Palestine, Iraq, Syria, Saudi Arabia, UAE, Yemen, Lebanon, And Sudan</p>
                        <a href="Product.html" class="align-self-start btn btn-primary py-3 px-5">More Details</a>
                    </div>
                </div>
                <div class="col-lg-6 quote-form" data-parallax="scroll" data-image-src="img/carousel-2.jpg">
                    <div class="h-100 px-4 px-sm-5 pe-lg-0 wow fadeIn" data-wow-delay="0.5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
                        <div class="image-grid">
                            <div class="row">
                                <div class="image">
                                    <a href="pearl.html">
                                        <img src="img/product/pearl.png" alt="Image 1">
                                    </a>
                                </div>
                                <div class="image">
                                    <a href="carel.html">
                                        <img src="img/product/carel.png" alt="Image 2">
                                    </a>
                                </div>
                                <div class="image">
                                    <a href="frost.html">
                                        <img src="img/product/frost.png" alt="Image 3">
                                    </a>
                                </div>
                                <div class="image">
                                    <a href="honeywell.html">
                                        <img src="img/product/honeywell.png" alt="Image 4">
                                    </a>
                                </div>
                            </div>
                            <div class="row">
                                <div class="image">
                                    <a href="abb.html">
                                        <img src="img/product/ABB.png" alt="Image 5">
                                    </a>
                                </div>
                                <div class="image">
                                    <a href="lg.html">
                                        <img src="img/product/LG.png" alt="Image 6">
                                    </a>
                                </div>
                                <div class="image">
                                    <a href="skm.html">
                                        <img src="img/product/SK.png" alt="Image 7">
                                    </a>
                                </div>
                                <div class="image">
                                    <a href=" ">
                                        <img src="img/product/leviton.jpeg" alt="Image 8">
                                    </a>
                                </div>
                            </div>
                            
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Quote End -->


    <!-- Team Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px; visibility: hidden; animation-delay: 0.1s; animation-name: none;">
                <h1 class="display-6 mb-5">Meet Our Professional Team Members</h1>
            </div>
            <div class="row g-4">
                <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
                    <div class="team-item">
                        <div class="team-img position-relative overflow-hidden">
                            <img class="img-fluid" src="img/team-1.jpg" alt="">
                            <div class="team-social">
                                <a class="btn btn-square btn-primary rounded-circle m-1" href="mailto:[email protected]"><i class="fab fa fa-envelope"></i></a>

                            </div>
                        </div>
                        <div class="bg-light text-center p-4">
                            <h5>Eng.Walid Al-Taweel</h5>
                            <span class="text-primary">General Manager Operations</span>
                            <br>
                            <h7>The University of Jordan-1993</h7>
                         
                        <h7>31 Years Experience</h7>

                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
                    <div class="team-item">
                        <div class="team-img position-relative overflow-hidden">
                            <img class="img-fluid" src="img/team-2.jpg" alt="">
                            <div class="team-social">
                                <a class="btn btn-square btn-primary rounded-circle m-1" href="mailto:[email protected]"><i class="fab fa fa-envelope"></i></a>

                            </div>
                        </div>
                        <div class="bg-light text-center p-4">
                             <h5>Eng.Tariq Al-Omari</h5>
                          
                            <span class="text-primary">General Manager Commercial</span>
                            <br>
                           <h7> The University of Jordan-1992</h7>
                         
                        <h7>31 Years Experience</h7>

                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
                    <div class="team-item">
                        <div class="team-img position-relative overflow-hidden">
                            <img class="img-fluid" src="img/team-3.jpg" alt="">
                            <div class="team-social">
                                 <a class="btn btn-square btn-primary rounded-circle m-1" href="mailto:[email protected]"><i class="fab fa fa-envelope"></i></a>

                            </div>
                        </div>
                        <div class="bg-light text-center p-4">
                            <h6>Eng.Mohammed alkhatib</h6>
                            <span class="text-primary">Sales Manager-Distributors</span>
                           <br>
                        <h7>The Hashemite University-2004</h7>
                        <h7></h7>

                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s" style="visibility: hidden; animation-delay: 0.7s; animation-name: none;">
                    <div class="team-item">
                        <div class="team-img position-relative overflow-hidden">
                            <img class="img-fluid" src="img/team-4.jpg" alt="">
                            <div class="team-social">
                                <a class="btn btn-square btn-primary rounded-circle m-1" href="mailto:[email protected]"><i class="fab fa fa-envelope"></i></a>
                            </div>
                        </div>
                        <div class="bg-light text-center p-4">
                            <h6>Eng.Suleiman Salama</h6>
                            <span class="text-primary">Sales Manager CAC</span>
                            <br>
                            <h7>The University of Jordan-2004</h7>
                            <h7>20 Years Experience</h7>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Team End -->


    <!-- Testimonial Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px; visibility: hidden; animation-delay: 0.1s; animation-name: none;">
                <h1 class="display-6 mb-5">About Our Services</h1>
            </div>
            <div class="row g-5">
                <div class="col-lg-3 d-none d-lg-block">
                    <div class="testimonial-left h-100">
                        <img class="img-fluid animated pulse infinite" src="img/testimonial-4.jpg" alt="">
                        <img class="img-fluid animated pulse infinite" src="img/testimonial-5.jpg" alt="">
                        <img class="img-fluid animated pulse infinite" src="img/testimonial-6.jpg" alt="">  
                         
                    </div>
                </div>
                
                <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
                    <div class="owl-carousel testimonial-carousel owl-loaded owl-drag">
                        
                        
                        
                    <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1392px, 0px, 0px); transition: all 0s ease 0s; width: 4872px;"><div class="owl-item cloned" style="width: 696px;"><div class="testimonial-item text-center">
                            <img class="img-fluid mx-auto mb-4" src="img/testimonial-2.jpg" alt="">
                            <p class="fs-5">our services and products have been installed in many prestigious projects including <span style="color:red ;font-weight:bold">Hotels, Hospitals, Universities, Factories, Shopping Malls, Banks, Office Buildings, Embassies And Administrative Buildings </span></p>
                            <h5>Dobouk Saray</h5>
                            <span>Our Customer</span>
                        </div></div><div class="owl-item cloned" style="width: 696px;"><div class="testimonial-item text-center">
                            <img class="img-fluid mx-auto mb-4" src="img/testimonial-3.jpg" alt="">
                            <p class="fs-5">served by competent products and precise engineering to provide consistent <span style="color:red ;font-weight:bold">quality and customer satisfaction</span></p>
                            <h5>Hi-Way Mall</h5>
                            <span>Our Customer</span>
                        </div></div><div class="owl-item active" style="width: 696px;"><div class="testimonial-item text-center">
                            <img class="img-fluid mx-auto mb-4" src="img/testimonial-1.jpg" alt="">
                            <p class="fs-5">While we are dedicated to creating the ideal service for all customers</p>
                            <h5>AL-Maharat School</h5>
                            <span>Our Customer</span>
                        </div></div><div class="owl-item" style="width: 696px;"><div class="testimonial-item text-center">
                            <img class="img-fluid mx-auto mb-4" src="img/testimonial-2.jpg" alt="">
                            <p class="fs-5">our services and products have been installed in many prestigious projects including <span style="color:red ;font-weight:bold">Hotels, Hospitals, Universities, Factories, Shopping Malls, Banks, Office Buildings, Embassies And Administrative Buildings </span></p>
                            <h5>Dobouk Saray</h5>
                            <span>Our Customer</span>
                        </div></div><div class="owl-item" style="width: 696px;"><div class="testimonial-item text-center">
                            <img class="img-fluid mx-auto mb-4" src="img/testimonial-3.jpg" alt="">
                            <p class="fs-5">served by competent products and precise engineering to provide consistent <span style="color:red ;font-weight:bold">quality and customer satisfaction</span></p>
                            <h5>Hi-Way Mall</h5>
                            <span>Our Customer</span>
                        </div></div><div class="owl-item cloned" style="width: 696px;"><div class="testimonial-item text-center">
                            <img class="img-fluid mx-auto mb-4" src="img/testimonial-1.jpg" alt="">
                            <p class="fs-5">While we are dedicated to creating the ideal service for all customers</p>
                            <h5>AL-Maharat School</h5>
                            <span>Our Customer</span>
                        </div></div><div class="owl-item cloned" style="width: 696px;"><div class="testimonial-item text-center">
                            <img class="img-fluid mx-auto mb-4" src="img/testimonial-2.jpg" alt="">
                            <p class="fs-5">our services and products have been installed in many prestigious projects including <span style="color:red ;font-weight:bold">Hotels, Hospitals, Universities, Factories, Shopping Malls, Banks, Office Buildings, Embassies And Administrative Buildings </span></p>
                            <h5>Dobouk Saray</h5>
                            <span>Our Customer</span>
                        </div></div></div></div><div class="owl-nav"><div class="owl-prev"><i class="bi bi-chevron-left"></i></div><div class="owl-next"><i class="bi bi-chevron-right"></i></div></div><div class="owl-dots disabled"></div></div>
                </div>
                <div class="col-lg-3 d-none d-lg-block">
                    <div class="testimonial-right h-100">
                        <img class="img-fluid animated pulse infinite" src="img/testimonial-7.jpg" alt="">
                        <img class="img-fluid animated pulse infinite" src="img/testimonial-8.jpg" alt="">
                        <img class="img-fluid animated pulse infinite" src="img/testimonial-9.jpg" alt="">
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Testimonial End -->


    <!-- Footer Start -->
    <div class="container-fluid bg-dark footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-md-6">
                    <h1 class="text-white mb-4"><img class="img-fluid me-3" src="img/icon/logo.png" alt=""></h1>
                    <span>We aim to further strengthen our position in the Jordan market and in neighbor countries through added investment in VRF technology and energy saving products while at the same time capitalizing on our conventional air conditioning systems.</span>
                </div>
                <div class="col-md-6">
                    <h5 class="text-light mb-4">News</h5>
                    <p>Raed More News about us</p>
                    <div class="position-relative">
                        <input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="text" placeholder="check News "> 
                        <button type="button" class="btn btn-primary py-2 px-3 position-absolute top-0 end-0 mt-2 me-2"><a class="text-white-50 small" href="news.php">News</a></button>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <h5 class="text-light mb-4">Get In Touch</h5>
                    <p><i class="fa fa-map-marker-alt me-1"></i>Building 111-Wasfi Al-Tall Street</p>
                    <p><i class="fa fa-phone-alt me-3"></i>+ 9626 553 8640</p>
                    <p><i class="fa fa-envelope me-3"></i>[email protected]</p>
                </div>
                <div class="col-lg-3 col-md-6">
                    <h5 class="text-light mb-4">Our Services</h5>
                    <a class="btn btn-link" href="service.html" service.html="">AC Installation</a>
                    <a class="btn btn-link" href="service.html">Cooling Services</a>
                    <a class="btn btn-link" href="service.html">Heating Services</a>
                    <a class="btn btn-link" href="service.html">Annual Inspections</a>
                </div>
                <div class="col-lg-3 col-md-6">
                    <h5 class="text-light mb-4">Quick Links</h5>
                    <a class="btn btn-link" href="about.html">About Us</a>
                    <a class="btn btn-link" href="contact.html">Contact Us</a>
                    <a class="btn btn-link" href="service.html">Our Services</a>
                    <a class="btn btn-link" href="service.html">Terms &amp; Condition</a>
                </div>
                <div class="col-lg-3 col-md-6">
                    <h5 class="text-light mb-4">Follow Us</h5>
                    <div class="d-flex">
                        <a class="btn btn-square rounded-circle me-1" href=""><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-square rounded-circle me-1" href="https://www.facebook.com/IdealSystemsGroup/"><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-square rounded-circle me-1" href=""><i class="fab fa-youtube"></i></a>
                        <a class="btn btn-square rounded-circle me-1" href="https://www.linkedin.com/company/ideal-control-system/"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid copyright">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
                        © <a href="#">Ideal-ENG.System</a>, All Right Reserved.
                    </div>
                    <div class="col-md-6 text-center text-md-end">
                        <!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
                        Designed By <a href="https://HBS.COM.JO">HBS</a>  Distributed by <a href="https://hbs.com.jo">hbs</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->


    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a>


    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>
    <script src="lib/parallax/parallax.min.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>


</body></html>