@extends('layouts.app-host')

@section('title', 'Social Change Hub')

@section('css')
<style>
    html,
    body,
    header,
    .jarallax {
        height: 100%;
    }

    @media (min-width: 560px) and (max-width: 740px) {
        html,
        body,
        header,
        .jarallax {
        height: 500px;
        }
    }

    @media (min-width: 800px) and (max-width: 850px) {
        html,
        body,
        header,
        .jarallax {
        height: 500px;
        }
    }

    @media (min-width: 800px) and (max-width: 850px) {
        .navbar:not(.top-nav-collapse) {
            background: #1C2A48!important;
        }
        .navbar {
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
        }
    }
</style>
@endsection

@section('content')

    <div class="container-fluid px-0">
        @include('partials.join-us')

        @include('partials.parteners')

        <div class="container py-3">
            @include('partials.project')

            @include('partials.challenges')

            @include('partials.events')

            @include('partials.communauties')
        </div>
    </div>
    
@endsection