<?php
include 'include/header.php';
?>

<section>
	<div class="block gray no-padding">
		<div class="">
			<div class="row">
				<div class="col-md-12 column">
					<div id="layerslider-container-fw">
						<div id="layerslider" style="width: 100%; height: 570px; margin: 0px auto; ">		
							<div class="ls-slide" data-ls="transition2d:12; timeshift:-1000;">	
								<img itemprop="image" src="images/resource/slider1.jpg" class="ls-bg" alt="Slide background" />
								<div class="ls-l slide-title" style="top:130px;left:50%;font-size:30px;position: center;" data-ls="offsetyin:50px;offsetxin:0;durationin:1500;delayin:400;easingin:easeOutBack;">WELCOME</div>
								<div class="ls-l slide-title" style="top:200px;left:50%;font-size:35px;font-weight:600;position: center;" data-ls="offsetyin:-50px;offsetxin:0;durationin:1500;delayin:800;">Community Aid and Social Education Empowerment</div>
								<div class="ls-l slide-text" style="top:270px;left:50%;font-size:70px;font-weight:bolder;" data-ls="offsetyin:50px;offsetxin:0;durationin:1500;delayin:1200;">CASEE</div>
									
							</div> <!-- Slide1 -->


	 						<div class="ls-slide" data-ls="transition2d:12; timeshift:-1000;">	
								<img itemprop="image" src="images/resource/slider3.jpg" class="ls-bg" alt="Slide background" />
								<div class="ls-l slide-text" style="top:140px;left:50%;font-size:58px;" data-ls="offsetxin:0;durationin:4000;delayin:500;rotatexin:450;transformoriginin:left 50% 0;offsetxout:0;durationout:500;easingout:easeInBack;rotateyout:90;transformoriginout:left 50% 0;">MISSION</div>
								<div class="ls-l slide-title" style="top:230px;left:50%;font-size:20px;" data-ls="offsetxin:0;durationin:4000;delayin:1000;rotatexin:450;transformoriginin:right 50% 0;offsetxout:0;durationout:2000;easingout:easeInBack;rotateyout:-90;transformoriginout:right 50% 0;">CASEE is a local organization geared towards capacity building of grassroots communities, CBOs, NGOs and institutions in the struggle against poverty; and promotes social justice, empowerment and participation of the poorest in addressing their basic rights. </div>
									
							</div><!-- Slide2 -->

	 						<div class="ls-slide" data-ls="transition2d:12; timeshift:-1000;">	
								<img itemprop="image" src="images/resource/slider2.jpg" class="ls-bg" alt="Slide background" />
								<div class="ls-l slide-text" style="top:140px;left:50%;font-size:58px;" data-ls="offsetxin:0;durationin:4000;delayin:500;rotatexin:450;transformoriginin:left 50% 0;offsetxout:0;durationout:500;easingout:easeInBack;rotateyout:90;transformoriginout:left 50% 0;">VISION</div>
								<div class="ls-l slide-title" style="top:230px;left:50%;font-size:20px;" data-ls="offsetxin:0;durationin:4000;delayin:1000;rotatexin:450;transformoriginin:right 50% 0;offsetxout:0;durationout:2000;easingout:easeInBack;rotateyout:-90;transformoriginout:right 50% 0;">Society free from Poverty and Social Injustice.</div>
							</div><!-- Slide3 --> 


						</div>
					</div><!-- Layer Slider -->	
				</div>	
			</div>
		</div>
	</div>
</section><!-- Slider Section -->


<section>
    <div class="block gray">
        <div class="container">
            <div class="row">
                <div class="col-lg">
                    <div class="members">
                        <div class="row">
                            <div class="">
                                <h2>Our <span>Mission</span></h2>
                            </div>
                            <p>
                                CASEE is a local organization geared towards capacity building of grassroots communities, CBOs, NGOs and institutions in the struggle against poverty; and promotes social justice empowerment and participation of the poorest in addressing their basic rights.
                            </p>

                        </div>
                        <br>

                        <div class="row">
                            <div class="">
                                <h2>Our <span>Aims and Objectives</span></h2>
                            </div>
                            <p>
                                The aims and objectives of the organization include:
                            </p>
                            <ul>
                                <li>To empower the marginalized and vulnerable grassroots communities in their struggle against poverty and all forms of injustice  </li>
                                <li>To strengthen Civil Society through technical assistance, Organizational Development, Organizational institutional transformation, development interventions, and social capital development.  </li>
                            </ul>

                        </div>

                    </div><!-- Members -->
                </div>

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

<section>
	<div class="block">
		<div class="container">
			<div class="row">
				<div class="col-md-12 column">
					<div class="sponsors-carousel">
						<div class="sponsor"><a itemprop="url" href="#" title=""><img itemprop="image" src="http://via.placeholder.com/159x51" alt="" /></a></div><!-- Sponsor -->
						<div class="sponsor"><a itemprop="url" href="#" title=""><img itemprop="image" src="http://via.placeholder.com/159x51" alt="" /></a></div><!-- Sponsor -->
						<div class="sponsor"><a itemprop="url" href="#" title=""><img itemprop="image" src="http://via.placeholder.com/159x51" alt="" /></a></div><!-- Sponsor -->
						<div class="sponsor"><a itemprop="url" href="#" title=""><img itemprop="image" src="http://via.placeholder.com/159x51.png" alt="" /></a></div><!-- Sponsor -->
						<div class="sponsor"><a itemprop="url" href="#" title=""><img itemprop="image" src="http://via.placeholder.com/159x51" alt="" /></a></div><!-- Sponsor -->
						<div class="sponsor"><a itemprop="url" href="#" title=""><img itemprop="image" src="http://via.placeholder.com/159x51" alt="" /></a></div><!-- Sponsor -->
					</div><!-- Sponsors Carousel -->
				</div>
			</div>
		</div>
	</div>
</section>

	
	<?php
	include 'include/footer.php';
	?> 