project.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>项目</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="icon" href="pictures/icon.png">
    <link rel="stylesheet" href="css/style.css" />
</head>
<style>
p {
    font-family: "Microsoft YaHei";
}

div#header h2 {
    text-align: center;
}

div#navi ul li a {
    font-family: "Microsoft YaHei";
    font-size: 15px;
    color: black;
    padding: 5px 12px 5px 12px;
    text-decoration: none;
}

div#navi ul li a:hover {
    color: rgb(185, 176, 180);
}
</style>

<body>
    <div id="header">
        <h2 style=";"><img src="pictures/icon.png" style="height: 30px;padding-bottom: 5px;padding-right: 10px"><a href="zhan.html" style="text-decoration: none;color:rgba(66, 52, 58, 0.28);font-family:'Microsoft YaHei';">Long Mr.Zhan的个人空间</a></h2>
    </div>
    <div id="navi" class="container">
        <ul class="nav nav-tabs nav-justified">
            <li><a href="project.html">项目</a></li>
            <li><a href="note.html">技术笔记</a></li>
            <li><a href="game.html">游戏评测</a></li>
            <li><a href="movie.html">电影</a></li>
            <li><a href="life.php">生活</a></li>
            <li><a href="download.html">资源</a></li>
        </ul>
    </div>
    <div style="background-color: rgba(46, 99, 45, 0.88);width:100%;height:90px;bottom: 0px;position:fixed;">
        <p style="color:#D6B9B9;text-align: center;padding-top: 20px">邮箱：zhanjunlang@sina.com</p>
    </div>
</body>

</html>