<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="EaglesThemes">
<meta name="description" content="Industril - Factory and Industrial HTML Template">
<title>industril - Factory and Industrial HTML Template</title>
<link rel="shortcut icon" href="assets/img/favicon/favicon.svg">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/all.min.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/meanmenu.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/nice-select.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<div id="preloader" class="preloader">
<div class="animation-preloader">
<div class="spinner">
</div>
<div class="txt-loading">
<span data-text-preloader="i" class="letters-loading">
i
</span>
<span data-text-preloader="n" class="letters-loading">
n
</span>
<span data-text-preloader="d" class="letters-loading">
d
</span>
<span data-text-preloader="u" class="letters-loading">
u
</span>
<span data-text-preloader="s" class="letters-loading">
s
</span>
<span data-text-preloader="t" class="letters-loading">
t
</span>
<span data-text-preloader="r" class="letters-loading">
r
</span>
<span data-text-preloader="i" class="letters-loading">
i
</span>
<span data-text-preloader="l" class="letters-loading">
l
</span>
</div>
<p class="text-center">Loading</p>
</div>
<div class="loader">
<div class="row">
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
</div>
</div>
</div>
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<div class="fix-area">
<div class="offcanvas__info">
<div class="offcanvas__wrapper">
<div class="offcanvas__content">
<div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
<div class="offcanvas__logo">
<a href="index.html">
<img src="assets/img/logo/logo.svg" alt="logo-img">
</a>
</div>
<div class="offcanvas__close">
<button>
<i class="fas fa-times"></i>
</button>
</div>
</div>
<p class="text d-none d-lg-block">
This involves interactions between a business and its customers. It's about meeting customers' needs and resolving their problems. Effective customer service is crucial.
</p>
<div class="mobile-menu fix mb-5"></div>
<div class="offcanvas__contact">
<h5>Contact Info</h5>
<ul>
<li class="d-flex align-items-center">
<div class="offcanvas__contact-icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="offcanvas__contact-text">
<a target="_blank" href="#">Main Street, Melbourne, Australia</a>
</div>
</li>
<li class="d-flex align-items-center">
<div class="offcanvas__contact-icon mr-15">
<i class="fas fa-envelope"></i>
</div>
<div class="offcanvas__contact-text">
<a href="tel:+013-003-003-9993"><span class="mailto:info@enofik.com">eaglesthemes@gmail.com</span></a>
</div>
</li>
<li class="d-flex align-items-center">
<div class="offcanvas__contact-icon mr-15">
<i class="fas fa-clock"></i>
</div>
<div class="offcanvas__contact-text">
<a target="_blank" href="#">Mod-friday, 09am -05pm</a>
</div>
</li>
<li class="d-flex align-items-center">
<div class="offcanvas__contact-icon mr-15">
<i class="fas fa-phone-alt"></i>
</div>
<div class="offcanvas__contact-text">
<a href="tel:+11002345909">+11002345909</a>
</div>
</li>
</ul>
<div class="header-button mt-5">
<a href="contact.html" class="theme-btn text-center">
Get A Quote
</a>
</div>
<div class="social-icon d-flex align-items-center">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="offcanvas__overlay"></div>
<header>
<div class="top-header">
<div class="container">
<div class="top-header-wrapper">
<ul>
<li>
<i class="fas fa-paper-plane me-2"></i>
<a href="mailto:info@example.com" class="link">info@example.com</a>
</li>
<li>
<i class="fas fa-map-marker-alt me-2"></i>
85 Ketch Harbour RoadBensalem, PA 19020
</li>
</ul>
</div>
</div>
</div>
<div id="header-sticky" class="header-1">
<div class="container">
<div class="mega-menu-wrapper">
<div class="header-main">
<div class="header-left">
<div class="logo">
<a href="index.html" class="header-logo">
<img src="assets/img/logo/logo.svg" alt="logo-img">
</a>
</div>
<div class="mean__menu-wrapper d-none d-lg-block">
<div class="main-menu">
<nav id="mobile-menu">
<ul>
<li>
<a href="index.html">
Home
</a>
<ul class="submenu">
<li><a href="index.html">Industry Service</a></li>
<li><a href="index-2.html">Oil Industry</a></li>
<li><a href="index-3.html">Gas Industry</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li>
<a href="project.html">
Project
</a>
<ul class="submenu">
<li><a href="project.html">Projects</a></li>
<li><a href="project-details.html">Projects Details</a></li>
</ul>
</li>
<li>
<a href="service.html">
Services
</a>
<ul class="submenu">
<li><a href="service.html">Services</a></li>
<li><a href="service-details.html">Services Details</a></li>
</ul>
</li>
<li class="has-dropdown">
<a href="news.html">
Pages
</a>
<ul class="submenu">
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="testimonial.html">Client Feedback</a></li>
<li><a href="gallery.html">Our Gallery</a></li>
<li><a href="pricing.html">Pricing Plan</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="404.html">Error Page</a></li>
</ul>
</li>
<li>
<a href="news.html">
Blog
</a>
<ul class="submenu">
<li><a href="news.html">Blog Grid</a></li>
<li><a href="news-sidebar.html">Blog Sidebar</a></li>
<li><a href="news-standard.html">Blog Standard</a></li>
<li><a href="news-details.html">Blog Details</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="header-right d-flex justify-content-end align-items-center">
<div class="header-contact">
<div class="icon">
<i class="fa-solid fa-phone-volume"></i>
</div>
<a href="tel:912659302003">+91 2659 302 003</a>
</div>
<div class="header__hamburger d-xl-block my-auto">
<div class="sidebar__toggle">
<img src="assets/img/dot.png" alt="img">
<a class="bar-icon d-lg-none my-auto" href="javascript:void(0)">
<i class="fas fa-bars"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="hero-section">
<ul class="hero-social">
<li>
<a href="#0"><i class="fa-brands fa-facebook-f"></i></a>
</li>
<li>
<a href="#0" class="active"><i class="fa-brands fa-twitter"></i></a>
</li>
<li>
<a href="#0"><i class="fa-brands fa-linkedin-in"></i></a>
</li>
<li>
<a href="#0"><i class="fa-brands fa-youtube"></i></a>
</li>
</ul>
<div class="swiper-dot">
<div class="dot"></div>
</div>
<div class="swiper hero-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="hero-1 bg-cover" style="background-image: url('assets/img/hero/hero.jpg');">
<div class="shape-image" data-animation="fadeInLeft" data-delay="2.2s">
<img src="assets/img/hero/mask-shape.png" alt="shape-img">
</div>
<div class="container">
<div class="row g-4 align-items-center justify-content-between">
<div class="col-xl-9">
<div class="hero-content">
<h5 data-animation="fadeInUp" data-delay="1.3s">Special industrial</h5>
<h1 data-animation="fadeInUp" data-delay="1.5s">
Industrial Manufacturing
Forging The future
</h1>
<div class="hero-button">
<a href="about.html" data-animation="fadeInUp" data-delay="1.7s" class="theme-btn">
Explore More
</a>
<a href="about.html" data-animation="fadeInUp" data-delay="1.7s" class="theme-btn-2 white-border">
Our Services
<span class="shape-img">
<img src="assets/img/arrow-shape.png" alt="shape-img">
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-2">
<div class="video-box">
<a href="https://www.youtube.com/watch?v=Y7zIZVlMtFY" class="video-btn ripple video-popup" data-animation="fadeInUp" data-delay="1.4s">
<i class="fa-solid fa-play"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hero-1 bg-cover" style="background-image: url('assets/img/hero/hero-2.jpg');">
<div class="shape-image" data-animation="fadeInLeft" data-delay="2.2s">
<img src="assets/img/hero/mask-shape.png" alt="shape-img">
</div>
<div class="container">
<div class="row g-4 align-items-center justify-content-between">
<div class="col-xl-9">
<div class="hero-content">
<h5 data-animation="fadeInUp" data-delay="1.3s">Special industrial</h5>
<h1 data-animation="fadeInUp" data-delay="1.5s">
Industrial Manufacturing
Forging The future
</h1>
<div class="hero-button">
<a href="about.html" data-animation="fadeInUp" data-delay="1.7s" class="theme-btn">
Explore More
</a>
<a href="about.html" data-animation="fadeInUp" data-delay="1.7s" class="theme-btn-2 white-border">
Our Services
<span class="shape-img">
<img src="assets/img/arrow-shape.png" alt="shape-img">
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-2">
<div class="video-box">
<a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup" data-animation="fadeInUp" data-delay="1.4s">
<i class="fa-solid fa-play"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hero-1 bg-cover" style="background-image: url('assets/img/hero/hero-3.jpg');">
<div class="shape-image" data-animation="fadeInLeft" data-delay="2.2s">
<img src="assets/img/hero/mask-shape.png" alt="shape-img">
</div>
<div class="container">
<div class="row g-4 align-items-center justify-content-between">
<div class="col-xl-9">
<div class="hero-content">
<h5 data-animation="fadeInUp" data-delay="1.3s">Special industrial</h5>
<h1 data-animation="fadeInUp" data-delay="1.5s">
Industrial Manufacturing
Forging The future
</h1>
<div class="hero-button">
<a href="about.html" data-animation="fadeInUp" data-delay="1.7s" class="theme-btn">
Explore More
</a>
<a href="about.html" data-animation="fadeInUp" data-delay="1.7s" class="theme-btn-2 white-border">
Our Services
<span class="shape-img">
<img src="assets/img/arrow-shape.png" alt="shape-img">
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-2">
<div class="video-box">
<a href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I" class="video-btn ripple video-popup" data-animation="fadeInUp" data-delay="1.4s">
<i class="fa-solid fa-play"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="about-section fix section-padding section-bg">
<div class="container">
<div class="about-wrapper">
<div class="row">
<div class="col-xl-6 col-lg-8 wow fadeInUp" data-wow-delay=".4s">
<div class="about-image">
<img src="assets/img/about/about.jpg" alt="img">
<div class="border-shape">
<img src="assets/img/about/border-shape.png" alt="shape-img">
</div>
<div class="video-image">
<img src="assets/img/about/video.jpg" alt="img">
<div class="video-box">
<a href="https://www.youtube.com/watch?v=Y7zIZVlMtFY" class="video-btn ripple video-popup">
<i class="fa-solid fa-play"></i>
</a>
</div>
</div>
<div class="working-area float-bob-y">
<div class="inner">
<div class="icon-box">
<i class="fa-solid fa-medal"></i>
<h3><span class="count">25</span> Years</h3>
<p>Working Experience</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 mt-5 mt-xl-0">
<div class="about-content">
<div class="section-title">
<span class="wow fadeInUp">ABOUT TO industry</span>
<h2 class="wow fadeInUp" data-wow-delay=".3s">
We Are Here to Increase <br> Your Knowledge With Experience
</h2>
</div>
<p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
We have facility to produce advance work various industrial applications based on specially developed technol-ogy. We
are also ready to developement by according to users changing needs. Infrastructure related installation projects.
</p>
<ul class="wow fadeInUp" data-wow-delay=".7s">
<li>
<i class="fa-solid fa-circle-check"></i>
Consectetur adipiscing elit, sed do euism onsectetur adipiscing
</li>
<li>
<i class="fa-solid fa-circle-check"></i>
developement by according to users changing needs.
</li>
<li>
<i class="fa-solid fa-circle-check"></i>
Infrastructure related installation projects.
</li>
</ul>
<div class="about-info-items wow fadeInUp" data-wow-delay=".9s">
<a href="about.html" class="theme-btn-2">
know More About us<span class="shape-img">
<img src="assets/img/arrow-shape.png" alt="shape-img">
</span></a>
<div class="call-area">
<span>or Call us</span>
<div class="icon">
<i class="fa-solid fa-phone-volume"></i>
<h6>
<a href="tel:+91-26594-302-003">+91 2659 302 003</a>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="service-section fix section-padding">
<div class="container">
<div class="section-title text-center mb-4 mt-md-0">
<span class="wow fadeInUp">Our Services</span>
<h2 class="wow fadeInUp" data-wow-delay=".3s">
provides the best service for <br> sustainable progress
</h2>
</div>
<div class="row g-4">
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
<div class="service-box-items">
<div class="icon">
<img src="assets/img/service/icon.svg" alt="icon-img">
</div>
<div class="content">
<h3>
<a href="service-details.html">
Power & Energy Sector
</a>
</h3>
<p>
We have facility to produce advance work various industrial applications based on specially developed technol-ogy.
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
<div class="service-box-items active">
<div class="icon">
<img src="assets/img/service/icon-2.svg" alt="icon-img">
</div>
<div class="content">
<h3>
<a href="service-details.html">
Petroleum Refinery
</a>
</h3>
<p>
We have facility to produce advance work various industrial applications based on specially developed technol-ogy.
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
<div class="service-box-items">
<div class="icon">
<img src="assets/img/service/icon-3.svg" alt="icon-img">
</div>
<div class="content">
<h3>
<a href="service-details.html">
Mechanical Engineering
</a>
</h3>
<p>
We have facility to produce advance work various industrial applications based on specially developed technol-ogy.
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
<div class="service-box-items">
<div class="icon">
<img src="assets/img/service/icon-4.svg" alt="icon-img">
</div>
<div class="content">
<h3>
<a href="service-details.html">
Metal Roofing
</a>
</h3>
<p>
We have facility to produce advance work various industrial applications based on specially developed technol-ogy.
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
<div class="service-box-items">
<div class="icon">
<img src="assets/img/service/icon-5.svg" alt="icon-img">
</div>
<div class="content">
<h3>
<a href="service-details.html">
House Renovation
</a>
</h3>
<p>
We have facility to produce advance work various industrial applications based on specially developed technol-ogy.
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
<div class="service-box-items">
<div class="icon">
<img src="assets/img/service/icon-6.svg" alt="icon-img">
</div>
<div class="content">
<h3>
<a href="service-details.html">
Green Building
</a>
</h3>
<p>
We have facility to produce advance work various industrial applications based on specially developed technol-ogy.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="project-section fix section-padding pb-0 mt-30">
<div class="container">
<div class="line-area">
<span></span>
<span></span>
<span></span>
</div>
<div class="project-wrapper pb-0">
<div class="swiper-dot-2">
<div class="dot-3"></div>
</div>
<div class="row justify-content-between">
<div class="col-xl-4 col-lg-6">
<div class="section-title">
<span class="wow fadeInUp" data-wow-delay=".3s">OUR COMPLETED PROJECTS</span>
<h2 class="wow fadeInUp" data-wow-delay=".5s">Successfully completed projects for our clients</h2>
</div>
</div>
<div class="col-xl-8 mt-3 mt-xl-0">
<div class="project-header">
<div class="row">
<div class="col-md-8">
<p class="wow fadeInUp" data-wow-delay=".3s">
We have facility to produce advance work various industrial applications based on specially developed technol-ogy. We are also ready to developement by according to users changing needs. Infrastructure related installation projects.
</p>
</div>
<div class="col-md-4 text-end ps-0 wow fadeInUp" data-wow-delay=".5s">
<a href="project.html" class="theme-btn-2">
View All Projects
<span class="shape-img">
<img src="assets/img/arrow-shape.png" alt="shape-img">
</span>
</a>
</div>
</div>
</div>
<div class="swiper project-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="project-image bg-cover" style="background-image: url('assets/img/project/01.jpg');">
<a href="project-details.html" class="post-box">
<i class="fa-solid fa-location-arrow"></i>
</a>
<div class="project-content">
<h4>
<a href="project-details.html">
Road map Engineering
</a>
</h4>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-image bg-cover" style="background-image: url('assets/img/project/02.jpg');">
<a href="project-details.html" class="post-box">
<i class="fa-solid fa-location-arrow"></i>
</a>
<div class="project-content">
<h4>
<a href="project-details.html">
Road map Engineering
</a>
</h4>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-image bg-cover" style="background-image: url('assets/img/project/03.jpg');">
<a href="project-details.html" class="post-box">
<i class="fa-solid fa-location-arrow"></i>
</a>
<div class="project-content">
<h4>
<a href="project-details.html">
Road map Engineering
</a>
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="Counter-section fix section-padding">
<div class="container">
<div class="counter-wrapper">
<div class="industril-image text-center wow fadeInUp" data-wow-delay=".3s">
<img src="assets/img/indastri.png" alt="img">
</div>
<div class="counter-main-items bg-cover" style="background-image: url('assets/img/counter-bg.jpg');">
<div class="counter-items wow fadeInUp" data-wow-delay=".3s">
<h2><span class="count">989</span>+</h2>
<p>EXPERT EMPLOYED</p>
</div>
<div class="counter-items wow fadeInUp" data-wow-delay=".5s">
<h2><span class="count">1500</span>+</h2>
<p>PROJECT COMPLITED</p>
</div>
<div class="counter-items wow fadeInUp" data-wow-delay=".7s">
<h2><span class="count">650</span>+</h2>
<p>AWARDS WINNG</p>
</div>
<div class="counter-items wow fadeInUp" data-wow-delay=".9s">
<h2><span class="count">25</span><span class="text">k</span>+</h2>
<p>HAPPY CLIENT</p>
</div>
</div>
</div>
</div>
</section>
<section class="team-section fix section-padding bg-cover" style="background-image: url('assets/img/team/team-bg.jpg');">
<div class="container">
<div class="team-wrapper">
<div class="row">
<div class="col-xl-5 col-lg-5">
<div class="team-left-content">
<div class="arrow-shape">
<img src="assets/img/team/arrow-shape.png" alt="img">
</div>
<div class="section-title">
<span class="wow fadeInUp">EXPERT TEAM MEMBERS</span>
<h2 class="wow fadeInUp" data-wow-delay=".3s">
Our expert team will assist Your projects
</h2>
</div>
<p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
We have facility to produce advance work various industrial applications based on specially developed technol-ogy. We are also ready to developement by according to users changing needs. Infrastructure related installation projects.
</p>
<div class="team-button wow fadeInUp" data-wow-delay=".7s">
<a href="team.html" class="theme-btn-2">
View All Teams
<span class="shape-img">
<img src="assets/img/arrow-shape.png" alt="shape-img">
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-7 col-lg-7 mt-5 mt-lg-0">
<div class="in-team-wrapper">
<div class="team-item-2 active">
<div class="team-member-content">
<h4 class="team-member-title">Electrical engineer</h4>
<h4 class="team-member-name">Daniel T. Hill</h4>
</div>
<div class="team-thumb">
<img src="assets/img/team/01.jpg" alt="team-member">
</div>
</div>
<div class="team-item-2">
<div class="team-member-content">
<h4 class="team-member-title">Senior engineer</h4>
<h4 class="team-member-name">Robert Daniel</h4>
</div>
<div class="team-thumb">
<img src="assets/img/team/08.jpg" alt="team-member">
</div>
</div>
<div class="team-item-2">
<div class="team-member-content">
<h4 class="team-member-title">Marketing Head</h4>
<h4 class="team-member-name">Sana P. Lesh</h4>
</div>
<div class="team-thumb">
<img src="assets/img/team/09.jpg" alt="team-member">
</div>
</div>
<div class="team-item-2">
<div class="team-member-content">
<h4 class="team-member-title">Marketing Head</h4>
<h4 class="team-member-name">Frank V. Cox</h4>
</div>
<div class="team-thumb">
<img src="assets/img/team/10.jpg" alt="team-member">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="testimonial-sectioin fix section-padding pb-0">
<div class="container">
<div class="section-title text-center">
<span class="wow fadeInUp">PUBLIC TESTIMONIAL</span>
<h2 class="wow fadeInUp" data-wow-delay=".3s">public feedback about Industril</h2>
</div>
<div class="testimonial-wrapper section-padding pt-0">
<div class="row">
<div class="col-xl-4 col-lg-5 col-md-5">
<div class="testimonial-image-items">
<span></span>
<div class="swiper testimonial-image-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-image bg-cover" style="background-image: url('assets/img/testimonial/01.jpg');"></div>
</div>
<div class="swiper-slide">
<div class="testimonial-image bg-cover" style="background-image: url('assets/img/testimonial/02.jpg');"></div>
</div>
<div class="swiper-slide">
<div class="testimonial-image bg-cover" style="background-image: url('assets/img/testimonial/03.jpg');"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-7 col-lg-7 col-md-7">
<div class="swiper testimonial-content-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-content">
<div class="icon">
<i class="fa-solid fa-quote-right"></i>
</div>
<h4>
posuere luctus orci. Donec vitae mattis quam, vitae tempor arcu. Aenean non odio porttitor, convallis erat sit amet, facilisis velit. Nulla ornare convallis malesuada. Phasellus molestie, ipsum ac fringilla.
</h4>
<div class="client-info">
<h5>Daniel Smith</h5>
<p>Senior engineer</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-content">
<div class="icon">
<i class="fa-solid fa-quote-right"></i>
</div>
<h4>
posuere luctus orci. Donec vitae mattis quam, vitae tempor arcu. Aenean non odio porttitor, convallis erat
sit amet, facilisis velit. Nulla ornare convallis malesuada. Phasellus molestie, ipsum ac fringilla.
</h4>
<div class="client-info">
<h5>Daniel Smith</h5>
<p>Senior engineer</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-content">
<div class="icon">
<i class="fa-solid fa-quote-right"></i>
</div>
<h4>
posuere luctus orci. Donec vitae mattis quam, vitae tempor arcu. Aenean non odio porttitor, convallis erat
sit amet, facilisis velit. Nulla ornare convallis malesuada. Phasellus molestie, ipsum ac fringilla.
</h4>
<div class="client-info">
<h5>Daniel Smith</h5>
<p>Senior engineer</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-1">
<div class="swiper-dot">
<div class="dot-2"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="news-section fix section-padding">
<div class="container">
<div class="section-title-area">
<div class="section-title">
<span class="wow fadeInUp"> NEWS & BLOG</span>
<h2 class="wow fadeInUp" data-wow-delay=".3s">Our Latest News & Blog</h2>
</div>
<div class="news-button wow fadeInUp" data-wow-delay=".5s">
<a href="news-details.html" class="theme-btn-2">
View All News
<span class="shape-img">
<img src="assets/img/arrow-shape.png" alt="shape-img">
</span>
</a>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
<div class="single-news-items">
<div class="news-image">
<img src="assets/img/news/01.jpg" alt="news-img">
<ul class="post-date">
<li>
<i class="fa-regular fa-calendar-days"></i>
January 24, 2024
</li>
</ul>
</div>
<div class="news-content">
<ul class="post-list d-flex align-items-center">
<li>
<i class="fa-solid fa-user"></i>
By Admin
</li>
<li>
<i class="fa-solid fa-tag"></i>
Construct Ion
</li>
</ul>
<h4>
<a href="news-details.html">
Energetically Envisioned is
User Friendly
</a>
</h4>
<a href="news-details.html" class="theme-btn-2 padding-style">
Read More
<span class="shape-img">
<img src="assets/img/arrow-shape.png" alt="shape-img">
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
<div class="single-news-items">
<div class="news-image">
<img src="assets/img/news/02.jpg" alt="news-img">
<ul class="post-date">
<li>
<i class="fa-regular fa-calendar-days"></i>
January 29, 2024
</li>
</ul>
</div>
<div class="news-content">
<ul class="post-list d-flex align-items-center">
<li>
<i class="fa-solid fa-user"></i>
By Admin
</li>
<li>
<i class="fa-solid fa-tag"></i>
Constructions
</li>
</ul>
<h4>
<a href="news-details.html">
Construction Site Security Information
</a>
</h4>
<a href="news-details.html" class="theme-btn-2 padding-style">
Read More
<span class="shape-img">
<img src="assets/img/arrow-shape.png" alt="shape-img">
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
<div class="single-news-items">
<div class="news-image">
<img src="assets/img/news/03.jpg" alt="news-img">
<ul class="post-date">
<li>
<i class="fa-regular fa-calendar-days"></i>
January 14, 2024
</li>
</ul>
</div>
<div class="news-content">
<ul class="post-list d-flex align-items-center">
<li>
<i class="fa-solid fa-user"></i>
By Admin
</li>
<li>
<i class="fa-solid fa-tag"></i>
Heavy Shipping
</li>
</ul>
<h4>
<a href="news-details.html">
The Great Depression Building Design
</a>
</h4>
<a href="news-details.html" class="theme-btn-2 padding-style">
Read More
<span class="shape-img">
<img src="assets/img/arrow-shape.png" alt="shape-img">
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-section fix bg-cover" style="background-image: url('assets/img/footer-bg.jpg');">
<div class="container">
<div class="footer-widgets-wrapper">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
<div class="single-footer-widget">
<div class="widget-head">
<a href="index.html">
<img src="assets/img/logo/logo.svg" alt="logo-img">
</a>
</div>
<div class="footer-content">
<p>
Phasellus ultricies aliquam volutpat <br>
ullamcorper laoreet neque, a lacinia <br>
curabitur lacinia mollis
</p>
<ul class="contact-info">
<li>
<i class="fas fa-map-marker-alt"></i>
6391 Elgin St. Celina, USA
</li>
<li>
<i class="fa-solid fa-phone-volume"></i>
<a href="tel:2086660112">+208-666-0112</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 ps-lg-5 wow fadeInUp" data-wow-delay=".5s">
<div class="single-footer-widget">
<div class="widget-head">
<h4>Quick Link</h4>
</div>
<ul class="list-area">
<li>
<a href="about.html">
<i class="fa-solid fa-chevron-right"></i>
About
</a>
</li>
<li>
<a href="pricing.html">
<i class="fa-solid fa-chevron-right"></i>
Pricing Plan
</a>
</li>
<li>
<a href="faq.html">
<i class="fa-solid fa-chevron-right"></i>
Faq
</a>
</li>
<li>
<a href="news-details.html">
<i class="fa-solid fa-chevron-right"></i>
Our Blog
</a>
</li>
<li>
<a href="contact.html">
<i class="fa-solid fa-chevron-right"></i>
Contact Us
</a>
</li>
</ul>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 ps-lg-2 wow fadeInUp" data-wow-delay=".7s">
<div class="single-footer-widget">
<div class="widget-head">
<h4>Latest Post</h4>
</div>
<div class="footer-post">
<div class="single-post-item mb-4">
<div class="thumb bg-cover" style="background-image: url('assets/img/news/pp1.jpg');"></div>
<div class="post-content">
<div class="post-date">
<i class="far fa-calendar-alt"></i>15 Dec, 2024
</div>
<h6>
<a href="news-details.html">Energetically Envisioned Is
User Friendly</a>
</h6>
</div>
</div>
<div class="single-post-item">
<div class="thumb bg-cover" style="background-image: url('assets/img/news/pp2.jpg');"></div>
<div class="post-content">
<div class="post-date">
<i class="far fa-calendar-alt"></i>29 Feb, 2024
</div>
<h6>
<a href="news-details.html">Construction Site Security Guide Lide</a>
</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 ps-xl-5 wow fadeInUp" data-wow-delay=".9s">
<div class="single-footer-widget">
<div class="widget-head">
<h4>Newsletters</h4>
</div>
<div class="footer-content">
<p>
Sing Up For News & Get 30% Off <br>
Your Next Course.
</p>
<div class="footer-input">
<input type="email" id="email" placeholder="Your email address">
<button class="theme-btn" type="submit">
Subscribe Now
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="footer-bottom-wrapper">
<p>
© All Copyright 2024 by <a href="index.html">EaglesThemes</a>
</p>
<ul>
<li><a href="contact.html">Terms & Condition</a></li>
<li><a href="contact.html"> Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
</footer>
<div class="scroll-up">
<svg class="scroll-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<script src="assets/js/jquery-3.7.1.min.js"></script>
<script src="assets/js/viewport.jquery.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/jquery.nice-select.min.js"></script>
<script src="assets/js/jquery.waypoints.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/jquery.meanmenu.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>