guias.html

<!doctype html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<meta name="description" content="Trisfera es una comunidad panameña que promueve el desarrollo web y móvil mediante herramientas libres.">
    <meta name="keywords" content="Trisfera, web, html, css, php, ruby, js, android, libre">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
		
	<link rel="stylesheet" href="css/bootstrap.css">
	<!--Es importante que main.css esté en medio de los dos de bootstrap
     para que el navbar se vea correctamente-->
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.css">
	
	
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

	<title>Trisfera</title>

</head>

<body>
	
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container-fluid">
				
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">			
					<i class="icon-chevron-down icon-white"></i>
				</a>
				
				<div class="nav-collapse">
					<ul class="nav">
						<li>
							<a href="index.html"><i class="icon-home icon-white"></i> Inicio</a>
						</li>
						
						<li>
							<a href="proyectos.html"> Colabora</a>
						</li>
						
						<li class="active">
							<a href="guias.html"> Aprende</a>
						</li>
						
						<li>
							<a href="comunidad.html"> Comunícate</a>
						</li>
						
						<li>
							<a href="acercade.html"><i class="icon-info-sign icon-white"></i> Acerca De</a>
						</li>
						
						<li>
							<a href="contacto.html"><i class="icon-question-sign icon-white"></i> Contacto</a>
						</li>
					</ul>
				</div>
				
				<img class="trisfera-icon" src="img/trisfera-icon.png" alt="trisfera-icon">
				
			</div><!--Cierra container-fluid-->
		</div> <!--Cierra navbar-inner-->
    </div><!--Cierra navbar-->
	
	
	<div class="container-fluid">
				
		<header>
				<a href="index.html">
                    <img class="banner" src="img/banner.png" alt="Trisfera">
                </a>
                <p class="banner-description">Comunidad panameña que promueve el desarrollo web 
                y móvil mediante herramientas libres</p>
		</header>
		
		<div class="row-fluid">
			
			<div id="section-proyectos" class="section-v span2">
				
                <a href="proyectos.html">
                    <div class="section-v-title">
                     	<img src="img/section-proyectos_title.png">
                    </div>
                    
                    <div class="section-v-content">		
                    </div>
                </a>			
			</div>

			
			<div id="section-guias" class="section-v span8">
				
				<div class="section-v-title">
					<img src="img/section-guias_title.png">
				</div>
				
				<div class="section-v-content">

					<ul>
						<a href="https://github.com/Trisfera/Trisfera/wiki">
						<li>
							Wiki Trisfera
						</li>
						</a>
						<a href="http://www.codeschool.com/courses">
                        <li>
                        	Code School
                        </li>
	                    </a>
    	                <a href="http://www.udacity.com/">
        	                <li>
            	            	Udacity
                	        </li>
                    	</a>
	                    <a href="http://www.codecademy.com/es/#!/exercises/0">
    	                    <li>
        	                	Code Academy
            	            </li>
                	    </a>
					</ul>


				</div>
			</div> 
			
			<div id="section-comunidad" class="section-v span2">
				
				<a href="comunidad.html">
                    <div class="section-v-title">
                    	<img src="img/section-comunidad_title.png">
                    </div>
                    
                    <div class="section-v-content">
                    
                    </div>
                </a>
			</div> 
			
			
		</div>
		<div class="row-fluid">
			<div class="span2" style="background:#AFDDE9"></div>
			<div class="span8" style="background:#333"></div>
			<div class="span2" style="background:#1C5C94"></div>
		</div>	
		
		
	</div>
	
	<!--<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js"></script> 
	<script type="text/javascript"> 
		var twitterAccount = "trisfera";
		tripleflapInit(); 
	</script>-->

	<script src="js/jquery.js"></script>
	<script src="js/bootstrap-transition.js"></script>
	<script src="js/bootstrap-collapse.js"></script>
</body>
</html>