鄄城网站优化【鄄城开通400电话】鄄城网站搭建、鄄城微信公众号推文外包、鄄城开通京东拼多多设计、鄄城淘宝装修-网站优化-网站建设【企业网站制作|网页设计】- 高端网站建设 - 书生商友信息科技-

全国热线:400-111-6878

网站建设推广专家

鄄城网站优化【鄄城开通400电话】鄄城网站搭建、鄄城微信公众号推文外包、鄄城开通京东拼多多设计、鄄城淘宝装修

发表日期: 2021-05-21 13:32:36 浏览次数:93

鄄城网站优化【鄄城开通400电话】鄄城网站搭建、鄄城微信公众号推文外包、鄄城开通京东拼多多设计、鄄城淘宝装修

网站建设.jpg

刚做好的,因为要不断的练习,所以在前端这块还在继续努力,希望朝着自己的全栈更进一步。

HTML代码如下:

<!DOCTYPE html><html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <title>智言个人博客</title>
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="css/main.css">
    </head>
    <body>
        <div class="kkui">
            <!-- 顶部top -->
            <div class="kkui-top">
                <a href="#">关注我们</a>
                <a href="#">注册</a>
                <a href="#">登录</a>
            </div>
            <div class="kkui-navs">
                <!-- logo -->
                <div class="kkui-logo">
                    <a href="javascript:;" id="app-subnav"><i class="fa fa-bars" aria-hidden="true"></i></a>
                    <a href="http://www.asni.cn"><img src="images/logo.svg" alt=""></a>
                </div>
                <!-- nav -->
                <nav id="kkui-nav">
                    <ul>
                        <li><a href="#" class="item">首页</a></li>
                        <li>
                            <a href="#"><i class="fa fa-html5"></i>&nbsp;前端&nbsp;<i class="fa fa-angle-down"></i></a>
                            <ul class="subnav" id="subnav-1">
                                <li><a href="#">HTML</a></li>
                                <li><a href="#">CSS</a></li>
                                <li><a href="#">JavaScript</a></li>
                                <li><a href="#">Vue.js</a></li>
                                <li><a href="#">Webpack</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-code"></i>&nbsp;后台&nbsp;<i class="fa fa-angle-down"></i></a>
                            <ul class="subnav" id="subnav-2">
                                <li><a href="#">PHP</a></li>
                                <li><a href="#">node.js</a></li>
                                <li><a href="#">MongoDB</a></li>
                                <li><a href="#">JAVA</a></li>
                                <li><a href="#">MySQL</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-picture-o" aria-hidden="true"></i>&nbsp;美图&nbsp;<i class="fa fa-angle-down"></i></a>
                            <ul class="subnav" id="subnav-3">
                                <li><a href="#">清新</a></li>
                                <li><a href="#">唯美</a></li>
                                <li><a href="#">复古</a></li>
                                <li><a href="#">非主流</a></li>
                                <li><a href="#">壁纸</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i>&nbsp;美文&nbsp;<i class="fa fa-angle-down"></i></a>
                            <ul class="subnav" id="subnav-2">
                                <li><a href="#">生活</a></li>
                                <li><a href="#">经典</a></li>
                                <li><a href="#">励志</a></li>
                                <li><a href="#">课文</a></li>
                                <li><a href="#">其他</a></li>
                            </ul>
                        </li>
                        <li><a href="#"><i class="fa fa-question" aria-hidden="true"></i>&nbsp;问答中心</a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <div id="kkui-zz">
        </div>
        <script src="js/jquery-3.1.1.min.js"></script>
        <script src="js/asni.js" charset="utf-8"></script>
    </body></html>



鄄城网站优化鄄城开通400电话鄄城网站搭建、鄄城微信公众号推文外包、鄄城开通京东拼多多设计、鄄城淘宝装修

上一条:鄄城400电话办理【鄄城网站公司】鄄城百度优化、鄄城域名注册、鄄城网店美工、鄄城微信公众号托管
下一条:鄄城小程序制作【鄄城企业邮箱】鄄城网站外包、鄄城微信商城开发、鄄城网店美工、鄄城淘宝设计
网站制作
小程序制作
网站优化
网站开发
400电话办理
网络推广
网站建设
网店装修
微信公众号开发
网页设计
网络公司
域名企业邮箱
服务器空间
网站案例报价
百科问答
编辑排版美工
App软件开发
百度推广
代运营托管
logo设计
网络全网营销
网站备案
网站定制
小程序开发公司
首页
电话
立即预约