<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的博客</title>
<link href="https://www.w3cschool.cn/statics/demosource/myblog/myblog.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header" class="section">
<img src="https://www.w3cschool.cn/statics/demosource/myblog/avatar.png" alt="头像" class="img-circle" />
<p>W3Cschool小师妹</p>
</div>
<div class="section">
<h2><span>关于我</span></h2>
<p>嘿！我是<strong>W3Cschool小师妹</strong>。编码改变了我的世界。它不仅仅是应用程序。学习代码给了我解决问题的技能和在技术层面与他人沟通的途径。我也可以开发网站，并使用我的编程技术来获得更好的工作。我是在 <strong>W3Cschool</strong> 学到了所有这些，这让我也保持了对学习编程的积极性。加入我这个有益的学习旅程。沿途你会获得乐趣，得到帮助，学习更多知识！</p>
<p class="quote">"I love coding, I love W3Cschool!"</p>
</div>
<div class="section">
<h2><span>我的时间表</span></h2>
<table>
<tr>
<th>Day</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
</tr>
<tr>
<td>8:00-8:30</td>
<td class="selected">Learn</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>9:00-10:00</td>
<td></td>
<td class="selected">Practice</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>10:00-13:30</td>
<td></td>
<td></td>
<td class="selected">Play</td>
<td></td>
<td></td>
</tr>
<tr>
<td>15:45-17:00</td>
<td></td>
<td></td>
<td></td>
<td class="selected">Code</td>
<td></td>
</tr>
<tr>
<td>18:00-18:15</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td class="selected">Discuss</td>
</tr>
</table>
</div>
<div class="section">
<h2><span>我的技能</span></h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</div>
<div class="section">
<h2><span>我的媒体</span></h2>
<iframe height="240" width="320" src="https://www.w3cschool.cn/statics/demosource/movie.mp4" allowfullscreen frameborder="0"></iframe>
</div>
<div class="section">
<h2><span>联系我</span></h2>
<form>
<input name="name" placeholder="Name" type="text" required /><br/>
<input name="email" placeholder="Email" type="email" required /><br/>
<textarea name="message" placeholder="Message" required ></textarea>
<input type="submit" value="发送" class="submit" />
</form>
</div>
<div class="section" id="follow">
<h2><span>关注我</span></h2>
<div>
<a href="#">
<img alt="qq" src="https://www.w3cschool.cn/statics/demosource/myblog/qq.png" />
</a>
<a href="#">
<img alt="weixin" src="https://www.w3cschool.cn/statics/demosource/myblog/weixin.png"/>
</a>
<a href="#">
<img alt="weibo" src="https://www.w3cschool.cn/statics/demosource/myblog/weibo.png" />
</a>
</div>
</div>
<div class="copyright">
© 2017 My Blog. All rights reserved.
</div>
</body>
</html>
