248 lines
12 KiB
PHP
248 lines
12 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="" />
|
|
<title>Adaptive English Lesson | Politeknik Negeri Malang</title>
|
|
<!-- Favicon-->
|
|
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
|
|
<!-- Bootstrap icons-->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet"
|
|
type="text/css" />
|
|
<!-- Google fonts-->
|
|
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet"
|
|
type="text/css" />
|
|
<!-- Core theme CSS (includes Bootstrap)-->
|
|
<link href="{{asset('landing-page/css/styles.css')}}" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Responsive navbar-->
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<div class="container px-lg-5">
|
|
<a class="navbar-brand" href="#!">Adaptive English Lessons</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
|
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
|
|
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
|
|
<li class="nav-item"><a class="nav-link active" aria-current="page" href="#!"> </a></li>
|
|
@auth
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ route('login') }}">Dashboard >></a>
|
|
</li>
|
|
@else
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ route('login') }}">Login</a>
|
|
</li>
|
|
@if (Route::has('register'))
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ route('register') }}">Register</a>
|
|
</li>
|
|
@endif
|
|
@endauth
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- Masthead-->
|
|
<header class="masthead">
|
|
<div class="container position-relative">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-6">
|
|
<div class="text-center text-white">
|
|
<!-- Page heading-->
|
|
<h1 class="mb-5">Adaptive English Lessons</h1>
|
|
<button class="btn btn-primary" id="submitButton" type="submit">Start
|
|
Learning</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- Icons Grid-->
|
|
<section class="features-icons bg-light text-center">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
|
|
<div class="features-icons-icon d-flex"><i class="bi-headphones m-auto text-primary"></i></div>
|
|
<h3>Listening</h3>
|
|
<p class="lead mb-0">Deskripsi pembelajaran</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
|
|
<div class="features-icons-icon d-flex"><i class="bi-book m-auto text-primary"></i></div>
|
|
<h3>Grammar</h3>
|
|
<p class="lead mb-0">Deskripsi fitur 1</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="features-icons-item mx-auto mb-0 mb-lg-3">
|
|
<div class="features-icons-icon d-flex"><i class="bi-spellcheck m-auto text-primary"></i></div>
|
|
<h3>Vocabulary</h3>
|
|
<p class="lead mb-0">Deskripsi fitur 1</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
|
|
<div class="features-icons-icon d-flex">
|
|
<i class="bi-headphones m-auto text-primary"></i>
|
|
</div>
|
|
<h3>Writing</h3>
|
|
<p class="lead mb-0">Deskripsi fitur 1</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
|
|
<div class="features-icons-icon d-flex"><i class="bi-book m-auto text-primary"></i></div>
|
|
<h3>Grammar</h3>
|
|
<p class="lead mb-0">Deskripsi fitur 1</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="features-icons-item mx-auto mb-0 mb-lg-3">
|
|
<div class="features-icons-icon d-flex"><i class="bi-spellcheck m-auto text-primary"></i></div>
|
|
<h3>Vocabulary</h3>
|
|
<p class="lead mb-0">Deskripsi fitur 1</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Image Showcases-->
|
|
<section class="showcase">
|
|
<div class="container-fluid p-0">
|
|
<div class="row g-0">
|
|
<div class="col-lg-6 order-lg-2 text-white showcase-img"
|
|
style="background-image: url('{{asset('landing-page/assets/img/bunglon.jpg')}}') "></div>
|
|
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
|
|
<h2>Adaptive Learning</h2>
|
|
<p class="lead mb-0">Pembelajaran disesuaikan dengan tingkat pemahaman anda!</p>
|
|
</div>
|
|
</div>
|
|
<div class="row g-0">
|
|
<div class="col-lg-6 text-white showcase-img"
|
|
style="background-image: url('{{asset('landing-page/assets/img/meeting.jpg')}}')"></div>
|
|
<div class="col-lg-6 my-auto showcase-text">
|
|
<h2>Materi Pembelajaran Lengkap</h2>
|
|
<p class="lead mb-0">
|
|
Deskripsi fitur 3
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row g-0">
|
|
<div class="col-lg-6 order-lg-2 text-white showcase-img"
|
|
style="background-image: url('{{asset('landing-page/assets/img/bg-showcase-3.jpg')}}')"></div>
|
|
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
|
|
<h2>Pembelajaran Online</h2>
|
|
<p class="lead mb-0">
|
|
Pembelajaran dilakukan secara online. <br>
|
|
Dimana saja Kapan saja.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Testimonials-->
|
|
<section class="testimonials text-center bg-light">
|
|
<div class="container">
|
|
<h2 class="mb-5">What people are saying...</h2>
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="testimonial-item mx-auto mb-5 mb-lg-0">
|
|
<img class="img-fluid rounded-circle mb-3"
|
|
src="{{asset('landing-page/assets/img/testimonials-1.jpg')}}" alt="..." />
|
|
<h5>Margaret E.</h5>
|
|
<p class="font-weight-light mb-0">"This is fantastic! Thanks so much guys!"</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="testimonial-item mx-auto mb-5 mb-lg-0">
|
|
<img class="img-fluid rounded-circle mb-3"
|
|
src="{{asset('landing-page/assets/img/testimonials-2.jpg')}}" alt="..." />
|
|
<h5>Fred S.</h5>
|
|
<p class="font-weight-light mb-0">"Bootstrap is amazing. I've been using it to create lots of
|
|
super nice landing pages."</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="testimonial-item mx-auto mb-5 mb-lg-0">
|
|
<img class="img-fluid rounded-circle mb-3"
|
|
src="{{asset('landing-page/assets/img/testimonials-3.jpg')}}" alt="..." />
|
|
<h5>Sarah W.</h5>
|
|
<p class="font-weight-light mb-0">"Thanks so much for making these free resources available to
|
|
us!"</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Call to Action-->
|
|
<section class="call-to-action text-white text-center" id="signup">
|
|
<div class="container position-relative">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-6">
|
|
<h2 class="mb-4">Ready to get started? <br>
|
|
<a style="color: inherit;" href="">Sign up</a> now!
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Footer-->
|
|
<footer class="footer bg-light">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 h-100 text-center text-lg-start my-auto">
|
|
<ul class="list-inline mb-2">
|
|
<li class="list-inline-item"><a href="#!">About</a></li>
|
|
<li class="list-inline-item">⋅</li>
|
|
<li class="list-inline-item"><a href="#!">Contact</a></li>
|
|
<li class="list-inline-item">⋅</li>
|
|
<li class="list-inline-item"><a href="#!">Terms of Use</a></li>
|
|
<li class="list-inline-item">⋅</li>
|
|
<li class="list-inline-item"><a href="#!">Privacy Policy</a></li>
|
|
</ul>
|
|
<p class="text-muted small mb-4 mb-lg-0">© Adaptive English Lessons 2022. All Rights Reserved.
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-6 h-100 text-center text-lg-end my-auto">
|
|
<ul class="list-inline mb-0">
|
|
<li class="list-inline-item me-4">
|
|
<a href="#!"><i class="bi-facebook fs-3"></i></a>
|
|
</li>
|
|
<li class="list-inline-item me-4">
|
|
<a href="#!"><i class="bi-twitter fs-3"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="#!"><i class="bi-instagram fs-3"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- Bootstrap core JS-->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Core theme JS-->
|
|
<script src="js/scripts.js"></script>
|
|
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
|
|
<!-- * * SB Forms JS * *-->
|
|
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
|
|
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
|
|
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
|
|
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
|
|
@include('sweetalert::alert')
|
|
</body>
|
|
|
|
</html> |