@extends('master')

@section('title')
    Virtual Classroom
@stop

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/nav.css') }}">
@stop

@section('content')

    <div class="row fullWidth">
        <div class="autoplay">
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-test-header.jpg') }}"></a></div>
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-header-blue.jpg') }}"></a></div>
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-header-green.jpg') }}"></a></div>
        </div>
        @include('partials.nav')
    </div>

    <div class="row fullWidth">
        <div class="bannerBooking">
            <div class="row">
                <div class="large-12 columns">
                    <h1 style="text-align: left;">VIRTUAL<span style="font-weight: 500; color: #003961;"> CLASSROOM</span></h1>

                    <p style="text-align: justify;">Osizweni’s new exciting <i style="color: #50ab4e">Virtual Classroom</i> offers a different teaching experience with content coverage 
                        in Mathematics and Physical Sciences. This new platform allows our highly skilled specialists to interact online with learners in 
                        the Standerton Sub District. This platform is also used to offer support to schools through Teacher Workshops, revision classes as 
                        well as Matric re-write preparation. Special online sessions can be conducted for schools on specific topics by request. </p>

                    <br>
                    <div class="images-row">
                        @foreach ($pics as $pic)
                            <div class="medium-6">
                                <img class="programme-image" src="{{ asset('img/virtual-classroom/' . $pic . '.jpg') }}">
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        <hr class="hrBooking">
    </div>

@include('partials.footer')

@stop
@section('scripts')
<script src="{{ asset('js/scripts.js') }}"></script>
@stop