@extends('frontend.layouts.default')
@section('content')
<section class="header-section">
  <div class="container">
    <div class="row justify-content-around">
      <div class="col-lg-6">
        <h2 class="text-kay fw-semibold mb-2"">Download kayScience free Chemistry exam question booklet made by qualified examiners</h2>
        <p>Grab a copy of the KayScience Chemistry exam question booklet, designed by qualified examiners to help students improve their exam preparation.</p>
        <p>Included are vital topics such as :</p>
        <div class="shadow p-4 text-white rounded bg-kay">
          <ul class="no-style mb-0">
            <li><i class='bx bxs-check-circle me-2'></i>Atomic Structure</li>
            <li><i class='bx bxs-check-circle me-2'></i>Atomic History</li>
            <li><i class='bx bxs-check-circle me-2'></i>Isotopes</li>
            <li><i class='bx bxs-check-circle me-2'></i>Separate mixtures</li>
            <li><i class='bx bxs-check-circle me-2'></i>Groups 1, 7 and 0</li>
          </ul>
        </div>
        <p>A useful mark scheme is provided along giving instant feedback to help you understand how to smash those exams! The questions are designed to increase your confidence when using exam-style language.</p>
        <p>This is an essential read for anyone striving to achieve a grade 9 or 8 in GCSE Chemistry.</p>
      </div>
      <div class="col-lg-4 text-center">
        <img src="{{ url('frontend/img/screen/e-book-che.png') }}" class="img-fluid book">
      </div>
    </div>
  </div>
</section>
@include('frontend.layouts.mobile-app')
@include('frontend.layouts.bottom-form')
@include('frontend/pages/modal')
@endsection
@push('inner-scripts')
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script>
$('#mybutton').on('click',function(e){
    e.preventDefault();
    email = document.getElementById('Email').value;
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email))
  {
    $(".loader").show();
    document.getElementById('myform').submit();
    const myTimeout1 = setTimeout(function (){
      document.getElementById("myform").action ="https://hooks.zapier.com/hooks/catch/6067618/b847hgv/";
      document.getElementById("myform").target ="hidden-form2";
      document.getElementById('myform').submit();
      const myTimeout = setTimeout(function (){
        $(".loader").hide();
        window.location.href = "{{url('/thankyou')}}"
      }, 2000);
    }, 2000);
  }
  else
  {
      alert("not a valid email");
  }
})
</script>
<script>
  $(document).ready(function () {
      $('[data-toggle="tooltip"]').tooltip();