@extends('layouts.frontend.app')

@section('content')



<section class="module paralax paallax-3 mt-1" style="background-image: url(''); background-position: 100% 120px; height: 120px;">
    <div class="container">
        <div class="row">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mt-4">
                  <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Mission</li>
                </ol>
            </nav>
        </div>
        <!-- <h3><span style="background-color: #dc3545; border-radius: 10px; padding: 10px;">Customize Your own PC. </span></h3> --}} -->
    </div>
</section>

 <section class="ftco-section ftco-degree-bg">
     <div class="container-fluid">
        <div class="col">
            <h3 class="bg-success p-2 text-center" style="color: whitesmoke;">Mission</h3>
        </div>
     </div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-justify" style="line-height: 35px;">
                
                <div class="col p-5">
                <p style="color: black; font-size: 20px; line-height: 2em;">The mission of <b>'Agro-Economy and Agro-Waste'</b> magazine is to promote and protect the agricultural sector, the environment, and the general public by publishing informative and inspiring articles on sustainable development of agriculture and agro-waste management.	 </a> </p>
                
                <br>
                <div class="col text-right">   
                  <img class="img-responsive" src="{{asset('frontend/img/mission.png')}}">   
                </div>  

                    <br><br>
                </div>         
            </div>
        </div>
    </div>
 </section>   







@endsection