index.html

<!doctype html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>About Junting Wu</title>
  <meta name="author" content="Junting Wu">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="HandheldFriendly" content="true">
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Simonetta:400,900|Balthazar">
  <link rel="stylesheet" type="text/css" href="styles.css">
  <link rel="stylesheet" type="text/css" href="responsive.css">
  <script async src="//assets.codepen.io/assets/embed/ei.js"></script>
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  <![endif]-->
</head>

<body>
	<div id="w" itemscope itemtype="http://schema.org/Person">
		<header class="clearfix">
			<div id="info">			
				<p>這是happylitle7的英文版個人資料頁, <a href="/chinese.html" itemprop="url">您可以點擊此處切換至中文</a></p>
				<h1><span itemprop="name">Junting Wu</span></h1>
				<h3><span itemprop="jobTitle">A Student Who Is Learning How To Code</span></h3>
				<small itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
				  <span itemprop="addressLocality">Banqiao</span>, 
				  <span itemprop="addressRegion">NewTaipei</span>, 
				  <span itemprop="addressCountry">Taiwan</span>
				</small>
				<small><span itemprop="email">Lance20501@gmail.com</span></small>
				<small><a href="http://happylittle7.weebly.com" itemprop="url">My blog</a> &bull; <a href="Not Ready" itemprop="url">Facebook</a></small>
				
			</div>
			
			<div id="photo">
				<img src="images/IMAG0096.jpg" alt="Junting Wu avatar" itemprop="image" height="250"
	                </div>
		</header>
		
		<section id="profile">
			
		</section>
		<section id="first_project">
			<h2> My First Project 我的第一個專案</h2>
			<p>When I was ten, I wrote a project first time. I build a School-Ecological-Park-Search-System for my school. That was my first try, and it was very difficult but that was fun. Therefore, I started my coding life .<a href="http://happylittle7.github.io/School-Ecological-Park-Search-System">You can check the system on github.</a></p>
			
		</section>
		
		<section id="skills" class="clearfix" itemscope itemtype="http://schema.org/ItemList">
			<h2 itemprop="name">Skillset 技能</h2>
			<section id="skills-left">
				<h4 itemprop="about">Development 開發</h4>
				<ul>
					<li itemprop="itemListElement">Python</li>
					<li itemprop="itemListElement">JavaScript</li>
					<li itemprop="itemListElement">HTML5/CSS3</li>
					<li itemprop="itemListElement">C++ &amp; C</li>
			
				</ul>
			</section>
			<section id="skills-right">
				<h4 itemprop="about">Boards 開發版</h4>
				<ul>
					<li itemprop="itemListElement">Arduino Uno</li>
					<li itemprop="itemListElement">Arduino Micro</li>
					<li itemprop="itemListElement">Raspberry Pi 3</li>		
				</ul>
			</section>
		</section>
		
		<section id="education">
			<h2>Education 學歷</h2>
			<p><span itemprop="alumniOf">New Taipei Puqian Elementary School </span>graduate of 2017</p>
		</section>		
		<section id="projects">
			<h2>Recent projects 最近作品</h2>
    	                <p>Watch out the ball</p>
    <p data-height="400" data-theme-id="0" data-slug-hash="XBWWaq" data-default-tab="result" data-user="happylittle7" data-embed-version="2" class="codepen">See the Pen <a href="https://codepen.io/happylittle7/pen/XBWWaq"Watch the ball</a> by happylittle7.</p>
		</section>
		<section id="counter">
			<!-- Histats.com  (div with counter) --><div id="histats_counter"></div>
			<!-- Histats.com  START  (aync)-->
			<script type="text/javascript">var _Hasync= _Hasync|| [];
			_Hasync.push(['Histats.start', '1,4122137,4,107,170,20,00001010']);
			_Hasync.push(['Histats.fasi', '1']);
			_Hasync.push(['Histats.track_hits', '']);
			(function() {
				var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
				hs.src = ('//s10.histats.com/js15_as.js');
				(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
			})();</script>
	<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?4122137&101" alt="" border="0"></a></noscript>
	<!-- Histats.com  END  -->
		</section>
	</div>
</body>
</html>