User:Felice/vision.html.template

From OLPC
Jump to: navigation, search
  This page is monitored by the OLPC team.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="$gettext{'lang'}" xml:lang="$gettext{'xml:lang'}">

<head>
	<title>$gettext{'visiontitle'}</title>
	<meta name="$gettext{'description'}" />
	<meta name="keywords" content="$gettext{'keywords'}" />
	<!-- Meta -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="meta" href="http://www.laptop.org/labels.rdf" type="application/rdf+xml" title="ICRA labels" />

	<meta http-equiv="pics-Label" content='(pics-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://laptop.org" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 3) gen true for "http://www.laptop.org" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 3))' />
	<meta name="copyright" content="$gettext{'copyright'}" />
	<meta name="Content-Language" content="$gettext{'lang'}" />
	<meta name="Identifier-url" content="http://www.laptop.org/" />
	<meta name="robots" content="index, follow" />
<!-- /Meta -->
	<!-- Icon -->
	<link rel="shortcut icon" href="/favicon.ico" type="image/ico" />
	<link rel="icon" href="/favicon.ico" type="image/ico" />

<!-- /Icon -->
	<!-- Css -->
	<link rel="stylesheet" type="text/css" media="screen" href="/css/screen.css" charset="iso-8859-1" />
	<!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" media="screen" href="/css/browserIE6.css" charset="iso-8859-1" />
	<![endif]-->
	<link rel="stylesheet" type="text/css" media="print" href="/css/print.css" charset="iso-8859-1" />
<!-- /Css -->
	<!-- Javascript -->
	<script type="text/javascript" src="/scripts/swfObject.js" language="JavaScript1.2" charset="iso-8859-1"></script>
	<script type="text/javascript" src="/scripts/yahoo-dom-event.js" language="JavaScript1.2" charset="iso-8859-1"></script>

	<script type="text/javascript" src="/scripts/main.js" language="JavaScript1.2" charset="iso-8859-1"></script>
<!-- /Javascript -->
</head>

<body class="root vision" lang="$gettext{'lang'}">
	<p id="skipLink"><a href="#main-body">$gettext{'skiplink'}</a></p>

<div id="logo">
	<a href="/index.shtml" title="$gettext{'logo'}"><img src="/img/UI/logoOLPC.gif" width="78" height="107" alt="$gettext{'altlogo'}" lang="$gettext{'lang'}" /></a>
</div>
	<div id="header" class="clearfix">

	<ul id="navigation">
		<li id="nav-vision"><a href="/vision/index.shtml" title="$gettext{'visionlink'}"><span>$gettext{'vision'}</span></a>
			<ul>
				<li id="nav-mission"><a href="/vision/mission/index.shtml" title="$gettext{'missionlink'}">$gettext{'mission'}</a></li>
				<li id="nav-progress"><a href="/vision/progress/index.shtml" title="$gettext{'progresslink'}">$gettext{'progress'}</a></li>
				<li id="nav-news"><a href="/vision/news/index.shtml" title="$gettext{'newslink'}">$gettext{'news'}</a></li>
				<li id="nav-people"><a href="/vision/people/index.shtml" title="$gettext{'peoplelink'}">$gettext{'people'}</a></li>

			</ul>
		</li>
		<li id="nav-laptop"><a href="/laptop/" title="$gettext{'laptoplink'}"><span>$gettext{'laptop'}</span></a>
			<ul>
				<li id="nav-hardware"><a href="/laptop/hardware/" title="$gettext{'hardwarelink'}">$gettext{'hardware'}</a></li>
				<li id="nav-software"><a href="/laptop/software/" title="$gettext{'softwarelink'}">$gettext{'software'}</a></li>
				<li id="nav-interface"><a href="/laptop/interface/" title="$gettext{'interfacelink'}">$gettext{'interface'}</a></li>

				<li id="nav-design"><a href="/laptop/design/" title="$gettext{'designlink'}">$gettext{'design'}</a></li>
			</ul>		
		</li>
		<li id="nav-foundation"><a href="http://www.laptopfoundation.org/index.shtml" title="$gettext{'foundationlink'}"><span>$gettext{'foundation'}</span></a>
 			<ul>
				<li id="nav-purpose"><a href="http://www.laptopfoundation.org/purpose/" title="$gettext{'purposelink'}">$gettext{'purpose'}</a></li>
				<li id="nav-program"><a href="http://www.laptopfoundation.org/program/" title="$gettext{'programlink'}">$gettext{'program'}</a></li>

				<li id="nav-participate"><a href="http://www.laptopfoundation.org/participate/" title="$gettext{'participatelink'}">$gettext{'participate'}</a></li>
				<li id="nav-propose"><a href="http://www.laptopfoundation.org/propose/" title="$gettext{'proposelink'}">$gettext{'propose'}</a></li>
			</ul>	
		</li>
		<li id="nav-children"><a href="/children/" title="$gettext{'childrenlink'}"><span>$gettext{'children'}</span></a></li>
	</ul> <!-- /navigation -->
	
	<ul id="sub-navigation">

		<li><a href="http://wiki.laptop.org/go/Home" target="_blank" title="$gettext{'olpcwikilink'}">$gettext{'olpcwiki'}</a></li>
		<li><a href="/jobs.shtml" title="$gettext{'careerlink'}">$gettext{'career'}</a></li>
		<li><a href="/contact.shtml" title="$gettext{'contactlink'}">$gettext{'contact'}</a></li>
		<!-- <li><a href="sitemap.shtml" title="$gettext{'sitemaplink'}">$gettext{'sitemap'}</a></li> -->
		<li><a href="/languages.shtml" title="$gettext{'languageslink'}">$gettext{'languages'}</a></li>
	</ul> <!-- /sub-navigation -->

	
	<hr />
</div> <!-- /header -->


	<div id="main-body" class="section clearfix">
		<h1>$gettext{'visionh1'}</h1>
		
		
		<div class="sections clearfix">
			<div class="section">
				<h2><a href="mission/" accesskey="1" title="$gettext{'missiontitle'}">$gettext{'mission'}</a></h2>

				<a href="mission/" accesskey="1" title="$gettext{'missiontitle'}"><img src="../img/mission.jpg" width="200" height="98" alt="$gettext{'mission'}" /></a>
				<blockquote>
					<cite>$gettext{'visionp1'}</cite>
					<p>$gettext{'visionp2'}</p>
				</blockquote>
				
				<p>$gettext{'visionp3'}
				<a href="mission/" class="read-more">$gettext{'readmore'};</a></p>

			</div>
		
			<div class="section">
				<h2><a href="progress/" accesskey="2" title="$gettext{'progresstitle'}">$gettext{'progress'}</a></h2>
				<a href="progress/" accesskey="2" title="$gettext{'progresstitle'}"><img src="../img/progress.jpg" width="200" height="98" alt="$gettext{'progress'}" /></a>
				<p>$gettext{'visionp4'}<a href="progress/" class="read-more">$gettext{'viewtimeline'}</a></p>	
			</div>
			
			<div class="section">

				<h2><a href="news/" accesskey="3" title="$gettext{'newstitle'}">$gettext{'news'}</a></h2>
				<a href="news/" accesskey="3" title="$gettext{'newstitle'}"><img src="../img/news.jpg" width="200" height="98" alt="$gettext{'news'}" /></a>
				<p>$gettext{'visionp5'}
				<a href="news/" class="read-more">$gettext{'readmore'}</a></p>
			</div>	
				
			<div class="section last">
				<h2><a href="people/" accesskey="4" title="$gettext{'peopletitle'}">$gettext{'people'}</a></h2>
				<a href="people/" accesskey="4" title="$gettext{'peopletitle'}"><img src="../img/people.jpg" width="200" height="98" alt="$gettext{'people'}" /></a>

				<p>$gettext{'visionp6'}
				<a href="people/" class="read-more">$gettext{'readmore'}</a></p>		
			</div>			
		</div>
	
	
	</div> <!-- /main-body -->

	<div id="footer">
 	<p>$gettext{'copyright'}</p>

	
	<p id="sponsor">$gettext{'designedby'} <a href="http://www.pentagram.com" target="_blank">Pentagram</a> | $gettext{'poweredby'} <a href="http://www.nurun.com">Nurun</a></p>

</div> <!-- /footer -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1264681-1";
urchinTracker();
</script>
</body>
</html>