<!DOCTYPE html>
<html>

<!-- Mirrored from html.yogsthemes.com/demo/banqix/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 12 Mar 2025 14:58:54 GMT -->
<head>
<meta charset="utf-8">
<title>Banqix TV & Internet Business HTML-5 Template | Homepage 01</title>
<!-- Stylesheets -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/meanmenu.min.css" rel="stylesheet">
<link href="assets/css/responsive.css" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Unbounded:wght@300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900&amp;display=swap" rel="stylesheet">

<!-- Color Switcher Mockup -->
<link href="assets/css/color-switcher-design.css" rel="stylesheet">

<!-- Color Themes -->
<link id="theme-color-file" href="assets/css/color-themes/default-color.css" rel="stylesheet">

<link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">
	
	<!-- Cursor -->
	<div class="cursor"></div>
	<div class="cursor-follower"></div>
	<!-- Cursor End -->
 	
	<!-- Preloader -->
    <div class="preloader"></div>
	<!-- End Preloader -->
	
	<!-- Main Header -->
	<header class="main-header header-style-one">
		<div class="main-header_color-layer"></div>
		<!-- Header Top -->
		<div class="header-top">
			<div class="auto-container">
				<div class="inner-container">
					<div class="d-flex justify-content-between align-items-center flex-wrap">
						<div class="left-box d-flex align-items-center flex-wrap">
							<!-- Info List -->
							<ul class="header-top_list d-flex flex-wrap">
								<li><span class="icon fa-solid fa-clock fa-fw"></span>Mon-Fri : 9am to 6pm / Sat : 9am to 5pm</li>
								<li><span class="icon fa-solid fa-envelope fa-fw"></span>needhelp@company.com</li>
								<li><span class="icon fa-solid fa-location-dot fa-fw"></span>380 St Kilda Road Melbourne</li>
							</ul>
						</div>
						<div class="right-box d-flex align-items-center flex-wrap">
							
							<!-- Language DropDown -->
							<div class="language-dropdown">
								<button class="btn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
									<span class="flag"><img src="assets/images/icons/flag.png" alt="" /></span> English &nbsp;<span class="fa-solid fa-angle-down fa-fw"></span>
								  </button>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
									<li><a class="dropdown-item" href="#">English</a></li>
									<li><a class="dropdown-item" href="#">Arbic</a></li>
									<li><a class="dropdown-item" href="#">German</a></li>
									<li><a class="dropdown-item" href="#">French</a></li>
								</ul>
							</div>

							<!-- Login DropDown -->
							<div class="login-dropdown">
								<button class="btn dropdown-toggle" type="button" id="dropdownMenuButton10" data-bs-toggle="dropdown" aria-expanded="false">
									<span class="icon fa-regular fa-user fa-fw"></span> Login &nbsp;<span class="fa-solid fa-angle-down fa-fw"></span>
								  </button>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton10">
									<li><a class="dropdown-item" href="#">Login</a></li>
									<li><a class="dropdown-item" href="#">Register</a></li>
								</ul>
							</div>

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

		<!-- Header Lower -->
		<div class="header-lower">
			<div class="auto-container">
				<div class="inner-container">
					<div class="d-flex justify-content-between align-items-center flex-wrap">
						
						<div class="logo-box">
							<div class="logo"><a href="index.html"><img src="assets/images/logo.png" alt="" title=""></a></div>
						</div>
						
						<div class="nav-outer d-flex flex-wrap">
							<!-- Main Menu -->
							<nav class="main-menu navbar-expand-md">
								<div class="navbar-header">
									<!-- Toggle Button -->    	
									<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
								</div>
								
								<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
									<ul class="navigation clearfix">
										<li class="dropdown"><a href="#">Home</a>
											<ul>
												<li><a href="index.html">Homepage 01</a></li>
												<li><a href="index-2.html">Homepage 02</a></li>
												<li><a href="index-3.html">Homepage 03</a></li>
												<li><a href="index-4.html">Homepage 04</a></li>
												<li class="dropdown"><a href="#">Header Styles</a>
													<ul>
														<li><a href="index.html">Header 01</a></li>
														<li><a href="index-2.html">Header 02</a></li>
														<li><a href="index-3.html">Header 03</a></li>
														<li><a href="index-4.html">Header 04</a></li>
													</ul>
												</li>
											</ul>
										</li>
										<li class="dropdown"><a href="#">About</a>
											<ul>
												<li><a href="about.html">About us</a></li>
												<li><a href="faq.html">Faq</a></li>
												<li><a href="price.html">price</a></li>
												<li><a href="privacy.html">Privacy Policy</a></li>
												<li><a href="terms.html">Terms & Condition</a></li>
												<li class="dropdown"><a href="#">Team</a>
													<ul>
														<li><a href="team.html">Team</a></li>
														<li><a href="team-detail.html">Team Detail</a></li>
													</ul>
												</li>
											</ul>
										</li>
										<li class="dropdown"><a href="#">service</a>
											<ul>
												<li><a href="services.html">Services</a></li>
												<li><a href="service-detail.html">service detail</a></li>
											</ul>
										</li>
										<li class="dropdown"><a href="#">shop</a>
											<ul>
												<li><a href="shop.html">shop</a></li>
												<li><a href="shop-detail.html">shop detail</a></li>
												<li><a href="coming-soon.html">coming soon</a></li>
											</ul>
										</li>
										<li class="dropdown"><a href="#">Blog</a>
											<ul>
												<li><a href="blog.html">Our Blog</a></li>
												<li><a href="blog-detail.html">Blog Detail</a></li>
												<li><a href="not-found.html">Not Found</a></li>
											</ul>
										</li>
										<li><a href="contact.html">Contact</a></li>
									</ul>
								</div>
							</nav>
						</div>

						<!-- Main Menu End-->
						<div class="outer-box d-flex align-items-center flex-wrap">
							<!-- Search Btn -->
							<div class="search-box-btn search-box-outer"><span class="icon fa fa-search"></span></div>

							<!-- Header Phone Box -->
							<div class="header-phone_box">
								<div class="header-phone_icon fa-solid fa-comments fa-fw"></div>
								<div>
									Call anytime
									<strong>92 666 888 000</strong>
								</div>
							</div>

							<!-- Mobile Navigation Toggler -->
							<div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		<!--End Header Lower-->
		
		<!-- Mobile Menu  -->
		<div class="mobile-menu">
			<div class="menu-backdrop"></div>
			<div class="close-btn"><span class="icon flaticon-multiply"></span></div>
			
			<nav class="menu-box">
				<div class="nav-logo"><a href="index.html"><img src="assets/images/logo.png" alt="" title=""></a></div>
				<div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
			</nav>
		</div>
		<!-- End Mobile Menu -->
	
	</header>
	<!-- End Main Header -->
	
	<!-- Slider One -->
	<section class="slider-one">
		<div class="main-slider swiper-container">
			<div class="swiper-wrapper">

				<!-- Slide -->
				<div class="swiper-slide">
					<div class="slider-one_image" style="background-image:url(assets/images/main-slider/1.jpg)"></div>
					<div class="slider-one_gradient"></div>
					<div class="auto-container">
						
						<!-- Content Column -->
						<div class="slider-one_content">
							<div class="slider-one_content-inner">
								<h1 class="slider-one_heading">Best Internet Services In</h1>
								<div class="slider-one_price">$99/month</div>
								<div class="slider-one_button">
									<a href="course-detail.html" class="theme-btn btn-style-one">
										<span class="btn-wrap">
											<span class="text-one">Read More <i class="fa-solid fa-plus fa-fw"></i></span>
											<span class="text-two">Read More <i class="fa-solid fa-plus fa-fw"></i></span>
										</span>
									</a>
								</div>
							</div>
						</div>
						
					</div>
				</div>

				<!-- Slide -->
				<div class="swiper-slide">
					<div class="slider-one_image" style="background-image:url(assets/images/main-slider/2.jpg)"></div>
					<div class="slider-one_gradient"></div>
					<div class="auto-container">
						
						<!-- Content Column -->
						<div class="slider-one_content">
							<div class="slider-one_content-inner">
								<h1 class="slider-one_heading">Best Internet Services In</h1>
								<div class="slider-one_price">$99/month</div>
								<div class="slider-one_button">
									<a href="course-detail.html" class="theme-btn btn-style-one">
										<span class="btn-wrap">
											<span class="text-one">Read More <i class="fa-solid fa-plus fa-fw"></i></span>
											<span class="text-two">Read More <i class="fa-solid fa-plus fa-fw"></i></span>
										</span>
									</a>
								</div>
							</div>
						</div>
						
					</div>
				</div>

				<!-- Slide -->
				<div class="swiper-slide">
					<div class="slider-one_image" style="background-image:url(assets/images/main-slider/3.jpg)"></div>
					<div class="slider-one_gradient"></div>
					<div class="auto-container">
						
						<!-- Content Column -->
						<div class="slider-one_content">
							<div class="slider-one_content-inner">
								<h1 class="slider-one_heading">Best Internet Services In</h1>
								<div class="slider-one_price">$99/month</div>
								<div class="slider-one_button">
									<a href="course-detail.html" class="theme-btn btn-style-one">
										<span class="btn-wrap">
											<span class="text-one">Read More <i class="fa-solid fa-plus fa-fw"></i></span>
											<span class="text-two">Read More <i class="fa-solid fa-plus fa-fw"></i></span>
										</span>
									</a>
								</div>
							</div>
						</div>
						
					</div>
				</div>

			</div>
			<!-- Slider One Arrows -->
			<div class="slider-one-arrow">
				<!-- If we need navigation buttons -->
				<div class="main-slider-prev fas fa-arrow-down fa-fw"></div>
				<div class="main-slider-next fas fa-arrow-up fa-fw"></div>
			</div>
		</div>
		<!-- Slider One Socials -->
		<div class="slider-one_socials">
			<a href="#">facebook</a>
			<a href="#">instagram</a>
			<a href="#">twitter</a>
			<a href="#">pintrest</a>
		</div>
	</section>
	<!-- End Main Slider Section -->

	<!-- Services One -->
	<section class="services-one">
		<div class="auto-container">
			<div class="inner-container">
				<!-- Sec Title -->
				<div class="sec-title title-anim centered">
					<div class="sec-title_title">Our Services</div>
					<h2 class="sec-title_heading">Our Services Offering</h2>
				</div>
				<div class="row clearfix">
					
					<!-- Service Block One -->
					<div class="service-block_one col-lg-4 col-md-6 col-sm-12">
						<div class="service-block_one-inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="service-block_one-icon">
								<span class="flaticon-traffic-data"></span>
							</div>
							<h4 class="service-block_one-heading"><a href="service-detail.html">Fiber Broadband</a></h4>
							<div class="service-block_one-text">Teant management & consulting expertise and networks...</div>
						</div>
					</div>

					<!-- Service Block One -->
					<div class="service-block_one col-lg-4 col-md-6 col-sm-12">
						<div class="service-block_one-inner wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="service-block_one-icon">
								<span class="flaticon-telephone"></span>
							</div>
							<h4 class="service-block_one-heading"><a href="service-detail.html">Mobile Contact</a></h4>
							<div class="service-block_one-text">Teant management & consulting expertise and networks...</div>
						</div>
					</div>

					<!-- Service Block One -->
					<div class="service-block_one col-lg-4 col-md-6 col-sm-12">
						<div class="service-block_one-inner wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="service-block_one-icon">
								<span class="flaticon-live"></span>
							</div>
							<h4 class="service-block_one-heading"><a href="service-detail.html">Tv And Streeming</a></h4>
							<div class="service-block_one-text">Teant management & consulting expertise and networks...</div>
						</div>
					</div>

					<!-- Service Block One -->
					<div class="service-block_one col-lg-4 col-md-6 col-sm-12">
						<div class="service-block_one-inner wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="service-block_one-icon">
								<span class="flaticon-cyber-crime"></span>
							</div>
							<h4 class="service-block_one-heading"><a href="service-detail.html">Cyber Security</a></h4>
							<div class="service-block_one-text">Teant management & consulting expertise and networks...</div>
						</div>
					</div>

					<!-- Service Block One -->
					<div class="service-block_one col-lg-4 col-md-6 col-sm-12">
						<div class="service-block_one-inner wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="service-block_one-icon">
								<span class="flaticon-rocket"></span>
							</div>
							<h4 class="service-block_one-heading"><a href="service-detail.html">Ultra-Speed</a></h4>
							<div class="service-block_one-text">Teant management & consulting expertise and networks...</div>
						</div>
					</div>

					<!-- Service Block One -->
					<div class="service-block_one col-lg-4 col-md-6 col-sm-12">
						<div class="service-block_one-inner wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="service-block_one-icon">
								<span class="flaticon-user-3"></span>
							</div>
							<h4 class="service-block_one-heading"><a href="service-detail.html">200+  Channels</a></h4>
							<div class="service-block_one-text">Teant management & consulting expertise and networks...</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</section>
	<!-- End Services One -->

	<!-- Clients One -->
	<section class="clients-one">
		<div class="auto-container">
			<div class="inner-container">
				<div class="clients-one_image" style="background-image:url(assets/images/background/1.jpg)"></div>
				<div class="clients-one_slider swiper-container">
					<div class="swiper-wrapper">
						
						<!-- Slide -->
						<div class="swiper-slide">
							<div class="client-image">
								<a href="#"><img src="assets/images/clients/1.png" alt="" /></a>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<div class="client-image">
								<a href="#"><img src="assets/images/clients/2.png" alt="" /></a>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<div class="client-image">
								<a href="#"><img src="assets/images/clients/3.png" alt="" /></a>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<div class="client-image">
								<a href="#"><img src="assets/images/clients/4.png" alt="" /></a>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<div class="client-image">
								<a href="#"><img src="assets/images/clients/5.png" alt="" /></a>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<div class="client-image">
								<a href="#"><img src="assets/images/clients/1.png" alt="" /></a>
							</div>
						</div>

					</div>

				</div>
			</div>
		</div>
	</section>
	<!-- Clients One -->

	<!-- About One -->
	<section class="about-one">
		<!-- Avatar One -->
		<div class="about-one_avatar-one" data-parallax='{"x" : 60}'>
			<img src="assets/images/icons/about-1.png" alt="" />
		</div>
		<!-- Avatar Two -->
		<div class="about-one_avatar-two" data-parallax='{"x" : -60}'>
			<img src="assets/images/icons/signal.png" alt="" />
		</div>
		<div class="auto-container_two">
			<div class="inner-container">
				<div class="row clearfix">
					<!-- Image Column -->
					<div class="about-one_image-column col-lg-6 col-md-12 col-sm-12">
						<div class="about-one_image-outer">
							<div class="about-one_image">
								<img src="assets/images/resource/about-1.jpg" alt="" />
								<div class="about-one_image-content">
									<span>99%</span> Satisfaction Our Client
								</div>
							</div>
						</div>
					</div>
					<!-- Content Column -->
					<div class="about-one_content-column col-lg-6 col-md-12 col-sm-12">
						<div class="about-one_content-outer">
							<!-- Sec Title -->
							<div class="sec-title title-anim">
								<div class="sec-title_title">About Us</div>
								<h2 class="sec-title_heading">Great Experience <br> Listen Work</h2>
								<div class="sec-title_text">Dolor amety consectetur notted tempors incididunt labore magna alique mauris id auctor donec atestes ligula lacus.</div>
							</div>
							<div class="row clearfix">
								<!-- Column -->
								<div class="column col-lg-8 col-md-8 col-sm-8">

									<!-- About Block One -->
									<div class="about-block_one">
										<div class="about-block_one-inner">
											<div class="about-block_one-icon flaticon-trophy-1"></div>
											<div class="about-block_one-content">
												<h6 class="about-block_one-heading">Awarad Winning</h6>
												<div class="about-block_one-text">Magna alique mauris auctor atestes ligula lacus.</div>
											</div>
										</div>
									</div>

									<!-- About Block One -->
									<div class="about-block_one">
										<div class="about-block_one-inner">
											<div class="about-block_one-icon flaticon-clock-2"></div>
											<div class="about-block_one-content">
												<h6 class="about-block_one-heading">24 Hours Support</h6>
												<div class="about-block_one-text">Magna alique mauris auctor atestes ligula lacus.</div>
											</div>
										</div>
									</div>

								</div>
								<!-- Column -->
								<div class="column col-lg-4 col-md-4 col-sm-4">
									<div class="about-one_video" style="background-image:url(assets/images/resource/about-2.jpg)">
										<a href="https://www.youtube.com/watch?v=YS3PwmOQ1Fc" class="lightbox-video about-one_play"><span class="fa fa-play"><i class="ripple"></i></span></a>
										<div class="about-one_arrow">
											<img src="assets/images/icons/about-one_arrow.png" alt="" />
										</div>
										<div class="about-one_video-title">Watch Video</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End About One -->

	<!-- Price One -->
	<section class="price-one">
		<div class="price-one_image" style="background-image:url(assets/images/background/pattern-18.png)"></div>
		<div class="auto-container_two">
			<div class="row clearfix">

				<!-- Content Column -->
				<div class="price-one_content-column col-lg-4 col-md-12 col-sm-12">
					<div class="price-one_content-outer">
						<!-- Sec Title -->
						<div class="sec-title title-anim light">
							<div class="sec-title_title">Prices Plan</div>
							<h2 class="sec-title_heading">Our Pricing Plan For You</h2>
							<div class="sec-title_text">Dolor amety consectetur notted tempors incididunt labore magna</div>
						</div>
						<!-- Info Box -->
						<div class="price-one_info">
							<div class="price-one_info-content">
								<ul>
									<li>
										Book our services
										<span>+82 (02)3 68-080</span>
									</li>
									<li>
										Send your email
										<span><a href="mailto:supportyou@info.com">supportyou@info.com</a></span>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>

				<!-- Image Column -->
				<div class="price-one_pricing-column col-lg-8 col-md-12 col-sm-12">
					<div class="price-one_pricing-outer">
						<div class="row clearfix">

							<!-- Price Block One -->
							<div class="price-block_one col-lg-6 col-md-6 col-sm-6">
								<div class="price-block_one-inner">
									<div class="price-block_one-price"><sup>$</sup>36</div>
									<div class="price-block_one-tax">8% Vat Included Goverment </div>
									<h3 class="price-block_one-title">Premium plan</h3>
									<div class="price-block_one-image">
										<img src="assets/images/resource/price-1.jpg" alt="" />
									</div>
									<ul class="price-block_one-list">
										<li>100 Mbps internet <i class="fa-solid fa-check fa-fw"></i></li>
										<li>Night Turbo-Speed <i class="fa-solid fa-check fa-fw"></i></li>
										<li>Connect Multiple Users <i class="fa-solid fa-check fa-fw"></i></li>
										<li>Wifi Router & Prevention <i class="remove fa-solid fa-xmark fa-fw"></i></li>
									</ul>
									<div class="price-block_one-button">
										<a href="price.html" class="theme-btn btn-style-two">
											<span class="btn-wrap">
												<span class="text-one">get started</span>
												<span class="text-two">get started</span>
											</span>
										</a>
									</div>
								</div>
							</div>

							<!-- Price Block One -->
							<div class="price-block_one col-lg-6 col-md-6 col-sm-6">
								<div class="price-block_one-inner">
									<div class="price-block_one-price"><sup>$</sup>86</div>
									<div class="price-block_one-tax">8% Vat Included Goverment </div>
									<h3 class="price-block_one-title">Premium plan</h3>
									<div class="price-block_one-image">
										<img src="assets/images/resource/price-1.jpg" alt="" />
									</div>
									<ul class="price-block_one-list">
										<li>200 Mbps internet <i class="fa-solid fa-check fa-fw"></i></li>
										<li>Night Turbo-Speed <i class="fa-solid fa-check fa-fw"></i></li>
										<li>Connect Multiple Users <i class="fa-solid fa-check fa-fw"></i></li>
										<li>Wifi Router & Prevention <i class="remove fa-solid fa-xmark fa-fw"></i></li>
									</ul>
									<div class="price-block_one-button">
										<a href="price.html" class="theme-btn btn-style-two">
											<span class="btn-wrap">
												<span class="text-one">get started</span>
												<span class="text-two">get started</span>
											</span>
										</a>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
					
			</div>
		</div>
	</section>
	<!-- End Price One -->

	<!-- Counter One -->
	<section class="counter-one">
		<div class="auto-container">
			<div class="inner-container">
				<div class="row clearfix">

					<!-- Content Column -->
					<div class="counter-one_connt-column col-xl-4 col-lg-5 col-md-12 col-sm-12">
						<div class="counter-one_connt-outer">
							<div class="row clearfix">

								<!-- Counter Block One -->
								<div class="counter-block_one col-lg-6 col-md-6 col-sm-6">
									<div class="counter-block_one-inner">
										<div class="counter-block_one-icon">
											<i class="flaticon-4k"></i>
											<span class="counter-block_one-number">01</span>
										</div>
										<div class="lower">
											<div class="count"><span class="odometer" data-count="4"></span><i>k</i></div>
											Ultra 4k Quality
										</div>
									</div>
								</div>

								<!-- Counter Block One -->
								<div class="counter-block_one col-lg-6 col-md-6 col-sm-6">
									<div class="counter-block_one-inner">
										<div class="counter-block_one-icon">
											<i class="flaticon-satellite-dish"></i>
											<span class="counter-block_one-number">02</span>
										</div>
										<div class="lower">
											<div class="count"><span class="odometer" data-count="1"></span><i>k</i></div>
											Satellite Channel
										</div>
									</div>
								</div>

								<!-- Counter Block One -->
								<div class="counter-block_one col-lg-6 col-md-6 col-sm-6">
									<div class="counter-block_one-inner">
										<div class="counter-block_one-icon">
											<i class="flaticon-traffic-data"></i>
											<span class="counter-block_one-number">03</span>
										</div>
										<div class="lower">
											<div class="count"><span class="odometer" data-count="8"></span><i>k</i></div>
											Fiber Connection
										</div>
									</div>
								</div>

								<!-- Counter Block One -->
								<div class="counter-block_one col-lg-6 col-md-6 col-sm-6">
									<div class="counter-block_one-inner">
										<div class="counter-block_one-icon">
											<i class="flaticon-monitor"></i>
											<span class="counter-block_one-number">04</span>
										</div>
										<div class="lower">
											<div class="count"><span class="odometer" data-count="1"></span><i>k</i></div>
											Online Channels
										</div>
									</div>
								</div>

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

					<!-- Content Column -->
					<div class="counter-one_video-column col-xl-8 col-lg-7 col-md-12 col-sm-12">
						<div class="counter-one_video-outer">
							<div class="counter-one_circle-layer" style="background-image:url(assets/images/icons/counter-pattern.png)"></div>
							<div class="counter-one_image-layer" style="background-image:url(assets/images/background/2.jpg)"></div>
							<div class="d-flex align-items-center justify-content-between flex-wrap">
								<a href="https://www.youtube.com/watch?v=YS3PwmOQ1Fc" class="lightbox-video counter-one_play"><span class="fa-solid fa-circle-pause fa-fw"><i class="ripple"></i></span></a>
								<div class="counter-one-image">
									<img src="assets/images/resource/video.jpg" alt="" />
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</section>
	<!-- End Counter One -->

	<!-- Subscribe One -->
	<section class="subscribe-one">
		<div class="auto-container">
			<div class="inner-container">
				<div class="row clearfix">

					<!-- Content Column -->
					<div class="subscribe-one_image-column col-lg-7 col-md-12 col-sm-12">
						<div class="subscribe-one_image-outer">
							<div class="subscribe-one_image">
								<img src="assets/images/resource/led.png" alt="" />
							</div>
							<div class="subscribe-one_mobile">
								<img src="assets/images/resource/mobile.png" alt="" />
							</div>
						</div>
					</div>

					<!-- Content Column -->
					<div class="subscribe-one_content-column col-lg-5 col-md-12 col-sm-12">
						<div class="subscribe-one_content-outer">
							<!-- Sec Title -->
							<div class="sec-title title-anim">
								<div class="sec-title_title">Subscribe Tv</div>
								<h2 class="sec-title_heading">Tv Show Movies <br> Enjoy Sports</h2>
								<div class="sec-title_text">Dolor amety consectetur notted tempors incididunt magna alique mauris id auctor donec atestes</div>
							</div>
							<div class="subscribe-one_options d-flex align-items-center flex-wrap">
								<div class="subscribe-one_mb">
									30<sup>Mb</sup>
									<span>Internet Speed</span>
								</div>
								<div class="subscribe-one_button">
									<a href="about.html" class="theme-btn btn-style-one">
										<span class="btn-wrap">
											<span class="text-one">Subscribe Tv</span>
											<span class="text-two">Subscribe Tv</span>
										</span>
									</a>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</section>
	<!-- End Subscribe One -->

	<!-- Gallery One -->
	<section class="gallery-one">
		<div class="gallery-one_image" style="background-image:url(assets/images/background/2.jpg)"></div>
		<div class="outer-container">
			<div class="inner-container">
				<!-- Sec Title -->
				<div class="sec-title light title-anim centered">
					<div class="sec-title_title">Streem Withour Stop</div>
					<h2 class="sec-title_heading">World Of Entertainment</h2>
				</div>
				<div class="gallery-carousel swiper-container">
					<div class="swiper-wrapper">
		
						<!-- Slide -->
						<div class="swiper-slide">
							<!-- Gallery Block One -->
							<div class="gallery-block_one">
								<div class="gallery-block_one-inner">
									<a class="gallery-block_one-link" href="project-detail.html"></a>
									<div class="gallery-block_one-image">
										<img src="assets/images/gallery/1.jpg" alt="" />
										<img src="assets/images/gallery/1.jpg" alt="" />
									</div>
									<a href="project-detail.html" class="gallery-block_one-arrow fas fa-arrow-right fa-fw"></a>
								</div>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<!-- Gallery Block One -->
							<div class="gallery-block_one">
								<div class="gallery-block_one-inner">
									<a class="gallery-block_one-link" href="project-detail.html"></a>
									<div class="gallery-block_one-image">
										<img src="assets/images/gallery/2.jpg" alt="" />
										<img src="assets/images/gallery/2.jpg" alt="" />
									</div>
									<a href="project-detail.html" class="gallery-block_one-arrow fas fa-arrow-right fa-fw"></a>
								</div>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<!-- Gallery Block One -->
							<div class="gallery-block_one">
								<div class="gallery-block_one-inner">
									<a class="gallery-block_one-link" href="project-detail.html"></a>
									<div class="gallery-block_one-image">
										<img src="assets/images/gallery/3.jpg" alt="" />
										<img src="assets/images/gallery/3.jpg" alt="" />
									</div>
									<a href="project-detail.html" class="gallery-block_one-arrow fas fa-arrow-right fa-fw"></a>
								</div>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<!-- Gallery Block One -->
							<div class="gallery-block_one">
								<div class="gallery-block_one-inner">
									<a class="gallery-block_one-link" href="project-detail.html"></a>
									<div class="gallery-block_one-image">
										<img src="assets/images/gallery/4.jpg" alt="" />
										<img src="assets/images/gallery/4.jpg" alt="" />
									</div>
									<a href="project-detail.html" class="gallery-block_one-arrow fas fa-arrow-right fa-fw"></a>
								</div>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<!-- Gallery Block One -->
							<div class="gallery-block_one">
								<div class="gallery-block_one-inner">
									<a class="gallery-block_one-link" href="project-detail.html"></a>
									<div class="gallery-block_one-image">
										<img src="assets/images/gallery/5.jpg" alt="" />
										<img src="assets/images/gallery/5.jpg" alt="" />
									</div>
									<a href="project-detail.html" class="gallery-block_one-arrow fas fa-arrow-right fa-fw"></a>
								</div>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<!-- Gallery Block One -->
							<div class="gallery-block_one">
								<div class="gallery-block_one-inner">
									<a class="gallery-block_one-link" href="project-detail.html"></a>
									<div class="gallery-block_one-image">
										<img src="assets/images/gallery/6.jpg" alt="" />
										<img src="assets/images/gallery/6.jpg" alt="" />
									</div>
									<a href="project-detail.html" class="gallery-block_one-arrow fas fa-arrow-right fa-fw"></a>
								</div>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<!-- Gallery Block One -->
							<div class="gallery-block_one">
								<div class="gallery-block_one-inner">
									<a class="gallery-block_one-link" href="project-detail.html"></a>
									<div class="gallery-block_one-image">
										<img src="assets/images/gallery/2.jpg" alt="" />
										<img src="assets/images/gallery/2.jpg" alt="" />
									</div>
									<a href="project-detail.html" class="gallery-block_one-arrow fas fa-arrow-right fa-fw"></a>
								</div>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<!-- Gallery Block One -->
							<div class="gallery-block_one">
								<div class="gallery-block_one-inner">
									<a class="gallery-block_one-link" href="project-detail.html"></a>
									<div class="gallery-block_one-image">
										<img src="assets/images/gallery/3.jpg" alt="" />
										<img src="assets/images/gallery/3.jpg" alt="" />
									</div>
									<a href="project-detail.html" class="gallery-block_one-arrow fas fa-arrow-right fa-fw"></a>
								</div>
							</div>
						</div>

					</div>

					<div class="gallery-one_carousel-pagination"></div>

				</div>

			</div>
		</div>
	</section>
	<!-- End Gallery One -->

	<!-- Testimonial One -->
	<section class="testimonial-one">
		<div class="testimonial-one_image" style="background-image:url(assets/images/background/testimonial.jpg)"></div>
		<div class="auto-container">
			<div class="inner-container">
				<!-- Sec Title -->
				<div class="sec-title title-anim centered">
					<div class="sec-title_title">Our Testimonials</div>
					<h2 class="sec-title_heading">our clients loves us</h2>
				</div>
				<div class="testimonial-one_carousel swiper-container">
					<div class="swiper-wrapper">
		
						<!-- Slide -->
						<div class="swiper-slide">
							<!-- Testimonial Block One -->
							<div class="testimonial-block_one">
								<div class="testimonial-block_one-inner">
									<div class="testimonial-block_one-quote">
										<i class="flaticon-quote-1"></i>
									</div>
									<div class="testimonial-block_one-rating">
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
									</div>
									<div class="testimonial-block_one-text">There are many variations of passages of available but the majority have to sufferedes alteratiosn in some form, by injected hums randomised words which don't slightly. City governments have various depar ments that can handles to forward... </div>
									<div class="testimonial-block_one-author_box d-flex align-items-center flex-wrap">
										<div class="testimonial-block_one-author">
											<img src="assets/images/resource/author-1.jpg" alt="" />
										</div>
										<span>Son Alberts <i>Visitor Canada</i></span>
									</div>
								</div>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<!-- Testimonial Block One -->
							<div class="testimonial-block_one">
								<div class="testimonial-block_one-inner">
									<div class="testimonial-block_one-quote">
										<i class="flaticon-quote-1"></i>
									</div>
									<div class="testimonial-block_one-rating">
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
									</div>
									<div class="testimonial-block_one-text">There are many variations of passages of available but the majority have to sufferedes alteratiosn in some form, by injected hums randomised words which don't slightly. City governments have various depar ments that can handles to forward... </div>
									<div class="testimonial-block_one-author_box d-flex align-items-center flex-wrap">
										<div class="testimonial-block_one-author">
											<img src="assets/images/resource/author-2.jpg" alt="" />
										</div>
										<span>Son Alberts <i>Visitor Canada</i></span>
									</div>
								</div>
							</div>
						</div>

						<!-- Slide -->
						<div class="swiper-slide">
							<!-- Testimonial Block One -->
							<div class="testimonial-block_one">
								<div class="testimonial-block_one-inner">
									<div class="testimonial-block_one-quote">
										<i class="flaticon-quote-1"></i>
									</div>
									<div class="testimonial-block_one-rating">
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
										<span class="fa fa-star"></span>
									</div>
									<div class="testimonial-block_one-text">There are many variations of passages of available but the majority have to sufferedes alteratiosn in some form, by injected hums randomised words which don't slightly. City governments have various depar ments that can handles to forward... </div>
									<div class="testimonial-block_one-author_box d-flex align-items-center flex-wrap">
										<div class="testimonial-block_one-author">
											<img src="assets/images/resource/author-3.jpg" alt="" />
										</div>
										<span>Son Alberts <i>Visitor Canada</i></span>
									</div>
								</div>
							</div>
						</div>

					</div>
					<div class="testimonial-one_carousel-pagination"></div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Testimonial One -->

	<!-- Products One -->
	<section class="products-one">
		<div class="auto-container">
			<div class="inner-container">
				<!-- Sec Title -->
				<div class="sec-title title-anim centered">
					<div class="sec-title_title">Popular Product</div>
					<h2 class="sec-title_heading">Our Popular Product</h2>
				</div>
				<div class="row clearfix">

					<!-- Product Block One -->
					<div class="products-block_one col-lg-3 col-md-6 col-sm-6">
						<div class="products-block_one-inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
							<!-- Upper Box -->
							<div class="products-block_one-upper">
								<div class="d-flex justify-content-between align-items-center flex-wrap">
									<a class="products-block_one-cart" href="shop-detail.html">Add To Cart</a>
									<ul class="products-block_one-options">
										<li><a class="fa-regular fa-eye fa-fw" href="shop-detail.html"></a></li>
										<li><a class="fa-regular fa-heart fa-fw" href="shop-detail.html"></a></li>
									</ul>
								</div>
							</div>
							<!-- Content Box -->
							<div class="products-block_one-content">
								<h6 class="products-block_one-title"><a href="shop-detail.html">wireless-router</a></h6>
								<div class="products-block_one-price">$37.00</div>
								<div class="products-block_one-rating">
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
								</div>
							</div>
							<div class="products-block_one-image">
								<span><img src="assets/images/resource/products/1.png" alt="" /></span>
							</div>
						</div>
					</div>

					<!-- Product Block One -->
					<div class="products-block_one col-lg-3 col-md-6 col-sm-6">
						<div class="products-block_one-inner wow fadeInLeft" data-wow-delay="150ms" data-wow-duration="1500ms">
							<!-- Upper Box -->
							<div class="products-block_one-upper">
								<div class="d-flex justify-content-between align-items-center flex-wrap">
									<a class="products-block_one-cart" href="shop-detail.html">Add To Cart</a>
									<ul class="products-block_one-options">
										<li><a class="fa-regular fa-eye fa-fw" href="shop-detail.html"></a></li>
										<li><a class="fa-regular fa-heart fa-fw" href="shop-detail.html"></a></li>
									</ul>
								</div>
							</div>
							<!-- Content Box -->
							<div class="products-block_one-content">
								<h6 class="products-block_one-title"><a href="shop-detail.html">wireless-router</a></h6>
								<div class="products-block_one-price">$37.00</div>
								<div class="products-block_one-rating">
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
								</div>
							</div>
							<div class="products-block_one-image">
								<span><img src="assets/images/resource/products/2.png" alt="" /></span>
							</div>
						</div>
					</div>

					<!-- Product Block One -->
					<div class="products-block_one col-lg-3 col-md-6 col-sm-6">
						<div class="products-block_one-inner wow fadeInLeft" data-wow-delay="300ms" data-wow-duration="1500ms">
							<!-- Upper Box -->
							<div class="products-block_one-upper">
								<div class="d-flex justify-content-between align-items-center flex-wrap">
									<a class="products-block_one-cart" href="shop-detail.html">Add To Cart</a>
									<ul class="products-block_one-options">
										<li><a class="fa-regular fa-eye fa-fw" href="shop-detail.html"></a></li>
										<li><a class="fa-regular fa-heart fa-fw" href="shop-detail.html"></a></li>
									</ul>
								</div>
							</div>
							<!-- Content Box -->
							<div class="products-block_one-content">
								<h6 class="products-block_one-title"><a href="shop-detail.html">wireless-router</a></h6>
								<div class="products-block_one-price">$37.00</div>
								<div class="products-block_one-rating">
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
								</div>
							</div>
							<div class="products-block_one-image">
								<span><img src="assets/images/resource/products/3.png" alt="" /></span>
							</div>
						</div>
					</div>

					<!-- Product Block One -->
					<div class="products-block_one col-lg-3 col-md-6 col-sm-6">
						<div class="products-block_one-inner wow fadeInLeft" data-wow-delay="450ms" data-wow-duration="1500ms">
							<!-- Upper Box -->
							<div class="products-block_one-upper">
								<div class="d-flex justify-content-between align-items-center flex-wrap">
									<a class="products-block_one-cart" href="shop-detail.html">Add To Cart</a>
									<ul class="products-block_one-options">
										<li><a class="fa-regular fa-eye fa-fw" href="shop-detail.html"></a></li>
										<li><a class="fa-regular fa-heart fa-fw" href="shop-detail.html"></a></li>
									</ul>
								</div>
							</div>
							<!-- Content Box -->
							<div class="products-block_one-content">
								<h6 class="products-block_one-title"><a href="shop-detail.html">wireless-router</a></h6>
								<div class="products-block_one-price">$37.00</div>
								<div class="products-block_one-rating">
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
								</div>
							</div>
							<div class="products-block_one-image">
								<span><img src="assets/images/resource/products/4.png" alt="" /></span>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</section>
	<!-- End Products One -->

	<!-- Team One -->
	<section class="team-one">
		<div class="team-one_image" style="background-image:url(assets/images/background/2.jpg)"></div>
		<div class="auto-container_two">
			<div class="inner-container">
				<!-- Sec Title -->
				<div class="sec-title light title-anim centered">
					<div class="sec-title_title">Support Team</div>
					<h2 class="sec-title_heading">Professional Team Mamber</h2>
				</div>
				<div class="row clearfix">

					<!-- Team Block One -->
					<div class="team-block_one col-lg-4 col-md-6 col-sm-6">
						<div class="team-block_one-inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="team-block_one-image">
								<img src="assets/images/resource/team-1.jpg" alt="" />
								<!-- Slider One Socials -->
								<ul class="team-block_one_socials">
									<li><a class="twitter" href="#"><i class="fa-brands fa-twitter fa-fw"></i></a></li>
									<li><a class="instagram" href="#"><i class="fa-brands fa-instagram fa-fw"></i></a></li>
									<li><a class="facebook" href="#"><i class="fa-brands fa-facebook-f fa-fw"></i></a></li>
								</ul>
							</div>
							<div class="team-block_one-content">
								<h4 class="team-block_one-heading"><a href="team-detail.html">Ralph Simmons</a></h4>
								<div class="team-block_one-designation">Marketing Expert</div>
							</div>
						</div>
					</div>

					<!-- Team Block One -->
					<div class="team-block_one col-lg-4 col-md-6 col-sm-6">
						<div class="team-block_one-inner wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="team-block_one-image">
								<img src="assets/images/resource/team-2.jpg" alt="" />
								<!-- Slider One Socials -->
								<ul class="team-block_one_socials">
									<li><a class="twitter" href="#"><i class="fa-brands fa-twitter fa-fw"></i></a></li>
									<li><a class="instagram" href="#"><i class="fa-brands fa-instagram fa-fw"></i></a></li>
									<li><a class="facebook" href="#"><i class="fa-brands fa-facebook-f fa-fw"></i></a></li>
								</ul>
							</div>
							<div class="team-block_one-content">
								<h4 class="team-block_one-heading"><a href="team-detail.html">Ralph Simmons</a></h4>
								<div class="team-block_one-designation">Marketing Expert</div>
							</div>
						</div>
					</div>

					<!-- Team Block One -->
					<div class="team-block_one col-lg-4 col-md-6 col-sm-6">
						<div class="team-block_one-inner wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="team-block_one-image">
								<img src="assets/images/resource/team-3.jpg" alt="" />
								<!-- Slider One Socials -->
								<ul class="team-block_one_socials">
									<li><a class="twitter" href="#"><i class="fa-brands fa-twitter fa-fw"></i></a></li>
									<li><a class="instagram" href="#"><i class="fa-brands fa-instagram fa-fw"></i></a></li>
									<li><a class="facebook" href="#"><i class="fa-brands fa-facebook-f fa-fw"></i></a></li>
								</ul>
							</div>
							<div class="team-block_one-content">
								<h4 class="team-block_one-heading"><a href="team-detail.html">Ralph Simmons</a></h4>
								<div class="team-block_one-designation">Marketing Expert</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</section>
	<!-- End Team One -->

	<!-- Watch One -->
	<section class="watch-one">
		<div class="watch-one_image" style="background-image:url(assets/images/background/2.jpg)"></div>
		<!-- Watch Two -->
		<div class="watch-one_icon" data-parallax='{"x" : -60}'>
			<img src="assets/images/icons/signal.png" alt="" />
		</div>
		<!-- Watch Two -->
		<div class="watch-one_icon-two" data-parallax='{"x" : 60}'>
			<img src="assets/images/icons/signal-2.png" alt="" />
		</div>
		<div class="auto-container_two">
			<a href="https://www.youtube.com/watch?v=YS3PwmOQ1Fc" class="lightbox-video watch-one_play"><span class="fa-solid fa-circle-pause fa-fw"><i class="ripple"></i></span></a>
			<!-- Sec Title -->
			<div class="sec-title centered">
				<h2 class="sec-title_heading">Watch This Video Presentation <br> Our Work And Etc</h2>
			</div>
			<div class="inner-container">
				<div class="row clearfix">
					<!-- Info Column -->
					<div class="watch-one_info-column col-lg-4 col-md-4 col-sm-12">
						<div class="watch-one_info-outer" style="background-image:url(assets/images/background/pattern-1.png)">
							<ul class="watch-one_info-list">
								<li>
									Call anytime
									<span>+ 98 45 (000) - 9630</span>
								</li>
								<li>
									Send email
									<span>information@company.com</span>
								</li>
								<li>
									Visit Office
									<span>380 St Kilda Golden Road <br> Melbourne, Australia</span>
								</li>
							</ul>
							<!-- Watch One Socials -->
							<div class="watch-one_socials">
								<a class="fa-brands fa-twitter fa-fw" href="#"></a>
								<a class="fa-brands fa-facebook-f fa-fw" href="#"></a>
								<a class="fa-brands fa-pinterest-p fa-fw" href="#"></a>
								<a class="fa-brands fa-instagram fa-fw" href="#"></a>
							</div>
						</div>
					</div>
					<!-- Form Column -->
					<div class="watch-one_form-column col-lg-8 col-md-8 col-sm-12">
						<div class="watch-one_form-outer">
							
							<div class="default-form">
								<form method="post" action="https://html.yogsthemes.com/demo/banqix/index.html">
									<div class="row clearfix">
										<!--Form Group-->
										<div class="form-group col-lg-6 col-md-6 col-sm-6">
											<input type="text" name="name" value="" placeholder="Your Name" required>
										</div>
										<!--Form Group-->
										<div class="form-group col-lg-6 col-md-6 col-sm-6">
											<input type="email" name="email" value="" placeholder="Email Address" required>
										</div>
										<!--Form Group-->
										<div class="form-group col-lg-6 col-md-6 col-sm-6">
											<span class="icon fa-solid fa-calendar-days fa-fw"></span>
											<input class="datepicker" type="text" name="date" value="" placeholder="Select date" required>
										</div>
										<div class="form-group col-lg-3 col-md-6 col-sm-6">
											<input type="text" name="time" value="" placeholder="Select Time" required>
										</div>
										<!--Form Group-->
										<div class="form-group col-lg-3 col-md-12 col-sm-12">
											<select name="country" class="custom-select-box">
												<option>Passengers</option>
												<option>Passengers 01</option>
												<option>Passengers 02</option>
												<option>Passengers 03</option>
											</select>
										</div>
										<div class="col-lg-12 col-md-12 col-sm-12 form-group">
											<textarea class="" name="message" placeholder="Message"></textarea>
										</div>
										<div class="form-group col-lg-12 col-md-12 col-sm-12">
											<button type="button" class="theme-btn btn-style-one">
												<span class="btn-wrap">
													<span class="text-one">Send a Message</span>
													<span class="text-two">Send a Message</span>
												</span>
											</button>
										</div>
										
									</div>
								</form>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Watch One -->

	<!-- News One -->
	<section class="news-one">
		<div class="auto-container_two">
			<div class="inner-container">
				<!-- Sec Title -->
				<div class="sec-title title-anim centered">
					<div class="sec-title_title">our news</div>
					<h2 class="sec-title_heading">Latest News And Articals</h2>
				</div>
				<div class="row clearfix">

					<!-- News Block One -->
					<div class="news-block_one col-lg-4 col-md-6 col-sm-6">
						<div class="news-block_one-inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="news-block_one-image">
								<a href="blog-detail.html"><img src="assets/images/resource/news-1.jpg" alt="" /></a>
							</div>
							<div class="news-block_one-content">
								<div class="news-block_one-date">20 Feb, 2022</div>
								<ul class="news-block_one-meta">
									<li><i class="fa-solid fa-clock fa-fw"></i>05:30pm</li>
									<li><i class="fa-regular fa-comments fa-fw"></i>05 Comment</li>
								</ul>
								<h4 class="news-block_one-heading"><a href="blog-detail.html">Our Children Love The Cartoons</a></h4>
								<a href="blog-detail.html" class="news-block_one-more">
									Read more <span class="fa-solid fa-arrow-right-long fa-fw"></span>
								</a>
							</div>
						</div>
					</div>

					<!-- News Block One -->
					<div class="news-block_one col-lg-4 col-md-6 col-sm-6">
						<div class="news-block_one-inner wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="news-block_one-image">
								<a href="blog-detail.html"><img src="assets/images/resource/news-2.jpg" alt="" /></a>
							</div>
							<div class="news-block_one-content">
								<div class="news-block_one-date">20 Feb, 2022</div>
								<ul class="news-block_one-meta">
									<li><i class="fa-solid fa-clock fa-fw"></i>05:30pm</li>
									<li><i class="fa-regular fa-comments fa-fw"></i>05 Comment</li>
								</ul>
								<h4 class="news-block_one-heading"><a href="blog-detail.html">Our Children Love The Cartoons</a></h4>
								<a href="blog-detail.html" class="news-block_one-more">
									Read more <span class="fa-solid fa-arrow-right-long fa-fw"></span>
								</a>
							</div>
						</div>
					</div>

					<!-- News Block One -->
					<div class="news-block_one col-lg-4 col-md-6 col-sm-6">
						<div class="news-block_one-inner wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
							<div class="news-block_one-image">
								<a href="blog-detail.html"><img src="assets/images/resource/news-3.jpg" alt="" /></a>
							</div>
							<div class="news-block_one-content">
								<div class="news-block_one-date">20 Feb, 2022</div>
								<ul class="news-block_one-meta">
									<li><i class="fa-solid fa-clock fa-fw"></i>05:30pm</li>
									<li><i class="fa-regular fa-comments fa-fw"></i>05 Comment</li>
								</ul>
								<h4 class="news-block_one-heading"><a href="blog-detail.html">Our Children Love The Cartoons</a></h4>
								<a href="blog-detail.html" class="news-block_one-more">
									Read more <span class="fa-solid fa-arrow-right-long fa-fw"></span>
								</a>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</section>
	<!-- End News One -->

	<!-- Main Footer -->
	<footer class="main-footer">
		<div class="main-footer_image" style="background-image:url(assets/images/background/2.jpg)"></div>
		<div class="auto-container_two">
			<!-- Widgets Section -->
			<div class="widgets-section">
				<div class="row clearfix">

					<!-- Footer Column -->
					<div class="footer_column col-lg-4 col-md-6 col-sm-12">
						<div class="footer-widget logo-widget">
							<div class="footer-logo"><a href="index.html"><img src="assets/images/logo.png" alt="" title=""></a></div>
							<div class="footer-text">Rural and remote areas may have limited access to broadband services. High-speeds of broadband services can be.</div>
							<div class="app-buttons d-flex align-items-center flex-wrap">
								<a class="theme-btn app-btn" href="#">
									<span class="fa-brands fa-apple fa-fw"></span>
									Download on the <br> <i>App Store</i>
								</a>
								<a class="theme-btn app-btn" href="#">
									<span class="fa-brands fa-google-play fa-fw"></span>
									Get it on <br> <i>Google Pay</i>
								</a>
							</div>
						</div>
					</div>

					<!-- Footer Column -->
					<div class="footer_column col-lg-4 col-md-6 col-sm-12">
						<div class="footer-widget links-widget">
							<h4 class="footer-title">Get Free Link</h4>
							<ul class="footer-list">
								<li><a href="#">Software Development</a></li>
								<li><a href="#">Data Analytics</a></li>
								<li><a href="#">IT Consulting</a></li>
								<li><a href="#">Network Solutions</a></li>
								<li><a href="#">Others</a></li>
							</ul>
						</div>
					</div>

					<!-- Footer Column -->
					<div class="footer_column col-lg-4 col-md-6 col-sm-12">
						<div class="footer-widget gallery-widget">
							<h4 class="footer-title">instagram</h4>
							<div class="carousel-outer">
								<div class="instagram-carousel swiper-container">
									<div class="swiper-wrapper">
						
										<!-- Slide -->
										<div class="swiper-slide">
											<div class="instagram-image">
												<img src="assets/images/gallery/instagram-1.jpg" alt="" />
											</div>
										</div>
										<!-- Slide -->
										<div class="swiper-slide">
											<div class="instagram-image">
												<img src="assets/images/gallery/instagram-2.jpg" alt="" />
											</div>
										</div>
										<!-- Slide -->
										<div class="swiper-slide">
											<div class="instagram-image">
												<img src="assets/images/gallery/instagram-3.jpg" alt="" />
											</div>
										</div>

									</div>
								</div>
								<div class="instagram-carousel-next fas fa-arrow-right fa-fw"></div>
							</div>

							<h4 class="footer-title">Service Schedule</h4>
							<ul class="timing-list">
								<li>Mon-Tues<span>03.00AM - 08.00PM</span></li>
								<li>Wedne-Thur<span>07.00AM - 09.00PM</span></li>
								<li>Fri-Sat<span>06.00AM - 11.00PM</span></li>
							</ul>
						</div>
					</div>

				</div>
			</div>

			<div class="footer-bottom">
				<div class="d-flex justify-content-between align-items-center flex-wrap">

					<ul class="footer-bottom_nav">
						<li><a href="#">Policy & Privacy</a></li>
						<li><a href="#">Terms & Condition</a></li>
					</ul>

					<!-- Social Box -->
					<div class="footer-social_box">
						<a href="https://facebook.com/"><i class="fa-brands fa-facebook-f"></i></a>
						<a href="https://twitter.com/"><i class="fa-brands fa-twitter"></i></a>
						<a href="https://youtube.com/"><i class="fa-brands fa-youtube"></i></a>
						<a href="https://instagram.com/"><i class="fa-brands fa-instagram"></i></a>
					</div>

					<!-- Copyright -->
					<div class="main-footer_copyright">Copyright &copy; 2023. All Rights Reserved.</div>

				</div>
			</div>

		</div>
	</footer>
	<!-- End Main Footer -->

	<!-- Search Popup -->
	<div class="search-popup">
		<div class="color-layer"></div>
		<button class="close-search"><span class="flaticon-cancel-1"></span></button>
		<form method="post" action="https://html.yogsthemes.com/demo/banqix/blog.html">
			<div class="form-group">
				<input type="search" name="search-field" value="" placeholder="Search Here" required>
				<button class="fa fa-solid fa-magnifying-glass fa-fw" type="submit"></button>
			</div>
		</form>
	</div>
	<!-- End Search Popup -->
	
	<!-- Color Palate / Color Switcher -->
	<div class="color-palate">
		<div class="color-trigger">
			<i class="fa fa-solid fa-gear fa-fw"></i>
		</div>
		<div class="color-palate-inner">
			<div class="color-palate-head">
				<h6>Choose Options</h6>
			</div>
			
			<!-- Colors -->
			<div class="various-color clearfix">
				<div class="colors-list">
					<span class="palate default-color active" data-theme-file="assets/css/color-themes/default-color.css"></span>
					<span class="palate blue-color" data-theme-file="assets/css/color-themes/blue-color.css"></span>
					<span class="palate olive-color" data-theme-file="assets/css/color-themes/olive-color.css"></span>
					<span class="palate orange-color" data-theme-file="assets/css/color-themes/orange-color.css"></span>
					<span class="palate purple-color" data-theme-file="assets/css/color-themes/purple-color.css"></span>
					<span class="palate green-color" data-theme-file="assets/css/color-themes/green-color.css"></span>
					<span class="palate brown-color" data-theme-file="assets/css/color-themes/brown-color.css"></span>
					<span class="palate yellow-color" data-theme-file="assets/css/color-themes/yellow-color.css"></span>
				</div>
			</div>
					
			<h6>RTL Version</h6>
			<ul class="rtl-version option-box"> <li class="rtl">RTL Version</li> <li>LTR Version</li> </ul>
			<h6>Want Sticky Header</h6>
			<ul class="header-version option-box"> <li class="box">No</li> <li>Yes</li></ul>
			<h6>Dark Verion</h6>
			<ul class="dark-version option-box"> <li class="box">Yes</li> <li>No</li></ul>
			
			<div class="purchase-box">
				You will find much more options for colors and styling in admin panel. This color picker is used only for demonstation purposes.
				<a href="#" class="theme-btn btn-style-two">
					<span class="btn-wrap">
						<span class="text-one">buy now</span>
						<span class="text-two">buy now</span>
					</span>
				</a>
			</div>
			
		</div>
	</div>
	<!-- End Color Palate / Color Switcher -->
	
</div>
<!-- End PageWrapper -->

<div class="progress-wrap">
	<svg class="progress-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.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/appear.js"></script>
<script src="assets/js/parallax.min.js"></script>
<script src="assets/js/tilt.jquery.min.js"></script>
<script src="assets/js/jquery.paroller.min.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/swiper.min.js"></script>
<script src="assets/js/backtotop.js"></script>
<script src="assets/js/odometer.js"></script>
<script src="assets/js/parallax-scroll.js"></script>

<script src="assets/js/gsap.min.js"></script>
<script src="assets/js/SplitText.min.js"></script>
<script src="assets/js/ScrollTrigger.min.js"></script>
<script src="assets/js/ScrollToPlugin.min.js"></script>
<script src="assets/js/ScrollSmoother.min.js"></script>

<script src="assets/js/magnific-popup.min.js"></script>
<script src="assets/js/jquery.meanmenu.min.js"></script>
<script src="assets/js/nav-tool.js"></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/element-in-view.js"></script>
<script src="assets/js/color-settings.js"></script>
<script src="assets/js/script.js"></script>

</body>

<!-- Mirrored from html.yogsthemes.com/demo/banqix/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 12 Mar 2025 14:59:41 GMT -->
</html>