<!DOCTYPE html>
<html lang="en">
<head>

    <!-- META -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <meta name="robots" content="" />    
    <meta name="description" content="" />
    
    <!-- FAVICONS ICON -->
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
    
    <!-- PAGE TITLE HERE -->
    <title> Mission & Vision | Global Communication Research Association (GCRA)</title>
    
    <!-- MOBILE SPECIFIC -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- [if lt IE 9]>
        <script src="js/html5shiv.min.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif] -->
    
    <!-- BOOTSTRAP STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/fontawesome/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="css/flaticon.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css">
    <link rel="stylesheet" type="text/css" href="css/magnific-popup.min.css">
    <link rel="stylesheet" type="text/css" href="css/loader.min.css">    
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" class="skin" type="text/css" href="css/skin/skin-1.css">
    <link rel="stylesheet" type="text/css" href="css/custom.css"> 
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,300italic,400italic,500,500italic,700,700italic,900italic,900' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,800italic,800,700italic' rel='stylesheet' type='text/css'>
    <link href="http://fonts.googleapis.com/css?family=Crete+Round:400,400i&amp;subset=latin-ext" rel="stylesheet">
    
 
</head>

<body id="bg">

	<div class="page-wraper"> 
       	
        <!-- HEADER START -->
        <?php include('include/header.php');?>
        <!-- HEADER END -->
        
        <!-- CONTENT START -->
        <div class="page-content">
        
            <!-- INNER PAGE BANNER -->
            <div class="wt-bnr-inr overlay-wraper" style="background-image:url(images/background/bg-8.jpg);">
            	<div class="overlay-main bg-black opacity-07"></div>
                <div class="container">
                    <div class="wt-bnr-inr-entry">
                        <h1 class="text-white"> Mission & Vision</h1>
                    </div>
                </div>
            </div>
            <!-- INNER PAGE BANNER END -->
            
            <!-- BREADCRUMB ROW -->                            
            <div class="bg-gray-light p-tb20">
            	<div class="container">
                    <ul class="wt-breadcrumb breadcrumb-style-2">
                        <li><a href="javascript:void(0);"><i class="fa fa-home"></i> Home</a></li>
                        <li>About Us</li>
                        <li>Mission & Vision</li>
                    </ul>
                </div>
            </div>
            <!-- BREADCRUMB ROW END -->
            
             
            <!-- ABOUT COMPANY SECTION START -->
            <div class="section-full p-t30 p-b40">
                <div class="container">
                	<!-- TITTLE START -->
                    
                    <!-- TITLE END -->                	
                    <div class="row">
                    	
                        
                        
                        <div class="col-md-5 col-sm-5 col-xs-12 col-xs-100pc">
                            <!--Fade slider-->
                            <div class="owl-carousel about-us-carousel owl-btn-vertical-center owl-dots-bottom-center">
                            
                                <div class="item">
                                    <div class="aon-thum-bx">
                                        <img src="images/mission.jpg" alt="">
                                    </div>
                                </div>   
                                 <div class="item">
                                    <div class="aon-thum-bx">
                                        <img src="images/vision.jpg" alt="">
                                    </div>
                                </div>                                 
                            
                            </div>
                            <!--fade slider END-->
                        </div>
                        <div class="col-md-7 col-sm-7 col-xs-12 col-xs-100pc">
                            <!-- ACCORDIAN  BG DARK -->
                            <div class="section-content">
                                <div class="wt-accordion acc-bg-dark" id="accordion9">
                                    <div class="panel wt-panel">
                                        <div class="acod-head acc-actives">
                                             <h6 class="acod-title text-uppercase">
                                                <a data-toggle="collapse" href="#collapseOne9" data-parent="#accordion9" ><i class="fa fa-globe"></i>
                                                    Our Mission
                                                    <span class="indicator"><i class="fa fa-plus"></i></span>
                                                </a>
                                             </h6>
                                        </div>
                                        <div id="collapseOne9" class="acod-body collapse in">
                                            <div class="acod-content font-14 p-tb30">Carry out actions regarding communication and media research, diffusion of knowledge and innovation within an inclusive population framework, prioritizing the less advantaged geographical and professional contexts in specific fields.</div>
                                        </div>
                                    </div>
                                    <div class="panel wt-panel">
                                        <div class="acod-head">
                                             <h6 class="acod-title text-uppercase">
                                                <a data-toggle="collapse" href="#collapseTwo9" class="collapsed" data-parent="#accordion9" ><i class="fa fa-binoculars"></i>
                                                Our Vision
                                                <span class="indicator"><i class="fa fa-plus"></i></span>
                                                </a>
                                             </h6>
                                        </div>
                                        <div id="collapseTwo9" class="acod-body collapse">
                                            <div class="acod-content font-14 p-tb30">Be a forum and an organization pursuing media, communication, publication and technological and virtual inclusion, particularly reaching out to underrepresented areas
of all five continents.</div>
                                        </div>
                                    </div>
                                    
                                </div>                                        
                            </div>
                        </div>
                    </div>
                </div>
            </div>   
            <!-- ABOUT COMPANY SECTION END -->
                                
        </div>
        <!-- CONTENT END -->
        
        <!-- FOOTER START -->
        <?php include('include/footer.php');?>
        <!-- FOOTER END -->
        
       
        
    </div>
    

<!-- JAVASCRIPT  FILES ========================================= --> 
<script type="text/javascript"  src="js/jquery-1.12.4.min.js"></script><!-- JQUERY.MIN JS -->
<script type="text/javascript"  src="js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script type="text/javascript"  src="js/bootstrap-select.min.js"></script><!-- FORM JS -->
<script type="text/javascript"  src="js/jquery.bootstrap-touchspin.min.js"></script><!-- FORM JS -->
<script type="text/javascript"  src="js/magnific-popup.min.js"></script><!-- MAGNIFIC-POPUP JS -->
<script type="text/javascript"  src="js/waypoints.min.js"></script><!-- WAYPOINTS JS -->
<script type="text/javascript"  src="js/counterup.min.js"></script><!-- COUNTERUP JS -->
<script type="text/javascript"  src="js/waypoints-sticky.min.js"></script><!-- COUNTERUP JS -->
<script type="text/javascript" src="js/isotope.pkgd.min.js"></script><!-- MASONRY  -->
<script type="text/javascript"  src="js/owl.carousel.min.js"></script><!-- OWL  SLIDER  -->
<script type="text/javascript"  src="js/stellar.min.js"></script><!-- PARALLAX BG IMAGE   --> 
<script type="text/javascript"  src="js/scrolla.min.js"></script><!-- ON SCROLL CONTENT ANIMTE   --> 
<script type="text/javascript"  src="js/custom.js"></script><!-- CUSTOM FUCTIONS  -->

 
</body>
</html>
