@extends('layouts.app')

@section('content')
		
	<!-- END sidebar widget item -->
	
	<!-- Banner Section Three -->
    <section class="banner-section-three">
		<div class="pattern-layer-two" style="background-image: url(images/background/pattern-21.png)"></div>
		<div class="auto-container">
			<!-- Page Breadcrumb -->
			<ul class="page-breadcrumb">
				<li><a href="/">Home</a></li>
				<li>About</li>
			</ul>
            <div class="row clearfix">
				
				<!-- Content Column -->
				<div class="content-column col-lg-8 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="pattern-layer-one" style="background-image: url(images/main-slider/pattern-1.png)"></div>
						<div class="icon-layer" style="background-image: url(images/icons/icon-2.png)"></div>
						<div class="icon-layer-two" style="background-image: url(images/icons/icon-5.png)"></div>
						<!-- <h2>Our mission is to provide <br> a free Online <br> Courses and Class</h2> -->
						<h2 class="my-5">Welcome to Letslearn </h2>
						<h6 class="">
							Our enthusiasm for education and dedication to empowering students on their academic journeys are what motivate us at Lets Learn. We provide a range of educational services with an emphasis on individualised learning and all-encompassing support to ensure your success.
						</h6>
					</div>
				</div>
				
				<!-- Images Column -->
				<div class="image-column col-lg-4 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="icon-layer-three" style="background-image: url(images/icons/icon-3.png)"></div>
						<div class="icon-layer-four" style="background-image: url(images/icons/icon-2.png)"></div>
						<div class="icon-layer-five" style="background-image: url(images/icons/icon-4.png)"></div>
						<div class="image">
							<img src="images/resource/page-title-3.jpg" alt="" />
						</div>
						<div class="image-two">
							<img src="images/resource/page-title-2.jpg" alt="" />
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</section>
	<!-- End Banner Section Three -->

	<!-- Our Core Services Section Two -->
	<section class="testimonial-section-two">
		<div class="circle-one paroller" data-paroller-factor="-0.20" data-paroller-factor-lg="0.20" data-paroller-type="foreground" data-paroller-direction="horizontal"></div>
		<div class="circle-two paroller" data-paroller-factor="0.20" data-paroller-factor-lg="-0.20" data-paroller-type="foreground" data-paroller-direction="horizontal"></div>
		<div class="pattern-layer-two" style="background-image:url(images/background/pattern-10.png)"></div>
		<div class="auto-container">
			<div class="inner-container">
				<div class="pattern-layer" style="background-image:url(images/background/pattern-9.png)"></div>
				<!-- Sec Title -->
				<div class="sec-title centered">
					<h3 class="" style="color: #43b97e;">Our Core Services</h3>
					
				</div>
				<div class="">
				
					<!-- Testimonial Block Two -->
					<div class="testimonial-block-two">
						<div class="inner-box">
							<div class="border-layer"></div>
							<h4>1. Conducting Tutorial Classes</h4>
							<div class="text mt-2">Our tutorial sessions are designed to provide students a thorough understanding and mastery of particular disciplines. Our lessons, which are taught by qualified instructors and tailored to different learning preferences, make it possible for any student to achieve academic success.</div>
							
						</div>
					</div>
				
					<!-- Testimonial Block Two -->
					<div class="testimonial-block-two">
						<div class="inner-box">
							<div class="border-layer"></div>
							<h4>2. Providing Resources for Subjects and Specific Requirements</h4>
							<div class="text mt-2">Having access to high-quality resources is essential for academic success. We take great satisfaction in providing a wide range of resources that are specially designed to fit the demands of your classes. We supply the resources you need to succeed, whether they are books, articles, or extra materials.</div>
							
						</div>
					</div>
				
					<!-- Testimonial Block Two -->
					<div class="testimonial-block-two">
						<div class="inner-box">
							<div class="border-layer"></div>
							<h4>3. Supplying Assignment Samples</h4>
							<div class="text mt-2">Understanding the difficulties students encounter when completing assignments, we provide sample assignments in addition to the customary help. These are useful manuals that demonstrate good content production, organisation, and citation practices. Our objective is to improve your general academic abilities rather than merely helping you do homework.</div>
							
						</div>
					</div>
					
					
				
				</div>
			</div>
		</div>
	</section>

	<!-- What Sets Us Apart Section Two -->
	<section class="team-section">
		<div class="auto-container">
			<div class="inner-container">
				<div class="color-layer"></div>
				<div class="pattern-layer" style="background-image:url(images/background/pattern-18.png)"></div>
				<div class="row clearfix">
					
					<!-- Title Column -->
					<div class="title-column col-lg-6 col-md-12 col-sm-12">
						<div class="inner-column">
							<div class="sec-title">
								<div class="title">What Sets Us Apart</div>
								<h2>Skilled Teachers</h2>
								<div class="text">We have a team of exceptionally skilled and knowledgeable teachers that are committed to offering the best possible advice.</div>
							</div>
							<a href="#" class="theme-btn btn-style-one"><span class="txt">View More</span></a>
						</div>
					</div>
					
					<!-- Blocks Column -->
					<div class="blocks-column col-lg-6 col-md-12 col-sm-12">
						<div class="inner-column">
							<div class="row clearfix">
								
								<!-- Team Block -->
								<div class="team-block col-lg-6 col-md-6 col-sm-12">
									<div class="inner-box">
								
										<div class="">
											<h5><a href="#">Comprehensive Resources</a></h5>
											<div class="">Get access to the newest, most trustworthy materials catered to your academic needs</div>
										</div>
									</div>
								</div>
								
								<!-- Team Block -->
								<div class="team-block col-lg-6 col-md-6 col-sm-12">
									<div class="inner-box">
								
										<div class="">
											<h5><a href="#">Holistic Academic Support</a></h5>
											<div class="">We think that every step of the academic process should be supported, from grasping instructional material to completing assignments with ease.</div>
										</div>
									</div>
								</div>
								

								
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	
	<!-- mission Section -->
	<section class="goal-section style-two">
		<div class="pattern-layer-four" style="background-image:url(images/background/pattern-18.png)"></div>
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Images Column -->
				<div class="images-column col-lg-6 col-md-12 col-sm-12">
					<div class="color-layer"></div>
					<div class="inner-column">
						<div class="pattern-layer" style="background-image:url(images/background/pattern-4.png)"></div>
						<div class="pattern-layer-two" style="background-image:url(images/background/pattern-17.png)"></div>
						<div class="image">
							<img src="images/resource/goal-1.jpg" alt="" />
						</div>
						<div class="image-two">
							<img src="images/resource/goal-2.jpg" alt="" />
						</div>
					</div>
				</div>
				
				<!-- Content Column mission -->
				<div class="content-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="pattern-layer-three" style="background-image:url(images/background/pattern-13.png)"></div>
						<div class="sec-title">
							<div class="title">Our Mission</div>
							<h2>Start To Success</h2>
							<div class="text">Our goal at Lets Learn is to create an environment where curiosity, critical thinking, and a love of learning are encouraged. <br> We are dedicated to supporting each student's academic development and giving them the resources they require to be successful in their academic aspirations.</div>
						</div>
						
						<!-- Fact Counter -->
						<div class="fact-counter">
							<div class="row clearfix">

								<!-- Column -->
								<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
									<div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
										<div class="content">
											<div class="count-outer count-box">
												<span class="count-text" data-speed="3000" data-stop="36">0</span>+
											</div>
											<h4 class="counter-title">Over 35 Free Courses</h4>
										</div>
									</div>
								</div>

								<!-- Column -->
								<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
									<div class="inner wow fadeInLeft" data-wow-delay="300ms" data-wow-duration="1500ms">
										<div class="content">
											<div class="count-outer count-box alternate">
												<span class="count-text" data-speed="5000" data-stop="34">0</span>
											</div>
											<h4 class="counter-title">Member State Associations</h4>
										</div>
									</div>
								</div>

								<!-- Column -->
								<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
									<div class="inner wow fadeInLeft" data-wow-delay="600ms" data-wow-duration="1500ms">
										<div class="content">
											<div class="count-outer count-box">
												<span class="count-text" data-speed="2000" data-stop="15">0</span>k
											</div>
											<h4 class="counter-title">Over 19,000 High Schools</h4>
										</div>
									</div>
								</div>

								<!-- Column -->
								<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
									<div class="inner wow fadeInLeft" data-wow-delay="900ms" data-wow-duration="1500ms">
										<div class="content">
											<div class="count-outer count-box">
												<span class="count-text" data-speed="3500" data-stop="20">0</span>m
											</div>
											<h4 class="counter-title">Over 11 million Students</h4>
										</div>
									</div>
								</div>

							</div>
						</div>
						
					</div>
				</div>
				
			</div>
			
		</div>
	</section>
	<!-- End Goal Section -->

	<!-- vision section -->
	<section class="professional-section style-two">
		<div class="background-layer-one" style="background-image:url(images/background/pattern-5.png)"></div>
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Images Column -->
				<div class="images-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="pattern-layer" style="background-image:url(images/background/pattern-3.png)"></div>
						<div class="pattern-layer-two" style="background-image:url(images/background/pattern-4.png)"></div>
						<div class="color-layer"></div>
						<div class="color-layer-two"></div>
						<div class="image wow fadeInLeft animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInLeft;">
							<img src="images/resource/professional.jpg" alt="">
						</div>
					</div>
				</div>
				
				<!-- Content Column -->
				<div class="content-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="pattern-layer-three" style="background-image:url(images/background/pattern-16.png)"></div>
						<div class="sec-title">
							<div class="title">Learn anything</div>
							<h2>Vision</h2>
						</div>
						<div class="bold-text">Our goal is simple: to offer a global platform on which professionals and students from all over the world may easily improve their knowledge and abilities in whatever field they choose. Our goal is to create a one-stop shop that can meet the demands of people in many professions, making everything easily accessible and competent for everyone.</div>
						
						<div class="btn-box">
							<a href="/course" class="theme-btn btn-style-four"><span class="txt">Courses</span></a>
						</div>
					</div>
				</div>
				
			</div>
			
		</div>
	</section>
	
	
	
	
	

	<section class="faq-section">
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Column -->
				<div class="column col-lg-12 col-md-12 col-sm-12">
					<div class="text-center title-box">
						<h4>OUR VALUES</h4>
					</div>
					
					<ul class="accordion-box">
						
						<!-- Block -->
						<li class="accordion block">
							<div class="acc-btn">Holistic Education<div class="icon fa fa-angle-down"></div></div>
							<div class="acc-content">
								<div class="content">
									<div class="text">
										<p>We prioritise fostering each student's holistic growth over rote memorization and test-taking strategies.</p>
										</div>
								</div>
							</div>
						</li>
						
						<!--Block-->
						<li class="accordion block active-block">
							<div class="acc-btn active">Global Connectivity<div class="icon fa fa-angle-down"></div></div>
							<div class="acc-content current">
								<div class="content">
									<div class="text">
											<p>Become a part of a global community that will introduce you to knowledgeable educators and other students who share your interests.</p>
									</div>
								</div>
							</div>
						</li>
						
						<!--Block-->
						<li class="accordion block">
							<div class="acc-btn">Enthusiastic Guidance<div class="icon fa fa-angle-down"></div></div>
							<div class="acc-content">
								<div class="content">
									<div class="text">
										<p>Our instructors are not only specialists; they are also fervent mentors committedto your academic achievement.</p>
									</div>
								</div>
							</div>
						</li>

						<!--Block-->
						<li class="accordion block">
							<div class="acc-btn">Qualified Tutors<div class="icon fa fa-angle-down"></div></div>
							<div class="acc-content">
								<div class="content">
									<div class="text">
											<p>Our tutors have the necessary training and expertise to ensure that your learning process is successful.</p>
									</div>
								</div>
							</div>
						</li>
						
						<!-- Block -->
						<li class="accordion block">
							<div class="acc-btn">24*7 Services<div class="icon fa fa-angle-down"></div></div>
							<div class="acc-content">
								<div class="content">
									<div class="text">
										<p>Join our international student community to have access to knowledgeable tutors around-the-clock for homework help.</p>
									</div>
								</div>
							</div>
						</li>
						
						<!-- Block -->
						<li class="accordion block">
							<div class="acc-btn">Tailored Learning<div class="icon fa fa-angle-down"></div></div>
							<div class="acc-content">
								<div class="content">
									<div class="text">
											<p>A customised learning experience is ensured by receiving personalised responses in the period of your choice.</p>
									</div>
								</div>
							</div>
						</li>
						
					</ul>
					
				</div>
				<!-- Column -->
			
			</div>
		</div>
	</section>
	
	
	<!-- Contact Section -->
	<section class="contact-section">
		<div class="pattern-layer" style="background-image:url(images/background/pattern-19.png)"></div>
		<div class="pattern-layer-two" style="background-image:url(images/background/pattern-20.png)"></div>
		<div class="icon-layer-two" style="background-image:url(images/icons/icon-2.png)"></div>
		<div class="icon-layer-three" style="background-image:url(images/icons/icon-2.png)"></div>
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Info Column -->
				<div class="info-column col-lg-4 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="icon-layer" style="background-image:url(images/icons/icon-2.png)"></div>
						<div class="image">
							<img src="images/resource/contact.png" alt="" />
						</div>
						<h5>Contact us</h5>
						<p>Have questions or need assistance? We're here to help! Feel free to reach out to us for any inquiries or information you may need.</p>
						<ul class="contact-list">
							<li>
								<strong>Phone:</strong>
								<a href="tel:+44 7723073381‬">+44 7723073381</a>
							</li>
							<li>
								<strong>Email:</strong>
								<a href="mailo:info@letslearnedu.com">info@letslearnedu.com</a>
							</li>
							<li>
								<strong>Email:</strong>
								<a href="mailo:support@letslearnedu.com">support@letslearnedu.com</a>
							</li>
						</ul>
					</div>
				</div>
				
				<!-- Form Column -->
				<div class="form-column col-lg-8 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="color-layer"></div>
						<!-- Sec Title -->
						<div class="sec-title">
							<h2>Join Us on Your <br> Educational Journey</h2>
							<div class="text">Set out on a path to academic success with Let's Learn. We are here to help, whether you need tutorial classes, materials, or assistance with assignments. Get in touch with us right now to see how your education will differ.</div>
						</div>
						
						<!-- Default Form -->
						<div class="default-form">
							<form method="post" action="https://themazine.com/html/Lebari_new/lebari/lebari/contact.html">
								<div class="row clearfix">
								
									<!-- Form Group -->
									<div class="form-group col-lg-6 col-md-6 col-sm-12">
										<input type="text" name="username" value="" placeholder="First Name" required>
									</div>
									
									<!-- Form Group -->
									<div class="form-group col-lg-6 col-md-6 col-sm-12">
										<input type="text" name="lastname" value="" placeholder="Last Name" required>
									</div>
									
									<!-- Form Group -->
									<div class="form-group col-lg-12 col-md-12 col-sm-12">
										<input type="email" name="email" value="" placeholder="Email" required>
									</div>
									
									<!-- Form Group -->
									<div class="form-group col-lg-12 col-md-12 col-sm-12">
										<select name="country" class="custom-select-box">
											<option>When you want to start courses</option>
											<option>courses 01</option>
											<option>courses 02</option>
											<option>courses 03</option>
											<option>courses 04</option>
										</select>
									</div>
									
									<!-- Form Group -->
									<div class="form-group col-lg-6 col-md-6 col-sm-12">
										<input type="text" name="date" value="" placeholder="Date" required>
									</div>
									
									<!-- Form Group -->
									<div class="form-group col-lg-6 col-md-6 col-sm-12">
										<input type="text" name="time" value="" placeholder="Time" required>
									</div>
									
									<!-- Form Group -->
									<div class="form-group col-lg-12 col-md-12 col-sm-12">
										<textarea placeholder="Type you comment here"></textarea>
									</div>
									
									<div class="form-group col-lg-12 col-md-12 col-sm-12">
										<button type="submit" class="theme-btn btn-style-one"><span class="txt">Submit</span></button>
									</div>
                                </div>
                            </form>
                        </div>
						
					</div>
				</div>
				
			</div>
		</div>
	</section>
	<div class="text-center mb-5">
        <h4 class="text-dark">Thank you for choosing Let's Learn for your educational journey!</h4>
    </div>
@endsection