@extends('layouts.main')
@section('content')
<!--================Breadcrumb Area =================-->
<section class="breadcrumb_area">
    <div class="overlay bg-parallax" data-stellar-ratio="0.8" data-stellar-vertical-offset="0" data-background=""></div>
    <div class="container">
        <div class="page-cover text-center">
            <h2 class="page-cover-tittle">{{__('destinations.title')}}</h2>
            <ol class="breadcrumb">
                <li><a href="">{{__('destinations.zimbabwe.country')}}</a></li>

            </ol>
        </div>
    </div>
</section>
<!--================Breadcrumb Area =================-->

<!--================ About History Area  =================-->
<section class="about_history_area section_gap" style="background: url('/image/destinations/zimbabwe/destinations-zimbabwe-background.jpg') no-repeat fixed; background-size: cover; padding-top: 50px; color: black;">
    <div class="container white_background">
        <div class="row mb-4">
            <div class="col-md-6 d_flex align-items-center">
                <div class="destination-header" style="text-align: justify;">
                    <h2 class="title title_color">{{__('destinations.zimbabwe.country')}}</h2>
                    <h4>{{__('destinations.zimbabwe.gen_info_title')}}</h4>
                    <p>
                        {{__('destinations.zimbabwe.gen_info_text_1')}}
                        <br><br>
                        {{__('destinations.zimbabwe.gen_info_text_2')}}
                        <br><br>
                        {{__('destinations.zimbabwe.gen_info_text_3')}}
                    </p>
                </div>                
            </div>
            <div class="col-md-6">
                <img class="img-fluid" src="/image/destinations/zimbabwe/1-map-of-zimbabwe.png" alt="img">
                <br><br>
                <img class="img-fluid" src="/image/destinations/zimbabwe/n1.jpg" alt="img">
            </div>
        </div>

        <div class="row mb-4">
            <div class="col-md-6 d_flex align-items-center">
                <div class="" style="text-align: justify;">
                    <h2>{{__('destinations.zimbabwe.attr_title')}}</h2>
                    <p>{{__('destinations.zimbabwe.attr_text')}}</p>
                    <!-- <a href="#meet_our_team" class="button_hover theme_btn_two">Meet Our Team</a> -->
                </div>                
            </div>
            <div class="col-md-6">
                <img class="img-fluid" src="/image/destinations/zimbabwe/5.jpg" alt="img">
            </div>
        </div>

        <div class="row mb-4">
            <div class="col-md-6 d_flex align-items-center">
                <div class="" style="text-align: justify;">
                    <h2>{{__('destinations.zimbabwe.water_title')}}</h2>
                    <p>
                        {{__('destinations.zimbabwe.water_text')}}<br />
                        {{__('destinations.zimbabwe.water_text_2')}}<br />
                        {{__('destinations.zimbabwe.water_text_3')}}
                    </p>
                    <!-- <a href="#meet_our_team" class="button_hover theme_btn_two">Meet Our Team</a> -->
                </div>                
            </div>
            <div class="col-md-6">
                <img class="img-fluid" src="/image/destinations/zimbabwe/vic-falls.jpg" alt="img">
            </div>
        </div>
        <br>
        <div class="row mb-4">
            <div class="col-md-6 d_flex align-items-center">
                <div class="" style="text-align: justify;">
                    <h2>{{__('destinations.zimbabwe.lower_title')}}</h2>
                    <p>
                        {{__('destinations.zimbabwe.lower_text')}}<br />
                        {{__('destinations.zimbabwe.lower_text_2')}}<br />
                        {{__('destinations.zimbabwe.lower_text_3')}}
                    </p>
                    <!-- <a href="#meet_our_team" class="button_hover theme_btn_two">Meet Our Team</a> -->
                </div>                
            </div>
            <div class="col-md-6">
                <img class="img-fluid" src="/image/destinations/zimbabwe/3.jpg" alt="img">
            </div>
        </div>
    </div>
</section>
<!--================ About History Area  =================-->
@endsection