web
/
index.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="AUTHOR" content="高厉害">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>菜狗只配学习...</title>
    <link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" href="https://ico.z01.com/zico.min.css">
    <link href="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.js"></script>
</head>

<body onselectstart="return false;">
    <script>NProgress.start();</script>
    <hr>
    <div class="audio-player">
        <p id="musicInfo"></p>
        <audio src="" id="player"></audio>
        <div class="audio-btn">
            <i class="zi zi_play" zico="播放黑" id="play"></i>
            <i class="zi zi_alignjustify" zico="重做标识" id="loop"></i>
            <i class="zi zi_forLeft" zico="左指" id="prev"></i>
            <i class="zi zi_forRight" zico="右指" id="next"></i>
            <i class="zi zi_genderless" id="loading"></i>
        </div>
    </div>
    <div class="w  clearfix">
        <div class="list_container">
            <h1>Note</h1>
            <ul>
                <li class="mark"> <a href="https://blog.csdn.net/qq_16181837" target="_blank">CSDN Blog</a> </li>
                <li class="list_child current_li">
                    <div class="title">HTML <span class="current_icon"></span> </div>
                    <div class="content">
                        <ul>
                            <li> <a href="XHTML.html" target="_blank">XHTML</a> </li>
                            <li> <a href="HTML5.html" target="_blank">HTML5</a> </li>
                        </ul>
                    </div>

                </li>
                <li class="list_child">
                    <div class="title">CSS <span></span> </div>
                    <div class="content">
                        <ul>
                            <li> <a href="CSS1.html" target="_blank">CSS2 part.1</a> </li>
                            <li> <a href="CSS2.html" target="_blank">CSS2 part.2</a> </li>
                            <li> <a href="CSS3.html" target="_blank">CSS3</a> </li>
                        </ul>
                    </div>

                </li>
                <li class="list_child">
                    <div class="title">JavaScript <span></span> </div>
                    <div class="content">
                        <ul>
                            <li> <a href="js_note.html" target="_blank">JavaScript</a> </li>
                            <li> <a href="jq_note.html" target="_blank">jQuery</a> </li>
                            <li><a href="js_note_advanced.html" target="_blank">Js_adv(Learning)</a></li>
                        </ul>
                    </div>
                </li>

                <li class="list_child">
                    <div class="title"> 后端 <span> </span> </div>
                    <div class="content">
                        <ul>
                            <li> <a href="node_note.html" target="_blank">Node.js 后端基础</a> </li>
                            <li> <a href="ajax_note.html" target="_blank">ajax 前后端分离</a> </li>
                        </ul>
                    </div>
                </li>

                <li class="list_child">
                    <div class="title"> Other <span> </span> </div>
                    <div class="content">
                        <ul>
                            <li> <a href="Memo.html" target="_blank">Memo</a> </li>
                            <li> <a href="课上笔记.html" target="_blank">课上笔记</a> </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <div class="list-demo clearfix">
            <h1>Demo</h1>
            <ul>
                <li>
                    <a href="/note" target="_blank">
                        <div><img src="img/note.png" alt=""></div>
                        <span>笔记本</span>
                    </a>
                </li>
                <li>
                    <a href="/faceWrap" target="_blank">
                        <div><img src="img/faceWrap.png" alt=""></div>
                        <span>faceWrap</span>
                    </a>
                </li>
                <li>
                    <a href="/ali" target="_blank">
                        <div><img src="img/ali.png" alt=""></div>
                        <span>前后端分离项目</span>
                    </a>
                </li>
                <li>
                    <a href="/blog/home/index" target="_blank">
                        <div><img src="img/blog.png" alt=""></div>
                        <span>博客项目</span>
                    </a>
                </li>
                <li>
                    <a href="/todo" target="_blank">
                        <div><img src="img/todo.png" alt=""></div>
                        <span>Todolist-ajax</span>
                    </a>
                </li>
                <li>
                    <a href="demo/todolist/todolist.html" target="_blank">
                        <div><img src="img/todolist.png" alt=""></div>
                        <span>Todolist</span>
                    </a>
                </li>
                <li>
                    <a href="demo/study/demo_study.html" target="_blank">
                        <div><img src="img/study.png" alt=""></div>
                        <span>Study</span>
                    </a>
                </li>

                <li>
                    <a href="demo/book/book3d.html" target="_blank">
                        <div><img src="img/book3d.png" alt=""></div>
                        <span>Book翻开</span>
                    </a>
                </li>
                <li>
                    <a href="demo/fullpage/fullpage.html" target="_blank">
                        <div><img src="img/fullpage.png" alt=""></div>
                        <span>FullPage</span>
                    </a>
                </li>
                <!-- <li>
                    <a href="Matrix.html" target="_blank">
                        <div><img src="img/matrix.png" alt=""></div>
                        <span>Matrix</span>
                    </a>
                </li> -->
                <!-- <li>
                    <a href="/db/list" target="_blank">
                        <div><img src="img/db.png" alt=""></div>
                        <span>route-DB</span>
                    </a>
                </li>
                <li>
                    <a href="/template/list" target="_blank">
                        <div><img src="img/template.png" alt=""></div>
                        <span>route-template</span>
                    </a>
                </li> -->


            </ul>
        </div>

    </div>

    <footer>

        <p>
            <a href="https://www.beian.miit.gov.cn/" class="record" target="_blank"> 冀ICP备20002610号-1 </a>
        </p>
        <p>
            <a href="javascript:;" class="declaraction">Copyright &copy; 2020
                gaolihai.cool&nbsp;|&nbsp;1019933576@qq.com</a>

        </p>

    </footer>

    <script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.js"></script>
    <script src="./js/audioController.js"></script>
    <script src="css/live2d/autoload.js"></script>
    <script type="text/javascript" color="0, 0, 0" opacity=".5" count="99" src="js/line.js"></script>
    <script src="js/statistics_baidu.js"></script>
    <script src="js/index.js"></script>
    <script>NProgress.done();</script>
</body>


</html>