<!DOCTYPE html>
<html class="no-js" lang="en">
    <head>
        <?php
            $this->load->view('user/common_style');
        ?>
    </head>
    <body>
     
        <section class="body_wrapper about_page">
           
            
            <?php
                $this->load->view('user/header');
            ?>
            
           
            <!-- ============= about_banner_area start ============== -->
                <section class="about_banner_area">
                <div class="about_banner_area_bg"></div> <!-- this code is for parallax -->
                <div class="about_banner_area_table">
                    <div class="about_banner_area_table_cell">
                        <div class="container">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="about_banner_area_content">
                                        <h3>about us</h3>
                                        <ul>
                                            <li><a href="">home</a></li>
                                            <li><a href="">about</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div> <!-- container end -->
                    </div> <!-- table_cell end -->
                </div> <!-- table end -->
                </section>
            <!-- ============= about_banner_area end ============== -->
           
            <!-- ============= about_area start ============== -->
                <section class="about_area section_padding_100">
                <div class="container">
                    <div class="row">
                       
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <div class="about_area_left">
                                <h2 class="section_hedings">about <span>financy</span></h2>
                                <p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                <div class="about_area_left_content">
                                    <div class="single_about_area_content">
                                        <div class="about_icon">
                                            <i class="icon-lightbulb"></i>
                                        </div>
                                        <div class="about_text">
                                            <p>Idea to Earn <span>Money</span></p>
                                        </div>
                                    </div>
                                    <div class="single_about_area_content">
                                        <div class="about_icon">
                                            <i class="icon-mobile"></i>
                                        </div>
                                        <div class="about_text">
                                            <p>Easy to <span>Access</span></p>
                                        </div>
                                    </div>
                                    <div class="single_about_area_content">
                                        <div class="about_icon">
                                            <i class="icon-tools-2"></i>
                                        </div>
                                        <div class="about_text">
                                            <p>Compact <span>Settings</span></p>
                                        </div>
                                    </div>
                                </div> <!-- about_area_left_content end -->
                            </div> <!-- about_area_left end -->
                        </div> <!-- col-md-6 end -->
                        
                        <div class="col-md-5 col-md-offset-1 col-sm-6 col-xs-12">
                            <div class="about_area_right">
                                <img src="<?php echo base_url();?>styles/img/about_area_right_img.jpg" alt="about area img">
                                <img class="shadow" src="<?php echo base_url();?>styles/img/shadow_img.png" alt="about area img">
                            </div> <!-- about_area_right end -->
                        </div> <!-- col-md-6 end -->
                        
                    </div> <!-- row end -->
                </div> <!-- container end -->
                </section>
            <!-- ============= about_area end ============== -->
           
            <!-- ============= service_area start ============== -->
                <section class="service_area section_padding_100">
                <div class="container">
                    <div class="row">
                       
                        <div class="col-md-4 col-sm-5 col-xs-12">
                            <div class="service_area_left_content">
                                <img src="<?php echo base_url();?>styles/img/service_area_left_img.jpg" alt="service-area-img">
                                <div class="service_area_left_text">
                                    <div class="service_left_table">
                                        <div class="service_left_cell">
                                            <p>“Ad Banners”</p>
                                        </div>
                                    </div>
                                </div>
                            </div> <!-- service_area_left_content end -->
                        </div> <!-- col-md-4 end -->
                        
                        <div class="col-md-8 col-sm-7 col-xs-12">
                            <div class="service_area_right_content">
                               
                                <div class="row">
                                   
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="about_page_single_service">
                                            <h3>What we <span>do</span></h3>
                                            <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit luptatum zzril delenit augue duis</p>
                                        </div>
                                    </div> <!-- col-md-6 end -->
                                    
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="about_page_single_service">
                                            <h3>our <span>history</span></h3>
                                            <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit luptatum zzril delenit augue duis</p>
                                        </div>
                                    </div> <!-- col-md-6 end -->
                                    
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="about_page_single_service">
                                            <h3>our <span>mission</span></h3>
                                            <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit luptatum zzril delenit augue duis</p>
                                        </div>
                                    </div> <!-- col-md-6 end -->
                                    
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="about_page_single_service">
                                            <h3>our <span>vision</span></h3>
                                            <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit luptatum zzril delenit augue duis</p>
                                        </div>
                                    </div> <!-- col-md-6 end -->
                                    
                                </div> <!-- row end -->
                                
                            </div> <!-- service_area_right_content end -->
                        </div> <!-- col-md-8 end -->
                        
                    </div> <!-- row end -->
                </div> <!-- container end -->
                </section>
            <!-- ============= service_area end ============== -->
            
            
            <?php
                $this->load->view('user/footer');
            ?>
            
        </section> <!-- body_wrapper end -->
        
        
        <?php
            $this->load->view('user/common_script');
        ?>
        
    </body>
</html>