<!DOCTYPE html>
<html class="no-js" lang="zxx">
	<head>
		<!-- Meta Tag -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name='copyright' content='bonik'>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		
		<!-- Site Title -->
		<title>Bonik - Multipurpose Business & Digital Agency HTML Template</title>
		
		<!-- Fav Icon -->
		<link rel="icon" type="img/favicon.png" href="img/favicon.png">
		
		<!-- Google Font -->
		<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,800;1,900&display=swap" rel="stylesheet">   
		
		<!-- Theme Stylesheet -->
		<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
		<link rel="stylesheet" href="css/cube-portfolio.min.css">
		<link rel="stylesheet" href="css/slicknav.min.css">
		<link rel="stylesheet" href="css/maginific-popup.min.css">
		<link rel="stylesheet" href="css/jquery.fancybox.css">
		<link rel="stylesheet" href="css/animate.min.css">
		<link rel="stylesheet" href="css/animate-text.css">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link rel="stylesheet" href="css/owl.carousel.min.css">
		
		<!-- Theme Default CSS -->
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="style.css">
		<link rel="stylesheet" href="css/responsive.css">
		
		<link rel="stylesheet" href="#" id="bonik_custom">	
		
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->	
	</head>

	<body>
	<!--[if IE]>
		<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
	 <![endif]-->
		
		<!-- Preloader-Area --> 
		<div class="preloader-area">
			<div class="sk-cube-grid">
				<div class="sk-cube sk-cube1"></div>
				<div class="sk-cube sk-cube2"></div>
				<div class="sk-cube sk-cube3"></div>
				<div class="sk-cube sk-cube4"></div>
				<div class="sk-cube sk-cube5"></div>
				<div class="sk-cube sk-cube6"></div>
				<div class="sk-cube sk-cube7"></div>
				<div class="sk-cube sk-cube8"></div>
				<div class="sk-cube sk-cube9"></div>
			</div>
		</div>
		<!-- End-Preloader-Area --> 

		<!-- Bonik Options -->
		<div class="elena-options">
			<div class="icon inOut"><i class="fa fa-cog fa-spin"></i></div>
			<div class="single-option">
				<h4>Choose Bonik Colors</h4>
				<span class="skin1"></span>
				<span class="skin2"></span>
				<span class="skin3"></span>
				<span class="skin4"></span> 
				<span class="skin5"></span> 
				<span class="skin6"></span> 
				<span class="skin7"></span> 
				<span class="skin8"></span> 
			</div>
		</div>
		<!--/ End Bonik Options -->

		<!-- Topbar -->
		<div class="topbar">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 offset-lg-2 col-12">
						<div class="topbar-address">
							<ul>
								<li><a href="#"><i class="fa fa-phone"></i><span>Phone:</span> +0123456789</a></li>
								<li><a href="#"><i class="fa fa-envelope"></i><span>Email:</span> info@example.com</a></li>
								<li><a href="#"><i class="fa fa-map-marker"></i><span>Location:</span> 28/A Street, The king city, USA </a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- End Topbar -->
	
		<!-- Header Start -->
		<header class="header">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-12">
						<div class="header-inner-top">
							<div class="header-inner">
								<div class="row">
									<div class="col-lg-2 col-md-3 col-12">
										<!-- Logo -->
										<div class="logo">
											<a class="logo-1" href="index.html"><img src="img/main-logo.png" alt="#"></a>
										</div>
										<!-- End-Logo -->
										<div class="mobile-nav"></div>
									</div>
									<div class="col-lg-10 col-md-9 col-12">
										<div class="main-menu-top">
											<div class="main-menu">
												<div class="navbar">
													<div class="nav-item">
														<!-- Main-Menu -->
														<ul class="nav-menu mobile-menu navigation">
															<li class="active"><a href="index.html">Home</a></li>
															<li><a href="services.html">Services</a></li>
															<li><a href="#">Portfolio<i class="fa fa-angle-down"></i></a>
																<ul class="sub-menu">
																	<li><a href="portfolio.html">Portfolio</a></li>
																	<li><a href="portfolio-single.html">Portfolio Single</a></li>
																</ul>
															</li>
															<li><a href="#">Blogs<i class="fa fa-angle-down"></i></a>
																<ul class="sub-menu">
																	<li><a href="blog.html">Blog Archive</a></li>
																	<li><a href="blog-sidebar.html">Blog With Sidebar</a></li>
																	<li><a href="blog-single.html">Blog Single</a></li>
																</ul>
															</li>
															<li><a href="#">Pages<i class="fa fa-angle-down"></i></a>
																<ul class="sub-menu">
																	<li><a href="about-us.html">About Us</a></li>
																	<li><a href="team.html">Team</a></li>
																	<li><a href="pricing.html">Pricing</a></li>
																	<li><a href="testimonials.html">Testimonials</a></li>
																	<li><a href="faq.html">Faq's</a></li>
																	<li><a href="404.html">404 Page</a></li>
																	<li><a href="mail-success.html">Mail Success</a></li>
																</ul>
															</li>
															<li><a href="contact.html">Contact</a></li>
														</ul>
													</div>
												</div>
											</div>
											<!-- Menu-Right -->
											<div class="menu-right">
												<a href="contact.html" class="theme-btn">get a quote</a>
											</div>
											<!-- End-Menu-Right -->
										</div>
									</div>
								</div>	
							</div>	
						</div>	
					</div>	
				</div>	
			</div>
		</header>
		<!-- End Header -->
	
		<!-- Hero Area -->
		<section  class="hero-area">
			<div  class="hero-slider">
				<!-- Single Slider -->
				<div  class="single-slider" style="background-image:url('img/hero-bg-1.jpg')">
					<div class="container">
						<div class="row">
							<div class="col-lg-7 col-md-8 col-12">
								<div class="hero-content">
									<h1>The Best Solutions to Start Your Own Business</h1>
									<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout</p>
									<!-- Slider Button -->
									<div class="button">
										<a href="services.html" class="theme-btn">Get Started</a>
										<div class="video-main">
											<!-- Promo-Video -->
											<div class="promo-video">
												<div class="waves-block">
													<div class="waves wave-1"></div>
													<div class="waves wave-2"></div>
													<div class="waves wave-3"></div>
												</div>
											</div>
											<a href="https://www.youtube.com/watch?v=m_IqCPs6u8Y" class="video video-popup mfp-iframe"><i class="fa fa-play"></i></a>
										</div>
									</div>
									<!-- End Slider Button -->
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- End Single Slider -->
				<!-- Single Slider -->
				<div  class="single-slider" style="background-image:url('img/hero-bg-2.jpg')">
					<div class="container">
						<div class="row">
							<div class="col-lg-7 col-md-8 col-12">
								<div class="hero-content">
									<h1>The Best Solutions to Start Your Own Business</h1>
									<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout</p>
									<!-- Slider Button -->
									<div class="button">
										<a href="portfolio.html" class="theme-btn">Viwe Portfolio</a>
										<div class="video-main">
											<!-- Promo-Video -->
											<div class="promo-video">
												<div class="waves-block">
													<div class="waves wave-1"></div>
													<div class="waves wave-2"></div>
													<div class="waves wave-3"></div>
												</div>
											</div>
											<a href="https://www.youtube.com/watch?v=m_IqCPs6u8Y" class="video video-popup mfp-iframe"><i class="fa fa-play"></i></a>
										</div>
									</div>
									<!-- End Slider Button -->
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- End Single Slider -->
				<!-- Single Slider -->
				<div  class="single-slider" style="background-image:url('img/hero-bg-3.jpg')">
					<div class="container">
						<div class="row">
							<div class="col-lg-7 col-md-8 col-12">
								<div class="hero-content">
									<h1>The Best Solutions to Start Your Own Business</h1>
									<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout</p>
									<!-- Slider Button -->
									<div class="button">
										<a href="blog.html" class="theme-btn">Read Articles</a>
										<div class="video-main">
											<!-- Promo-Video -->
											<div class="promo-video">
												<div class="waves-block">
													<div class="waves wave-1"></div>
													<div class="waves wave-2"></div>
													<div class="waves wave-3"></div>
												</div>
											</div>
											<a href="https://www.youtube.com/watch?v=m_IqCPs6u8Y" class="video video-popup mfp-iframe"><i class="fa fa-play"></i></a>
										</div>
									</div>
									<!-- End Slider Button -->
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- End Single Slider -->
			</div>
		</section>
		<!-- End Hero Area -->
		
		<!-- About Area -->
		<section class="about-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-6 col-12 wow fadeInLeft" data-wow-duration="1s">
						<!-- About image -->
						<div class="about-img">
							<img src="img/about-img.png" alt="#">
							<div class="activity"><span>35+</span> Years</div>
						</div>
						<!-- End About image -->
					</div>
					<div class="col-lg-6 col-md-6 col-12 wow fadeInRight" data-wow-duration="2s">
						<!-- About content -->
						<div class="about-content">
							<span>About company</span>
							<h2>More Than <b>35+</b> Years, We Provide Business Solutions.</h2>
							<p>But I must explain to you how all this mistaken idea of denounc ing pleasure and praising pain was born and I will give yomplete acount of the system Quis ipsum suspendisse ultrices gravida. Risus commodo viverra </p>
							<div class="feature">
								<!-- Single Feature -->
								<div class="single-feature">
									<i class="fa fa-briefcase"></i>
									<div class="feature-content">
										<h3>Smart Business Solutions!</h3>
										<p>Sedut perspiciatis unde omnis iste natus error sitlupt tem accusantium doloremque laudantium</p>
									</div>
								</div>
								<!-- Single Feature -->
								<div class="single-feature">
									<i class="fa fa-code"></i>
									<div class="feature-content">
										<h3>Quality Coding & Best Service</h3>
										<p>Sedut perspiciatis unde omnis iste natus error sitlupt tem accusantium doloremque laudantium</p>
									</div>
								</div>
							</div>
							<div class="about-theme-btn">
								<a href="about-us.html" class="theme-btn">More about us</a>
							</div>
						</div>
						<!-- End About content -->
					</div>
				</div>
			</div>
		</section>	
		<!-- End About Area -->	
		
		<!-- Service Area -->
		<section class="service-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1 col-12">
						<div class="section-title">
							<h6>Services</h6>
							<h3>Our Services</h3>
							<div class="line-bot"></div>
							<p>All the lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-4 col-md-4 col-12 wow fadeInUp" data-wow-duration="1s">
						<!-- Single Service -->
						<div class="single-service">
							<!-- Number -->
							<div class="number"><h6>1</h6></div>
							<div class="service-head">
								<div class="service-img">
									<img src="img/service/service-img-1.jpg" alt="#"> 
									<i class="fa fa-edit"></i>
								</div>
							</div>
							<div class="service-content">
								<h4>Business Consulting</h4>
								<p>There is now an abundance of readable dummy texts. These are usually used when a text is required purely. </p>
							</div>
							<div class="service-bottom">
								<a href="contact.html"><i class="fa fa-chevron-right"></i></a>
							</div>	
						</div>
						<!-- End Single Service -->
					</div>
					<div class="col-lg-4 col-md-4 col-12 wow fadeInUp" data-wow-duration="2s">
						<!-- Single Service -->
						<div class="single-service">
							<!-- Number -->
							<div class="number"><h6>2</h6></div>
							<div class="service-head">
								<div class="service-img">
									<img src="img/service/service-img-2.jpg" alt="#"> 
									<i class="fa fa-eye"></i>
								</div>
							</div>
							<div class="service-content">
								<h4>Graphics Design</h4>
								<p>There is now an abundance of readable dummy texts. These are usually used when a text is required purely. </p>
							</div>
							<div class="service-bottom">
								<a href="contact.html"><i class="fa fa-chevron-right"></i></a>
							</div>
						</div>
						<!-- End Single Service -->
					</div>
					<!-- Single Service -->
					<div class="col-lg-4 col-md-4 col-12 wow fadeInUp" data-wow-duration="2s">
						<div class="single-service">
							<!-- Number -->
							<div class="number last"><h6>3</h6></div>
							<div class="service-head">
								<div class="service-img">
									<img src="img/service/service-img-3.jpg" alt="#"> 
									<i class="fa fa-lightbulb-o"></i>
								</div>
							</div>
							<div class="service-content">
								<h4>Digital Marketing</h4>
								<p>There is now an abundance of readable dummy texts. These are usually used when a text is required purely. </p>
							</div>
							<div class="service-bottom">
								<a href="contact.html"><i class="fa fa-chevron-right"></i></a>
							</div>
						</div>
					</div>
					<!-- End Single Service -->
				</div>
			</div>
		</section>	
		<!-- End Service Area -->
		
		<!-- Portfolio Area -->	
		<section class="portfolio-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1 col-12">
						<div class="section-title">
							<h6>Works</h6>
							<h3>Our Portfolio</h3>
							<div class="line-bot"></div>
							<p>All the lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-12">
						<!-- Project Nav -->
						<ul id="portfolio-nav" class="project-nav tr-list list-inline cbp-l-filters-work">
							<li data-filter="*" class="cbp-filter-item active">All</li>
							<li data-filter=".development" class="cbp-filter-item">Development</li>
							<li data-filter=".ui-ux" class="cbp-filter-item">UI/UX</li>
							<li data-filter=".branding" class="cbp-filter-item">Branding</li>
							<li data-filter=".seo" class="cbp-filter-item">SEO</li>
							<li data-filter=".wordpress" class="cbp-filter-item">wordpress</li>
						</ul>
						<!-- End-Project Nav -->
					</div>
				</div>
				<div class="row">
					<div class="col-12">	
						<div class="portfolio-main">
							<div id="portfolio-item" class="portfolio-item-active">
								<!-- Single Portfolio -->
								<div class="cbp-item ui-ux branding">
									<div class="portfolio-single">
										<div class="portfolio-img">
											<img src="img/portfolio/work-1.jpg" alt="#">
										</div>
										<div class="portfolio-content">
											<h4><a href="portfolio-single.html">Art & Studio</a></h4>
											<p>UI/UX, Branding</p>
										</div>
										<a class="p-button" href="img/portfolio/work-1.jpg" data-fancybox="photo"><i class="fa fa-image"></i></a>
									</div>
								</div>
								<!-- End Single Portfolio -->
								<!-- Single Portfolio -->
								<div class="cbp-item development seo">
									<div class="portfolio-single">
										<div class="portfolio-img">
											<img src="img/portfolio/work-2.jpg" alt="#">
										</div>
										<div class="portfolio-content">
											<h4><a href="portfolio-single.html">Digital Media</a></h4>
											<p>Development, Seo</p>
										</div>
										<a class="p-button" href="img/portfolio/work-2.jpg" data-fancybox="photo"><i class="fa fa-image"></i></a>
									</div>
								</div>
								<!-- End Single Portfolio -->
								<!-- Single Portfolio -->
								<div class=" cbp-item development seo">
									<div class="portfolio-single">
										<div class="portfolio-img">
											<img src="img/portfolio/work-3.jpg" alt="#">
										</div>
										<div class="portfolio-content">
											<h4><a href="portfolio-single.html">Latest Bootstrap</a></h4>
											<p>Development, Seo</p>
										</div>
										<a class="p-button" href="img/portfolio/work-3.jpg" data-fancybox="photo"><i class="fa fa-image"></i></a>
									</div>
								</div>
								<!-- End Single Portfolio -->
								<!-- Single Portfolio -->
								<div class="cbp-item seo wordpress">
									<div class="portfolio-single">
										<div class="portfolio-img">
											<img src="img/portfolio/work-4.jpg" alt="#">
										</div>
										<div class="portfolio-content">
											<h4><a href="portfolio-single.html">Fully Responsive</a></h4>
											<p>Seo, Wordpress</p>
										</div>
										<a class="p-button" href="img/portfolio/work-4.jpg" data-fancybox="photo"><i class="fa fa-image"></i></a>
									</div>
								</div>
								<!-- End Single Portfolio -->
								<!-- Single Portfolio -->
								<div class="cbp-item development wordpress">
									<div class="portfolio-single">
										<div class="portfolio-img">
											<img src="img/portfolio/work-5.jpg" alt="#">
										</div>
										<div class="portfolio-content">
											<h4><a href="portfolio-single.html">Quality Coding</a></h4>
											<p>Development, Wordpress</p>
										</div>
										<a class="p-button" href="img/portfolio/work-1.jpg" data-fancybox="photo"><i class="fa fa-image"></i></a>
									</div>
								</div>
								<!-- End Single Portfolio -->
								<!-- Single Portfolio -->
								<div class="cbp-item development ui-ux">
									<div class="portfolio-single">
										<div class="portfolio-img">
											<img src="img/portfolio/work-6.jpg" alt="#">
										</div>
										<div class="portfolio-content">
											<h4><a href="portfolio-single.html">Easy to Customize</a></h4>
											<p>UI/UX, Development</p>
										</div>
										<a class="p-button" href="img/portfolio/work-6.jpg" data-fancybox="photo"><i class="fa fa-image"></i></a>
									</div>
								</div>
								<!-- End Single Portfolio -->
							</div>	
						</div>	
					</div>
				</div>	
			</div>
		</section>
		<!-- End Portfolio Area -->	
		
		<!-- Team Area -->
		<section class="team-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1 col-12">
						<div class="section-title">
							<h6>Team</h6>
							<h3>Creative Minds</h3>
							<div class="line-bot"></div>
							<p>All the lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-3 col-md-6 col-12 wow fadeInUp" data-wow-duration="1s">
						<!-- Single Team -->
						<div class="single-team text-center">
							<div class="team-img">
								<img src="img/team/1.jpg" alt="#">
							</div>
							<div class="team-bottom">
								<!-- Team content -->
								<div class="team-content">
									<h4>Sam Martin</h4>
									<p>Web Designer</p>
								</div>
								<!-- Team social -->
								<div class="team-social">
									<ul>
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
										<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- End Single Team -->
					</div>
					<!-- Single-Team -->
					<div class="col-lg-3 col-md-6 col-12 wow fadeInUp" data-wow-duration="2s">
						<!-- Single Team -->
						<div class="single-team text-center">
							<div class="team-img">
								<img src="img/team/2.jpg" alt="#">
							</div>
							<div class="team-bottom">
								<!-- Team content -->
								<div class="team-content">
									<h4>Johnny Doe</h4>
									<p>Ceo, Developer</p>
								</div>
								<!-- Team social -->
								<div class="team-social">
									<ul>
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
										<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- End Single Team -->
					</div>
					<!-- Single-Team -->
					<div class="col-lg-3 col-md-6 col-12 wow fadeInUp" data-wow-duration="3s">
						<!-- Single Team -->
						<div class="single-team text-center">
							<div class="team-img">
								<img src="img/team/3.jpg" alt="#">
							</div>
							<div class="team-bottom">
								<!-- Team content -->
								<div class="team-content">
									<h4>Alex Smith</h4>
									<p>Founder, Director</p>
								</div>
								<!-- Team social -->
								<div class="team-social">
									<ul>
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
										<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- End Single Team -->
					</div>
					<!-- Single-Team -->
					<div class="col-lg-3 col-md-6 col-12 wow fadeInUp" data-wow-duration="4s">
						<!-- Single Team -->
						<div class="single-team text-center">
							<div class="team-img">
								<img src="img/team/4.jpg" alt="#">
							</div>
							<div class="team-bottom">
								<!-- Team content -->
								<div class="team-content">
									<h4>Anamika Dome</h4>
									<p>Digital Marketer</p>
								</div>
								<!-- Team social -->
								<div class="team-social">
									<ul>
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
										<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- End Single Team -->
					</div>
				</div>
			</div>	
		</section>		
		<!-- End Team Area -->
		
		<!-- Testimonial-Area -->
		<section class="testimonial-area">
			<div class="testimonial-bg" style='background-image: url("img/testimonial/testimonial-bg.jpg")'>
				<div class="container">
					<div class="row">
						<div class="col-lg-7 col-12">
							<div class="section-title">
								<h3>CLient Testimonials</h3>
								<div class="line-bot"></div>
								<p>All the lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
							</div>
						</div>
					</div>
				</div>
			</div>	
			<!-- Testimonial main -->
			<div class="testimonial-main">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<!-- Testimonial-Slider -->
							<div class="testimnial-slider">
								<!-- Single Testimonial -->
								<div class="testimonial-item">
									<div class="row">
										<div class="col-lg-4 col-md-6 col-12">
											<div class="testimnial-left">
												<div class="testimonial-head">
													<img src="img/testimonial/testi-1.jpg" alt="#">
												</div>
												<div class="testimonial-bottom">
													<h6>John Smith</h6>
													<p>Freelancer, Upwork</p>
												</div>
												<!-- Social Links -->
												<ul class="testimonial-social">
													<li><a href="#"><i class="fa fa-facebook"></i></a></li>
													<li><a href="#"><i class="fa fa-twitter"></i></a></li>
													<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
													<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
												</ul>
											</div>
										</div>
										<div class="col-lg-8 col-md-6 col-12">
											<div class="testimonial-right">
												<p>We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we boast a years and years of service.</p>
												<div class="stars">
													<ul>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- End Single Testimonial -->
								<!-- Single Testimonial -->
								<div class="testimonial-item">
									<div class="row">
										<div class="col-lg-4 col-md-6 col-12">
											<div class="testimnial-left">
												<div class="testimonial-head">
													<img src="img/testimonial/testi-2.jpg" alt="#">
												</div>
												<div class="testimonial-bottom">
													<h6>Poppy Jany</h6>
													<p>Digital Marketer</p>
												</div>
												<!-- Social Links -->
												<ul class="testimonial-social">
													<li><a href="#"><i class="fa fa-facebook"></i></a></li>
													<li><a href="#"><i class="fa fa-twitter"></i></a></li>
													<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
													<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
												</ul>
											</div>
										</div>
										<div class="col-lg-8 col-md-6 col-12">
											<div class="testimonial-right">
												<p>We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we boast a years and years of service.</p>
												<div class="stars">
													<ul>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- End Single Testimonial -->
								<!-- Single Testimonial -->
								<div class="testimonial-item">
									<div class="row">
										<div class="col-lg-4 col-md-6 col-12">
											<div class="testimnial-left">
												<div class="testimonial-head">
													<img src="img/testimonial/testi-3.jpg" alt="#">
												</div>
												<div class="testimonial-bottom">
													<h6>William Kanal</h6>
													<p>Seo Expert</p>
												</div>
												<!-- Social Links -->
												<ul class="testimonial-social">
													<li><a href="#"><i class="fa fa-facebook"></i></a></li>
													<li><a href="#"><i class="fa fa-twitter"></i></a></li>
													<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
													<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
												</ul>
											</div>
										</div>
										<div class="col-lg-8 col-md-6 col-12">
											<div class="testimonial-right">
												<p>We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we boast a years and years of service.</p>
												<div class="stars">
													<ul>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
														<li><i class="fa fa-star"></i></li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- End Single Testimonial -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Testimonial Main -->
		</section>
		<!-- End Testimonial Area -->
		
		<!-- Pricing Area -->
		<section class="pricing-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1 col-12">
						<div class="section-title">
							<h6>pricing</h6>
							<h3>See Pricing Plans</h3>
							<div class="line-bot"></div>
							<p>All the lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-3 col-md-6 col-12 wow fadeInUp" data-wow-duration="1s">
						<!-- Single Pricing -->
						<div class="single-pricing">
							<div class="pricing-head">
								<h4>Basic</h4>
							</div>
							<div class="pricing-middle">
								<div class="circle-box">
									<div class="price">
										<h2>$20</h2>
										<p>Monthly</p>
									</div>
								</div>
								<ul class="price-list">
									<li>Social Media Marketing</li>
									<li>3.100 Keywords</li>
									<li>One Way Link Building</li>
									<li>10 Free Optimization</li>
									<li>5 Press Releases</li>
								</ul>
							</div>
							<div class="pricing-bottom">
								<a href="contact.html" class="theme-btn primary"><i class="fa fa-shopping-cart"></i>Order now</a>
							</div>
						</div>
						<!-- End Single Pricing -->
					</div>	
					<div class="col-lg-3 col-md-6 col-12 wow fadeInUp" data-wow-duration="2s">
						<!-- Single Pricing -->
						<div class="single-pricing active">
							<div class="pricing-head">
								<h4>Standard</h4>
								<div class="sticker">
									<span>Best plan</span>
								</div>
							</div>
							<div class="pricing-middle">
								<div class="circle-box">
									<div class="price">
										<h2>$30</h2>
										<p>Monthly</p>
									</div>
								</div>
								<ul class="price-list">
									<li>Social Media Marketing</li>
									<li>3.100 Keywords</li>
									<li>One Way Link Building</li>
									<li>10 Free Optimization</li>
									<li>5 Press Releases</li>
								</ul>
							</div>
							<div class="pricing-bottom">
								<a href="contact.html" class="theme-btn primary"><i class="fa fa-shopping-cart"></i>Order now</a>
							</div>
						</div>
						<!-- End Single Pricing -->
					</div>
					<div class="col-lg-3 col-md-6 col-12 wow fadeInUp" data-wow-duration="2s">
						<!-- Single Pricing -->
						<div class="single-pricing">
							<div class="pricing-head">
								<h4>Premium</h4>
							</div>
							<div class="pricing-middle">
								<div class="circle-box">
									<div class="price">
										<h2>$50</h2>
										<p>Monthly</p>
									</div>
								</div>
								<ul class="price-list">
									<li>Social Media Marketing</li>
									<li>3.100 Keywords</li>
									<li>One Way Link Building</li>
									<li>10 Free Optimization</li>
									<li>5 Press Releases</li>
								</ul>
							</div>
							<div class="pricing-bottom">
								<a href="contact.html" class="theme-btn primary"><i class="fa fa-shopping-cart"></i>Order now</a>
							</div>
						</div>
						<!-- End Single Pricing -->
					</div>
					<div class="col-lg-3 col-md-6 col-12 wow fadeInUp" data-wow-duration="2s">
						<!-- Single Pricing -->
						<div class="single-pricing">
							<div class="pricing-head">
								<h4>Professional</h4>
							</div>
							<div class="pricing-middle">
								<div class="circle-box">
									<div class="price">
										<h2>$70</h2>
										<p>Monthly</p>
									</div>
								</div>
								<ul class="price-list">
									<li>Social Media Marketing</li>
									<li>3.100 Keywords</li>
									<li>One Way Link Building</li>
									<li>10 Free Optimization</li>
									<li>5 Press Releases</li>
								</ul>
							</div>
							<div class="pricing-bottom">
								<a href="contact.html" class="theme-btn primary"><i class="fa fa-shopping-cart"></i>Order now</a>
							</div>
						</div>
						<!-- End Single Pricing -->
					</div>			
				</div>
			</div>
		</section>	
		<!-- Pricing Area -->
		
		<!-- CTA Section -->
		<section class="cta-section" style="background-image:url(img/next-bg.jpg)">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-12">
						<div class="cta-content">
							<h3>Build your Perfect Website Now!</h3>
							<p>If you want to create a new website for your business, do not hesitate to contact us today. We have created you to provide all types of services on the website. and praising pain was born and I will give yomplete acount of the system creatives</p>
							<div class="cta-button">
								<a href="contact.html" class="theme-btn">Get started</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End CTA Section -->
	
		<!-- Fun Fact -->
		<div class="fun-fact">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="count-box">
							<div class="row">
								<div class="col-lg-3 col-md-3 col-12">
									<!-- Single count -->
									<div class="single-count">
										<i class="fa fa-globe"></i>
										<div class="main-count">
											<h3>Countries</h3>
											<h6><span class="counter">50</span>+</h6>
										</div>
									</div>
									<!-- End Single count -->
								</div>
								<div class="col-lg-3 col-md-3 col-12">
									<!-- Single count -->
									<div class="single-count">
										<i class="fa fa-user-circle"></i>
										<div class="main-count">
											<h3>Clients</h3>
											<h6><span class="counter">110</span>+</h6>
										</div>
									</div>
									<!-- End Single count -->
								</div>
								<div class="col-lg-3 col-md-3 col-12">
									<!-- Single count -->
									<div class="single-count">
										<i class="fa fa-briefcase"></i>
										<div class="main-count">
											<h3>Projects</h3>
											<h6><span class="counter">260</span>+</h6>
										</div>
									</div>
									<!-- End Single count -->
								</div>
								<div class="col-lg-3 col-md-3 col-12">
									<!-- Single count -->
									<div class="single-count last">
										<i class="fa fa-headphones"></i>
										<div class="main-count">
											<h3>Team members</h3>
											<h6><span class="counter">20</span>+</h6>
										</div>
									</div>
									<!-- End Single count -->
								</div>
								<!-- End-Single-Count -->
							</div>																									
						</div>																									
					</div>																									
				</div>																									
			</div>
		</div>
		<!-- End Fun Fact -->
		
		<!-- Blog-Area -->
		<section class="blog-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1 col-12">
						<div class="section-title">
							<h6>Blog</h6>
							<h3>latest Articles</h3>
							<div class="line-bot"></div>
							<p>All the lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-12 wow fadeInUp" data-wow-duration="1s">
						<div class="blog-slider">
							<!-- Single Blog -->
							<div class="single-blog">
								<div class="blog-img">
									<img src="img/blog/blog-1.jpg" alt="#">
									<span class="date">Sep 25</span>
								</div>
								<div class="blog-body">
									<h3><a href="#">The Best Dolor Sitamet Consectetur Adipiscing</a></h3>
									<div class="blog-meta">
										<div class="single-meta">
											<img src="img/blog/admin/admin-1.jpg" alt="#">
											<p>Michael</p>
										</div>
										<div class="single-meta">
											<p><i class="fa fa-comments"></i> <span>15 comments</span></p>
										</div>
										<div class="single-meta">
											<p><i class="fa fa-star"></i> <span>20</span></p>
										</div>
									</div>
								</div>
							</div>
							<!-- End Single Blog -->
							<!-- Single Blog -->
							<div class="single-blog">
								<div class="blog-img">
									<img src="img/blog/blog-2.jpg" alt="#">
									<span class="date">Sep 10</span>
								</div>
								<div class="blog-body">
									<h3><a href="#">Business is Pulvinar Metuseu Venenatis pellen Praesent </a></h3>
									<div class="blog-meta">
										<div class="single-meta">
											<img src="img/blog/admin/admin-2.jpg" alt="#">
											<p>Michael</p>
										</div>
										<div class="single-meta">
											<p><i class="fa fa-comments"></i> <span>30 comments</span></p>
										</div>
										<div class="single-meta">
											<p><i class="fa fa-star"></i> <span>34</span></p>
										</div>
									</div>
								</div>
							</div>
							<!-- End Single Blog -->
							<!-- Single Blog -->
							<div class="single-blog">
								<div class="blog-img">
									<img src="img/blog/blog-3.jpg" alt="#">
									<span class="date">Aug 25</span>
								</div>
								<div class="blog-body">
									<h3><a href="#">Behind the Word Muntains, Far From the Countries</a></h3>
									<div class="blog-meta">
										<div class="single-meta">
											<img src="img/blog/admin/admin-3.jpg" alt="#">
											<p>Michael</p>
										</div>
										<div class="single-meta">
											<p><i class="fa fa-comments"></i> <span>39 comments</span></p>
										</div>
										<div class="single-meta">
											<p><i class="fa fa-star"></i> <span>50</span></p>
										</div>
									</div>
								</div>
							</div>
							<!-- End Single Blog -->
							<!-- Single Blog -->
							<div class="single-blog">
								<div class="blog-img">
									<img src="img/blog/blog-4.jpg" alt="#">
									<span class="date">Jul 10</span>
								</div>
								<div class="blog-body">
									<h3><a href="#">Consulting Needs the Big Oxmox advised Bestania</a></h3>
									<div class="blog-meta">
										<div class="single-meta">
											<img src="img/blog/admin/admin-1.jpg" alt="#">
											<p>Michael</p>
										</div>
										<div class="single-meta">
											<p><i class="fa fa-comments"></i> <span>49 comments</span></p>
										</div>
										<div class="single-meta">
											<p><i class="fa fa-star"></i> <span>58</span></p>
										</div>
									</div>
								</div>
							</div>
							<!-- End Single Blog -->
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End-Blog-Area -->
		
		<!-- Contact Area -->
		<section class="contact-area">
			<div class="content-area">
				<div class="left-col" style="background-image:url(img/contact-bg.jpg);"></div>
				<!-- Contact Right -->
				<div class="right-col">
					<div class="row">
						<div class="col-lg-6 offset-lg-6 col-md-6 offset-md-6 col-12 wow fadeInRight" data-wow-duration="1s">
							<div class="contact-right">
								<div class="top-content">
									<h3><span>Contact</span>Request A Free Consulting</h3>
									<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit Aenean commo doligula eget dolor. Aenean massa. Cum sociis natoque penatibus</p>
								</div>
								<form action="mail/mail.php" method="post">
									<div class="contact-form">
										<div class="row">
											<div class="col-lg-6 col-md-12 col-12">
												<div class="form-group">
													<input type="text" name="name" placeholder="Full Name *" required="required">
												</div>
											</div>
											<div class="col-lg-6 col-md-12 col-12">
												<div class="form-group">
													<input type="email" name="email" placeholder="Email *" required="required">
												</div>
											</div>
											<div class="col-lg-12 col-md-12 col-12">
												<div class="form-group">
													<input type="text" name="subject" placeholder="Subject *" required="required">
												</div>
											</div>	
											<div class="col-lg-12 col-md-12 col-12">
												<div class="form-group">
													<textarea name="message" placeholder="Your Message *" required="required"></textarea>
												</div>
											</div>	
											<div class="col-lg-6 col-12">
												<div class="form-group contact-button">
													<button type="submit" class="theme-btn">submit now</button>
												</div>	
											</div>
										</div>
									</div>	
								</form>	
							</div>
						</div>
					</div>
				</div>
				<!-- End Contact Right -->
			</div>
		</section>	
		<!-- End Contact Area -->
		
		<!-- Client-Area -->
		<div class="client-area">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="client-slider">
							<div class="single-client">
								<img src="img/client/client-1.jpg" alt="#">
							</div>
							<div class="single-client">
								<img src="img/client/client-2.jpg" alt="#">
							</div>
							<div class="single-client">
								<img src="img/client/client-3.jpg" alt="#">
							</div>
							<div class="single-client">
								<img src="img/client/client-4.jpg" alt="#">
							</div>
							<div class="single-client">
								<img src="img/client/client-5.jpg" alt="#">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- End Client Area -->
		
		<!-- Subscribe Area -->
		<section class="subscribe-area" style="background-image: url(img/subscribe-bg.jpg);">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-12 wow fadeInLeft" data-wow-duration="1s">
						<div class="subscribe-content">
							<h2>Subscribe & stay updated</h2>
							<p>Posuere nam natoque nec rhoncus malesuad phasel ante.</p>
						</div>
						<form class="form-main">
							<div class="form-group">
								<input type="email" name="Email" placeholder="Your email adress" required="required">
								<button type="submit" class="theme-btn">Subscribe Now</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</section>
		<!-- End Subscribe Area -->
		
		<!-- Footer Area -->
		<footer class="footer-area" style="background-image:url('img/footer-bg.jpg')">
			<!-- Footer Top -->
			<div class="footer-top">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 col-md-6 col-12">
							<!-- Single Widget -->
							<div class="single-widget footer-about">
								<div class="footer-logo">
									<a class="logo" href="#">
										<img src="img/footer-logo.png" alt="#">
									</a>
								</div>
								<div class="about-description">
									<p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
								</div>
								<!-- Quick Link Box -->	
								<div class="f-contact-box">
									<div class="box-icon"><i class="fa fa-headphones"></i></div>
									<div class="contact-text">
										<p>Talk To Our Support</p>
										<h5>1-322-344-888</h5>
									</div>
								</div>
							</div>
							<!-- End Single Widget -->
						</div>
						<div class="col-lg-2 col-md-6 col-12">
							<!-- Quick Links -->
							<div class="single-widget f-links">
								<h3 class="widget-title">Quick Links</h3>
								<ul>
									<li><a href="#"><i class="fa fa-angle-double-right"></i>About us</a></li>
									<li><a href="#"><i class="fa fa-angle-double-right"></i>Our Services</a></li>
									<li><a href="#"><i class="fa fa-angle-double-right"></i>Creative Portfolio</a></li>
									<li><a href="#"><i class="fa fa-angle-double-right"></i>Our Pricing</a></li>
									<li><a href="#"><i class="fa fa-angle-double-right"></i>Contact us</a></li>
								</ul>
							</div>
						</div>
						<!-- Single-Widget -->
						<div class="col-lg-4 col-md-6 col-12">
							<!-- Latest Post -->
							<div class="single-widget">
								<h3 class="widget-title">Latest News</h3>
								<div class="widget-post">
									<div class="post-img">
										<a href="#"><img src="img/feed-1.jpg" alt="#"></a>
									</div>
									<div class="post-content">
										<h4><a href="#">Define World Best IT Solution Technology</a></h4>
										<span class="post-date"><i class="fa fa-clock-o"></i>24th March 2020</span>
									</div>
								</div>
								<div class="widget-post">
									<div class="post-img">
										<a href="#"><img src="img/feed-1.jpg" alt="#"></a>
									</div>
									<div class="post-content">
										<h4><a href="#">Define World Best IT Solution Technology</a></h4>
										<span class="post-date"><i class="fa fa-clock-o"></i>24th March 2020</span>
									</div>
								</div>
							</div>
						</div>
						<!-- Single-Widget -->
						<div class="col-lg-3 col-md-6 col-12">
							<div class="single-widget">
								<h3 class="widget-title">Contact</h3>
								<!-- Footer Contact -->
								<div class="footer-contact">
									<ul class="contact-bottom">
										<li><a href="#"><i class="fa fa-map-marker"></i>28/A Street, The king city, USA</a></li>
										<li><a href="#"><i class="fa fa-phone"></i>+0123456789</a></li>
										<li><a href="#"><i class="fa fa-envelope"></i>info@example.com</a></li>
									</ul>
								</div>
								<!-- Footer Social -->
								<div class="f-social">
									<ul>
										<li><a href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a href="#"><i class="fa fa-twitter"></i></a></li>
										<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
										<li><a href="#"><i class="fa fa-instagram"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- End-Single-Widget -->
					</div>
				</div>
			</div>
			<!-- End Footer Top -->
			<!-- Copyright -->
			<div class="copyright">
				<div class="container">
					<div class="row">
						<div class="col-lg-6 col-md-6 col-12">
							<div class="copyright-text">
								<p>Copyright © 2020 Bonik. Design by <a href="#">ThemeShiper</a></p>
							</div>
						</div>
						<div class="col-lg-6 col-md-6 col-12">
							<div class="footer-bottom-img text-right">
								<img src="img/payment-img.png" alt="#">
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Footer Copyright -->
		</footer>
		<!-- End Footer Area -->	
		
		<!-- Jquery Plugin JS -->
		<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script src="js/popper.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/theme-option.js"></script>
		<script src="js/waypoints.min.js"></script>
		<script src="js/jquery.counterup.min.js"></script>
		<script src="js/modernizer.min.js"></script>
		<script src="js/magnific-popup.min.js"></script>
		<script src="js/cube-portfolio.min.js"></script>
		<script src="js/owl.carousel.min.js"></script>
		<script src="js/wow.min.js"></script>
		<script src="js/jquery-fancybox.min.js"></script>
		<script src="js/jquery.slicknav.min.js"></script>
		<script src="js/steller.min.js"></script>
		<script src="js/easing.min.js"></script>
		<script src="js/jquery.scrollUp.min.js"></script>
		<script src="js/main.js"></script>
		<!-- End Jquery Plugin JS -->
	</body>
</html>