<!doctype html>
<!--[if lt IE 7 ]> <html class="no-js ie6" dir="ltr" lang="en-US"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" dir="ltr" lang="en-US"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" dir="ltr" lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" dir="ltr" lang="en-US"> <!--<![endif]-->
<head>

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<title>Legacy LA</title>

<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="http://legacyla.org/xmlrpc.php" />

<link href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic" rel="stylesheet" type="text/css">

<link rel="alternate" type="application/rss+xml" title="Legacy LA &raquo; Feed" href="http://legacyla.org/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="Legacy LA &raquo; Comments Feed" href="http://legacyla.org/?feed=comments-rss2" />
<link rel='stylesheet' id='responsive-style-css'  href='http://legacyla.org/wp-content/themes/responsive.1.5.0/responsive/style.css?ver=1.2.1' type='text/css' media='all' />
<script type='text/javascript' src='http://legacyla.org/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>
<script type='text/javascript' src='http://legacyla.org/wp-content/themes/responsive.1.5.0/responsive/js/responsive-modernizr.js?ver=2.5.3'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://legacyla.org/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://legacyla.org/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 3.3.2" />
<!-- We need this for debugging -->
<meta name="template" content="Responsive 1.5.0" />
<style type="text/css">
body.custom-background { background-color: #f5da29; background-image: url('http://legacyla.org/wp-content/uploads/2012/05/Circle-of-Hands1.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: scroll; }
</style>
</head>

<body class="home blog custom-background">
                 
<div id="container" class="hfeed">
         
        <div id="header">
    
                
       
	               
        <div id="logo">
            <a href="http://legacyla.org/"><img src="http://legacyla.org/wp-content/uploads/2012/05/cropped-Logo.jpg" width="300" height="100" alt="Legacy LA" /></a>
        </div><!-- end of #logo -->
        
    
    			    
				<ul class="menu"><li class="current_page_item"><a href="http://legacyla.org/" title="Home">Home</a></li><li class="page_item page-item-2"><a href="http://legacyla.org/?page_id=2">Sample Page</a></li></ul>
                
             
    </div><!-- end of #header -->
        
	    <div id="wrapper" class="clearfix">
    
        <div id="featured" class="grid col-940">
        
        <div class="grid col-460">

            <h1 class="featured-title">Legacy LA</h1>                    
            <h2 class="featured-subtitle">LEGACY LA MISSION</h2>            
            <p>Founded in 2007, Legacy LA is a community based non-profit organization focused on youth development. Our mission is to make positive interventions in the lives of young people by offering alternatives to gangs and violence. We are located in the East Los Angeles community of Boyle Heights and we serve youth living in Ramona Gardens and the surrounding neighborhoods. Operating in a 50,000 square-foot 1950's Armory building, we provide multifaceted youth programs focusing on advocacy, empowerment, service learning, education and culture. 
<br><br>
<strong>WHAT MAKES US UNIQUE?</strong>
<br><br>
Legacy LA believes that personal and community transformation goes hand in hand! We believe that community transformation will only occur if we focus on helping youth living in the Ramona Gardens community reach their full potential. Our vision for long-term community change is driven by our dream for a community that provides all the resources and support youth need to succeed and reach their own dreams. Our work is guided by the belief that all youth have the potential to succeed and have the ability to be champions for themselves and their community!  
<br><br>
<strong>LEGACY LA’S PILLARS FOR YOUTH SUCCESS</strong>
<br><br>
  ACADEMIC SUPPORT<br>
+LEADERSHIP  <br>
+MENTORING<br>
+ARTS & CULTURE<br>
+HEALTH & WELL BEING<br>
 <br><br>
= YOUTH SUCCESS
<br>
At Legacy LA, we take a holistic approach to youth development. Our five pillars work in concert to address the needs of our youth and support their positive development. Through these five pillars, youth feel confident in their academic capacity, empowered in their leadership, supported through their mentoring, and inspired by the arts. </p>            
            		         
            <div class="call-to-action">

            <a href="#nogo" class="blue button">Call to Action</a>  
            
            </div><!-- end of .call-to-action -->
                     
            
        </div><!-- end of .col-460 -->

        <div id="featured-image" class="grid col-460 fit"> 
                           
            <img class="aligncenter" src="http://legacyla.org/wp-content/themes/responsive.1.5.0/images/hands.jpg" width="440" height="300" alt="" />  
                                   
        </div><!-- end of #featured-image --> 
        
        </div><!-- end of #featured -->
               


    <div id="widgets" class="home-widgets">
        <div class="grid col-300">
                    
                        <div class="widget-wrapper">
            
                <div class="widget-title-home"><h3>Home Widget 1</h3></div>
                <div class="textwidget">This is your first home widget box. To edit please go to Appearance > Widgets and choose 6th widget from the top in area six called Home Widget 1. Title is also managable from widgets as well.</div>
            
			</div><!-- end of .widget-wrapper -->
			
                </div><!-- end of .col-300 -->

        <div class="grid col-300">
                    
			            <div class="widget-wrapper">
            
                <div class="widget-title-home"><h3>Home Widget 2</h3></div>
                <div class="textwidget">This is your second home widget box. To edit please go to Appearance > Widgets and choose 7th widget from the top in area seven called Home Widget 2. Title is also managable from widgets as well.</div>
            
			</div><!-- end of .widget-wrapper -->
			            
                </div><!-- end of .col-300 -->

        <div class="grid col-300 fit">
                    
			            <div class="widget-wrapper">
            
                <div class="widget-title-home"><h3>Home Widget 3</h3></div>
                <div class="textwidget">This is your third home widget box. To edit please go to Appearance > Widgets and choose 8th widget from the top in area eight called Home Widget 3. Title is also managable from widgets as well.</div>
        
			</div><!-- end of .widget-wrapper -->
			            
                </div><!-- end of .col-300 fit -->
    </div><!-- end of #widgets -->    </div><!-- end of #wrapper -->
    </div><!-- end of #container -->

<div id="footer" class="clearfix">

    <div id="footer-wrapper">
    
    <div class="grid col-940">
    
        <div class="grid col-620">
		         </div><!-- end of col-620 -->
         
         <div class="grid col-300 fit">
         <ul class="social-icons"></ul><!-- end of .social-icons -->         </div><!-- end of col-300 fit -->
                
        <div class="grid col-300 copyright">
            &copy; 2012<a href="http://legacyla.org/" title="Legacy LA">
                Legacy LA            </a>
        </div><!-- end of .copyright -->
        
        <div class="grid col-300 scroll-top"><a href="#scroll-top" title="scroll to top">&uarr;</a></div>
        
        <div class="grid col-300 fit powered">
            <a href="http://themeid.com/responsive-theme/" title="Responsive Theme">
                    Responsive Theme</a>
            powered by <a href="http://wordpress.org/" title="WordPress">
                    WordPress</a>
        </div><!-- end .powered -->
        
    </div><!-- end of col-940 -->
    </div><!-- end #footer-wrapper -->
    
</div><!-- end #footer -->

<script type='text/javascript' src='http://legacyla.org/wp-content/themes/responsive.1.5.0/responsive/js/responsive-scripts.js?ver=1.1.0'></script>
<script type='text/javascript' src='http://legacyla.org/wp-content/themes/responsive.1.5.0/responsive/js/responsive-plugins.js?ver=1.1.0'></script>
</body>
</html>