@extends('layouts.site') 

@section('content')
	<!-- 
			=============================================
				Theme Main Banner
			============================================== 
			-->
	<div class="">
		<div id="theme-main-banner" class="banner-one" >
			
			<div data-src="images/home/slide-5.jpeg">
				<div class="camera_caption">
					<div class="container">
						<p class="wow fadeInUp animated"></p>
						<h2 class="wow fadeInUp animated" data-wow-delay="0.2s">BEST STRATEGY</h2>

					</div> <!-- /.container -->
				</div> <!-- /.camera_caption -->
			</div>
			<div data-src="images/home/slide-3.jpeg">
				<div class="camera_caption">
					<div class="container">
						<p class="wow fadeInUp animated"></p>
						<h2 class="wow fadeInUp animated" data-wow-delay="0.2s">HIGH-QUALITY SOLUTIONS</h2>

					</div> <!-- /.container -->
				</div> <!-- /.camera_caption -->
			</div>
			<div data-src="images/home/slide-1.jpeg">
				<div class="camera_caption">
					<div class="container">
						<p class="wow fadeInUp animated"></p>
						<h2 class="wow fadeInUp animated" data-wow-delay="0.2s">FRIENDLY SUPPORT</h2>

					</div> <!-- /.container -->
				</div> <!-- /.camera_caption -->
			</div>

		</div> <!-- /#theme-main-banner -->
	</div><!--extra style-->

		<!-- 
			=============================================
				CallOut Banner 
			============================================== 
			-->
	<div id="our-solutions"></div>
		<div class="callout-banner section-spacing">
			<div class="container clearfix">
				<h3 class="title">Provide solutions for the realiable growth</h3>
				<p>Businesses are always facing BIG challenges, for your business to strive and cope with these
					challenges you need a strong partner that always provides you with top-notch solutions, and we are
					more than happy to fill this role.</p>
				<a href="#about-us" class="theme-button-one">FREE QUOTE</a>
			</div>

		</div> <!-- /.callout-banner -->


		<!-- 
			=============================================
				Our Solution
			============================================== 
			-->
	<div id="our-solutions"></div>
		<div class="our-solution section-spacing">
			<div class="container">
				<div class="theme-title-one">
					<h2>Our SOLUTIONS</h2>
				</div> <!-- /.theme-title-one -->
				<div class="wrapper">
					<div class="row">
						<div class="col-lg-4 col-sm-4 col-12">
							<div class="single-solution-block">
								<a href=""><img src="images/icon/7.png" alt="" class="icon">
								<h5>Learning</h5></a>
								<p>Discover your passion for web development with our courses, workshops, and certifications. Learn from the best, build amazing projects, and join our friendly community</p>
								{{-- <p>Front-End Development</p>
								<p>PHP Back-End Developer</p>
								<p>Full Stack Developer</p>
								<p>Laravel Web Developer</p> --}}

							</div> <!-- /.single-solution-block -->
						</div>
						<div class="col-lg-4 col-sm-4 col-12">
							<div class="single-solution-block">
								<img src="images/icon/5.png" alt="" class="icon">
								<h5>Software Development</h5>
								<p>Need custom software for your business? We can help! We create high quality web, mobile and desktop for any industry and domain. Contact us today and get the best software solutions and support</p>
							</div> <!-- /.single-solution-block -->
						</div>
					
						<!-- /.col- -->
						 <!-- /.col- -->
						<div class="col-lg-4 col-sm-4 col-12">
							<div class="single-solution-block">
								<img src="images/icon/8.png" alt="" class="icon">
								<h5>Consultation</h5>
								<p>Business and Technical consultants with a real-world experience</p>
							</div> <!-- /.single-solution-block -->
						</div>
						<!-- /.col- --
							<div class="col-lg-4 col-sm-6 col-12">
								<div class="single-solution-block">
									<img src="images/icon/9.png" alt="" class="icon">
									<h5><a href="service-details.html">Business Services</a></h5>
									<p>The explore strange new worlds to seek fout new life and new civilizations to boldly where no man has before gone. </p>
								</div> <!-- /.single-solution-block -->
					</div>
					<!-- /.col- --
							<div class="col-lg-4 col-sm-6 col-12">
								<div class="single-solution-block">
									<img src="images/icon/10.png" alt="" class="icon">
									<h5><a href="service-details.html">Business Services</a></h5>
									<p>The explore strange new worlds to seek fout new life and new civilizations to boldly where no man has before gone. </p>
								</div> <!-- /.single-solution-block -->

				</div> <!-- /.col- -->
				<div id="about-us"></div>
			</div> <!-- /.row -->

		</div> <!-- /.wrapper -->

	</div> <!-- /.container -->

	</div> <!-- /.our-solution -->


	<!-- 
			=============================================
				About Company Stye Two
			============================================== 
			-->


	<div class="about-compnay-two section-spacing">
		<div class="overlay">
			<div class="container">
				<div class="row no-gutters">
					<div class="col-lg-7 col-12 text">
						<div class="theme-title-one">
							<h2>ABOUT US</h2>
						</div> <!-- /.theme-title-one -->
						<p>A home for your solutions, we provide a variety of services that contribute in solving your
							business problems and provide you with a set of solutions that suit your business needs.
						</p>
						<p>Request a Free Quote NOW ! and let us help solving your business problems.</p>

					</div> <!-- /.col- -->
					<div class="col-lg-5 col-12">
						<div class="quote-form">
							<form id="myform" method="POST"  class="theme-form-one" action="{{route('send.mail')}}">
								@csrf
								<div class="row">
									<div class="col-md-6"><input type="text" id="quoteFormName" placeholder="Name *"
											name="fullName" required></div>
									<div class="col-md-6"><input type="text" id="quoteFormPhone" placeholder="Phone *"
											name="phone" required></div>
									<div class="col-md-6"><input type="email" id="quoteFormEmail" placeholder="Email *"
											name="email" required></div>
									<div class="col-md-6">
										<select class="form-control" id="quoteFormSelect" name="solution" required>
											<option value="">Choose Solution?</option>
											<option value="Software">Software</option>
											<option value="Training">Learning</option>
											<option value="Consultation">Consultation</option>
											<option value="Other">Other</option>
										</select>
									</div>
									<div class="col-12"><textarea placeholder="Message" id="quoteFormMessage"
											name="message"></textarea></div>
								</div> <!-- /.row -->
								<div class="row">
									<div class="col-md-6"> <button class="theme-button-one" type="submit">GET A
											QUOTE</button></div>
									<div class="col-md-6">
										<p id="thank-you-message">
											Thank you for contacting us. We will be in touch with you very soon.
										</p>
									</div>
								</div>

							</form>
						</div> <!-- /.quote-form -->
					</div>
				</div> <!-- /.row -->
			</div> <!-- /.container -->
		</div> <!-- /.overlay -->
	</div> <!-- /.about-compnay-two -->


	<div class="our-case section-spacing" >
		<img src="images/home/banner.png"/>
	</div>
	<!-- 
			=============================================
				Our Case
			============================================== 
			-->
	{{-- <div class="our-case section-spacing">
		<div class="container">
			<div class="theme-title-one">
				<h2>Gallery</h2>
				<p></p>
			</div> <!-- /.theme-title-one -->
			<div class="wrapper">
				<div class="row">
					<div class="col-lg-4 col-sm-6 col-12">
						<div class="single-case-block">
							<img src="{{asset('images/portfolio/7.jpg')}}" alt="">
							<div class="hover-content">
								<div class="text clearfix">
									<div class="float-left">
										<h5><a href="#">Company Logo</a></h5>
										<p></p>
									</div>
									<a href="{{asset('images/portfolio/7.jpg')}}" data-fancybox="gallery"
										data-caption="Logo" class="fancybox details float-right"><i
											class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
								</div> <!-- /.text -->
							</div> <!-- /.hover-content -->
						</div>
						<!-- /.single-case-block -->
					</div> <!-- /.col- -->
					<!--<div class="col-lg-4 col-sm-6 col-12">
								<div class="single-case-block">
									<img src="images/portfolio/2.jpg" alt="">
									<div class="hover-content">
										<div class="text clearfix">
											<div class="float-left">
												<h5><a href="project-details.html">Business Meeting</a></h5>
												<p>Explore strange new worlds</p>
											</div>
											<a href="project-details.html" class="details float-right"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
										</div> <!-- /.text -->
					<!--	</div> <!-- /.hover-content -->
					<!--</div> <!-- /.single-case-block -->
					<!--</div> <!-- /.col- -->
					<!--<div class="col-lg-4 col-sm-6 col-12">
								<div class="single-case-block">
									<img src="images/portfolio/3.jpg" alt="">
									<div class="hover-content">
										<div class="text clearfix">
											<div class="float-left">
												<h5><a href="project-details.html">Business Meeting</a></h5>
												<p>Explore strange new worlds</p>
											</div>
											<a href="project-details.html" class="details float-right"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
										</div> <!-- /.text -->
					<!--		</div> <!-- /.hover-content -->
					<!--	</div> <!-- /.single-case-block -->
					<!--</div> <!-- /.col- -->
					<!--<div class="col-lg-4 col-sm-6 col-12">
								<div class="single-case-block">
									<img src="images/portfolio/4.jpg" alt="">
									<div class="hover-content">
										<div class="text clearfix">
											<div class="float-left">
												<h5><a href="project-details.html">Business Meeting</a></h5>
												<p>Explore strange new worlds</p>
											</div>
											<a href="project-details.html" class="details float-right"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
										</div> <!-- /.text -->
					<!--		</div> <!-- /.hover-content -->
					<!--	</div> <!-- /.single-case-block -->
					<!--	</div> <!-- /.col- -->
					<!--	<div class="col-lg-4 col-sm-6 col-12">
								<div class="single-case-block">
									<img src="images/portfolio/5.jpg" alt="">
									<div class="hover-content">
										<div class="text clearfix">
											<div class="float-left">
												<h5><a href="project-details.html">Business Meeting</a></h5>
												<p>Explore strange new worlds</p>
											</div>
											<a href="project-details.html" class="details float-right"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
										</div> <!-- /.text -->
					<!--		</div> <!-- /.hover-content -->
					<!--		</div> <!-- /.single-case-block -->
					<!--	</div> <!-- /.col- -->
					<!--	<div class="col-lg-4 col-sm-6 col-12">
								<div class="single-case-block">
									<img src="images/portfolio/6.jpg" alt="">
									<div class="hover-content">
										<div class="text clearfix">
											<div class="float-left">
												<h5><a href="project-details.html">Business Meeting</a></h5>
												<p>Explore strange new worlds</p>
											</div>
											<a href="project-details.html" class="details float-right"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
										</div> <!-- /.text -->
					<!--			</div> <!-- /.hover-content -->
					<!--		</div> <!-- /.single-case-block -->
					<!--	</div> <!-- /.col- -->

				</div> <!-- /.row -->
			</div> <!-- /.wrapper -->

		
		</div> <!-- /.container -->
	</div> <!-- /.our-case --> --}}

	<div id="faq"></div>
	<!--
			=====================================================
				Faq Section
			=====================================================
			-->
	<div class="faq-section">
		<div class="overlay">
			<div class="container">
				<div class="theme-title-one">
					<h2>Faq’s</h2>
					<p></p>
				</div> <!-- /.theme-title-one -->

				<div class="wrapper row no-gutters">
					<div class="col-xl-6 col-lg-7 order-last">
						<div class="faq-content">
							<div class="accordion-one">
								<div class="panel-group theme-accordion" id="accordion">
									<div class="panel">
										<div class="panel-heading">
											<h6 class="panel-title">
												<a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
													1. What industries do you specialize in?</a>
											</h6>
										</div>
										<div id="collapse1" class="panel-collapse collapse">
											<div class="panel-body">
												<p>Technical related industries</p>
											</div>
										</div>
									</div> <!-- /panel 1 -->
									<div class="panel">
										<div class="panel-heading active-panel">
											<h6 class="panel-title">
												<a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
													2. Do you ever invest in your clients?</a>
											</h6>
										</div>
										<div id="collapse2" class="panel-collapse collapse show">
											<div class="panel-body">
												<p>For sure, our clients are our success partners.</p>
											</div>
										</div>
									</div> <!-- /panel 2 -->
									<div class="panel">
										<div class="panel-heading">
											<h6 class="panel-title">
												<a data-toggle="collapse" data-parent="#accordion" href="#collapse3">
													3. How long will take to Receive a Quote?</a>
											</h6>
										</div>
										<div id="collapse3" class="panel-collapse collapse">
											<div class="panel-body">
												<p>It depends on the requested solution, but generally around 9 working
													days</p>
											</div>
										</div>
									</div> <!-- /panel 3 -->


								</div> <!-- end #accordion -->
							</div> <!-- End of .accordion-one -->
						</div> <!-- /.faq-content -->
					</div> <!-- /.col- -->
					<div class="col-xl-6 col-lg-5 order-first">
						<div class="img-box"><img src="images/home/pattern.png" width="auto" /></div>
					</div>
				</div> <!-- /.wrapper -->
			</div> <!-- /.container -->
		</div> <!-- /.overlay -->
	</div> <!-- /.faq-section -->


	<!--
			=====================================================
				Why Choose us
			=====================================================
			-->
	<div class="why-choose-us section-spacing">
		<div class="container">
			<div class="theme-title-one">
				<h2>Why Choose Us</h2>
			</div> <!-- /.theme-title-one -->

			<div class="wrapper">
				<div class="row">
					<div class="col-lg-4 col-12">
						<div class="single-block">
							<i class="icon flaticon-puzzle"></i>
							<h5>Best Strategy</h5>
							<p></p>
						</div> <!-- /.single-block -->
					</div> <!-- /.col- -->
					<div class="col-lg-4 col-12">
						<div class="single-block">
							<i class="icon flaticon-presentation"></i>
							<h5>High-Quality Solutions</h5>
							<p></p>
						</div> <!-- /.single-block -->
					</div> <!-- /.col- -->
					<div class="col-lg-4 col-12">
						<div class="single-block">
							<i class="icon flaticon-people"></i>
							<h5>Friendly Support</h5>
							<p></p>
						</div> <!-- /.single-block -->
					</div> <!-- /.col- -->
				</div> <!-- /.row -->
			</div> <!-- /.wrapper -->
		</div> <!-- /.container -->
	</div> <!-- /.why-choose-us -->


	<!--
			=====================================================
				Short Banner
			=====================================================
			-->
	<div class="short-banner section-spacing">
		<div class="overlay">
			<div class="container">
				<h2>Our business consultants have real world experience</h2>
			</div>
			<div id="latest-news"></div>
		</div> <!-- /.overlay -->
	</div> <!-- /.short-banner -->


	<!--
			=====================================================
				Latest News
			=====================================================
			-->
	<div class="our-blog latest-news section-spacing">
		<div class="container">
			<div class="theme-title-one">
				<h2>Latest News</h2>
				<p></p>
			</div> <!-- /.theme-title-one -->
			<div class="wrapper">
				<div class="clearfix">
					<div class="latest-news-slider">
						<div class="item">
							<div class="single-blog">
								<div class="image-box">
									<img src="images/portfolio/06.jpg" alt="">
									<div class="overlay"><a href="#" target="_blank"
											class="date"><b></b></a></div>
								</div> <!-- /.image-box -->
								<div class="post-meta">
									<h5 class="title"><a href="#" target="_blank"><b></b> </a></h5>

								</div> <!-- /.post-meta -->
							</div> <!-- /.single-blog -->
						</div> <!-- /.col- -->
						<div class="item">
							<div class="single-blog">
								<div class="image-box">
									<img src="images/portfolio/01.jpg" alt="">
									<div class="overlay"><a href="#" target="_blank"
											class="date"><b></b></a></div>
								</div> <!-- /.image-box -->
								<div class="post-meta">
									<h5 class="title"><a href="#" target="_blank"><b></b> </a></h5>

								</div> <!-- /.post-meta -->
							</div> <!-- /.single-blog -->
						</div> <!-- /.col- -->
						<div class="item">
							<div class="single-blog">
								<div class="image-box">
									<img src="images/portfolio/02.jpg" alt="">
									<div class="overlay"><a href="#" target="_blank"
											class="date"><b></b></a></div>
								</div> <!-- /.image-box -->
								<div class="post-meta">
									<h5 class="title"><a href="#" target="_blank"><b></b> </a></h5>

								</div> <!-- /.post-meta -->
							</div> <!-- /.single-blog -->
						</div> <!-- /.col- -->
			
					</div> <!-- /.latest-news-slider -->
				</div> <!-- /.row -->
								<div class="clearfix">
					<div class="latest-news-slider">
						<div class="item">
							<div class="single-blog">
								<div class="image-box">
									<img src="images/portfolio/03.jpg" alt="">
									<div class="overlay"><a href="#" target="_blank"
											class="date"><b></b></a></div>
								</div> <!-- /.image-box -->
								<div class="post-meta">
									<h5 class="title"><a href="#" target="_blank"><b></b> </a></h5>

								</div> <!-- /.post-meta -->
							</div> <!-- /.single-blog -->
						</div> <!-- /.col- -->
						<div class="item">
							<div class="single-blog">
								<div class="image-box">
									<img src="images/portfolio/04.jpg" alt="">
									<div class="overlay"><a href="#" target="_blank"
											class="date"><b></b></a></div>
								</div> <!-- /.image-box -->
								<div class="post-meta">
									<h5 class="title"><a href="#" target="_blank"><b></b> </a></h5>

								</div> <!-- /.post-meta -->
							</div> <!-- /.single-blog -->
						</div> <!-- /.col- -->
						<div class="item">
							<div class="single-blog">
								<div class="image-box">
									<img src="images/portfolio/05.jpg" alt="">
									<div class="overlay"><a href="#" target="_blank"
											class="date"><b></b></a></div>
								</div> <!-- /.image-box -->
								<div class="post-meta">
									<h5 class="title"><a href="#" target="_blank"><b></b> </a></h5>

								</div> <!-- /.post-meta -->
							</div> <!-- /.single-blog -->
						</div> <!-- /.col- -->
			
					</div> <!-- /.latest-news-slider -->
				</div> <!-- /.row -->
			</div> <!-- /.wrapper -->
		</div> <!-- /.container -->
	</div> <!-- /.our-blog -->

@endsection