@extends('master')

@section('title')
    Home
@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="autoplay">
            <a href="/introduction" target="_blank"><div><img class="" src="{{ asset('img/home/osizweni-banner1.jpg') }}"></div></a>
            <a href="/mobile-lab-ekandustria" target="_blank"><div><img class="" src="{{ asset('img/home/mobile-lab-ekandustria.jpg') }}"></div></a>
            <a href="/virtual-classroom" target="_blank"><div><img class="" src="{{ asset('img/home/virtual-classroom.jpg') }}"></div></a>
            <a href="/exhibits" target="_blank"><div><img class="" src="{{ asset('img/home/banner3.jpg') }}"></div></a>
            <a href="science-lab" target="_blank"><div><img class="" src="{{ asset('img/home/osizweni-banner2.jpg') }}"></div></a>
            <a href="/toy-library" target="_blank"><div><img class="" src="{{ asset('img/home/banner5.jpg') }}"></div></a>
            <a href="/stem-career" target="_blank"><div><img class="" src="{{ asset('img/home/banner4.jpg') }}"></div></a>
            <a href="/computer-literacy" target="_blank"><div><img class="" src="{{ asset('img/home/banner6.jpg') }}"></div></a>
            <a href="/mobile-lab" target="_blank"><div><img class="" src="{{ asset('img/home/OSIZEWENI mobilelab.jpg') }}"></div></a>
        </div>
        <div class="show-for-medium-up">
            <div class="greenBackground">
                <ul class="large-block-grid-4 medium-block-grid-4">
                    <li class="liHome"><strong>Learning Resources</strong><br>
                        tools to help you<br>
                        <a class="readMore" href="/useful-links">READ MORE.</a></li>
                    <li><img style="float: left;" class="imageHome" src="{{ asset('img/home/plus.png') }}"><p class="liHome" style="text-align: left;"><strong>Latest News</strong><br>
                        from us<br>
                        <a class="readMore" href="/news">READ MORE</a></p></li>
                    <li><img style="float: left;" class="imageHome" src="{{ asset('img/home/plus.png') }}"><p class="liHome" style="text-align: left;"><strong>Upcoming Attractions</strong><br>
                        to be a part of<br>
                        <a class="readMore" href="/calendar">READ MORE</a></p></li>
                    <li><img style="float: left;" class="imageHome" src="{{ asset('img/home/plus.png') }}"><p class="liHome" style="text-align: left;"><strong>Our Partners</strong><br>
                        in education<br>
                        <a class="readMore" href="/partners">READ MORE</a></p></li>
                </ul>
            </div>
        </div>

        <div class="show-for-small-down">
            <div class="greenBackground">
                <ul class="small-block-grid-2">
                    <li class="liHome"><img style="float: left;" class="imageHome" src="{{ asset('img/home/plus.png') }}"><strong>Learning Resources</strong><br>
                        tools to help you<br>
                        <a class="readMore" href="/useful-links">READ MORE</a></li>
                    <li><img style="float: left;" class="imageHome" src="{{ asset('img/home/plus.png') }}"><p class="liHome" style="text-align: left;"><strong>Upcoming Attractions</strong><br>
                        to be a part of<br>
                        <a class="readMore" href="/news">READ MORE</a></p></li>
                    <li><img style="float: left;" class="imageHome" src="{{ asset('img/home/plus.png') }}"><p class="liHome" style="text-align: left;"><strong>Latest News</strong><br>
                        from us<br>
                        <a class="readMore" href="/calendar">READ MORE</a></p></li>
                    <li><img style="float: left;" class="imageHome" src="{{ asset('img/home/plus.png') }}"><p class="liHome" style="text-align: left;"><strong>Our Partners</strong><br>
                        in education<br>
                        <a class="readMore" href="/partners">READ MORE</a></p></li>
                </ul>
            </div>
        </div>
    </div>


@include('partials.footer')

@stop

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

@stop