index.html

<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="google-site-verification" content="be593aa2a5af156939ffbffee69bb13b" />
    <meta name="verify-v1" content="be593aa2a5af156939ffbffee69bb13b" />
    <title>Flitrue - Home Page</title>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="shorticon icon" type="image/x-icon" href="/favicon.png"/>
</head>

<body>
<div class="vi">
    <div class="sidebar">
        <div class="header">
            <h1>Flitrue</h1>
            <div class="quote">
                <p class="quote-text animate-init">种一棵树最好的时间是十年前</p>
                <p class="quote-author animate-init">其次是现在</p>
            </div>
        </div>
        <div class="menu">
            <a href="https://flitrue.github.io/myblog" class="animate-init">Home</a>
            <a href="https://github.com/flitrue" class="animate-init">GitHub</a>
            <a href="http://blog.csdn.net/flitrue" class="animate-init">Blog</a>
        </div>
        <div class="location">
            <i class="location-icon"></i>
            <span class="location-text animate-init">BeiJing - China</span>
        </div>
    </div>
    <div class="content">
        <span class="close">close</span>
    </div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>