index.html

﻿<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <title>xunbing wang</title>
    <meta name="keywords" content="xunbing wang,developer,front-end,service,full-stack,wang xunbing,wang,ios,android,software">
    <meta name="author" content="xunbing wang">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/vendor.css">
    <link rel="stylesheet"href="css/wechat.css" />
    <script src="js/modernizr.js"></script>
    <script src="js/pace.min.js"></script>
    <script src="js/wechat.js"></script>
    <link rel="icon" type="image/png" href="favicon.png">
</head>
<body id="top">
    <section id="intro">
        <div class="intro-overlay"></div>
        <div class="intro-content">
            <div class="row">
                <div class="col-twelve">
                    <h5>Hello  World.</h5>
                    <h1>I'm xunbing wang.</h1>
                    <p class="intro-position">
                        <span>Full-Stack Developer</span> 
                    </p>
                    <div class="container">
                        <img id="myImg" src="images/wechat.png" alt="XUNBING'WECHAT'" class="image">
                        <div class="middle">
                            <div class="text">WECHAT</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> 
    <div id="preloader">
        <div id="loader"></div>
    </div>
    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
</body>
</html>