personal-simple-blog
/
index.html

<!DOCTYPE html>
<html lang="en" style="font-size: 62.5%;">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>personalBlog-主页</title>
    <link type="text/css" rel="stylesheet" href="./src/css/normalize.css" />
    <link type="text/css" rel="stylesheet" href="./src/css/common.css" />
    <link type="text/css" rel="stylesheet" href="./src/css/main_index.css" />
</head>

<body>
    <!-- 首页面头部模块--- -->
    <header class="header_wrap">
        <!-- 头部版心模块--- -->
        <header class="type_page">
            <!-- 导航栏-1--- -->
            <nav class="nav_left">
                <ul>
                    <li><a class="a_rise focus" href="/personalBlog" target="_self">主页</a></li>
                    <li><a href="./static/article.html" target="_self">生活日志</a></li>
                    <li><a href="./static/picture.html" target="_self">相册</a></li>
                </ul>
            </nav>
            <!-- 导航栏-1-end -->
            <!-- logo模块--- -->
            <div class="logo_box">
                <div>
                    <img type="image/jpeg" src="./src/assets/头像.jpg" alt="MyPhoto" />
                </div>
            </div>
            <!-- logo模块-end -->
            <!-- 导航栏-2--- -->
            <nav class="nav_right">
                <ul>
                    <li><a href="./static/demo.html" target="_self">WebDemo</a></li>
                    <li><a href="./static/word.html" target="_self">留言板</a></li>
                    <li><a href="./static/admin.html" target="_blank">后台管理</a></li>
                </ul>
            </nav>
            <!-- 导航栏-2-end -->
        </header>
        <!-- 头部版心模块-end -->

        <!-- 头部背景图--- -->
        <!-- 头部背景图-end -->
    </header>
    <!-- 首页面头部模块-end -->

    <!-- 中间内容区域模块--- -->
    <div class="content_wrap type_page">
        <!-- 生活日志部分模块--- -->
        <section class="life_box">
            <h2>生活日志</h2>
            <article>
                <div>
                    <img class="ar_pic" type="image/jpeg" src="" alt="">
                </div>
                <p class="text"></p>
                <p class="ar_date"></p>
            </article>
            <article>
                <div>
                    <img class="ar_pic" type="image/jpeg" src="" alt="">
                </div>
                <p class="text"></p>
                <p class="ar_date"></p>
            </article>
        </section>
        <!-- 生活日志部分模块-end -->

        <!-- 相册部分模块--- -->
        <div class="images_box">
            <h2>相册</h2>
            <ul>
                <li data-mov="false"><img class="pic_img" type="image/jpeg" src="" alt=""></li>
                <li data-mov="false"><img class="pic_img" type="image/jpeg" src="" alt=""></li>
                <li data-mov="false"><img class="pic_img" type="image/jpeg" src="" alt=""></li>
                <li data-mov="false"><img class="pic_img" type="image/jpeg" src="" alt=""></li>
                <li data-mov="false"><img class="pic_img" type="image/jpeg" src="" alt=""></li>
            </ul>
        </div>
        <!-- 相册部分模块-end -->

        <!-- 小demo部分模块--- -->
        <section class="demo_box">
            <h2>WebDemo</h2>
            <article>
                <div data-mov="false">
                    <img class="de_img" type="image/jpeg" src="" alt="">
                </div>
                <h3><a class="de_title" href="#" target="_blank"></a></h3>
                <p class="description"></p>
                <p class="de_date"></p>
            </article>
        </section>
        <!-- 小demo部分模块-end -->
    </div>
    <!-- 中间内容区域模块-end -->

    <!-- 背景图片---- -->
    <div class="bcg"></div>
    <!-- 背景图片-end -->

    <script type="text/javascript" src="./src/js/animate_header.js"></script>
    <script type="text/javascript" src="./src/js/animate_index.js"></script>
    <script type="text/javascript" src="./src/js/main_index.js"></script>
</body>

</html>