excellent
/
product.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品介绍</title>
</head>

<body>
    <nav class="my_nav" id="top">
        <div class="container navbar-expand-lg navbar-light">
            <button class="navbar-toggler my_toggler" type="button" data-toggle="collapse" data-target="#dynamic_div">
                <img src="img/more_.png" style="width: 30px;" alt="">
            </button>
            <div class="row">
                <a href="#" class="col-lg-2 col-md-12 col-sm-12">
                    <img src="img/0_logo.png" alt="">
                </a>
                <div class="col-lg-8 col-md-12">
                    <div class="collapse navbar-collapse" id="dynamic_div">
                        <ul class="dynamic_ul">
                            <li><a target="_blank" href="index.html">首页</a></li>
                            <li><a target="_blank" href="product.html">产品介绍</a></li>
                            <li><a target="_blank" href="successful_case.html">成功案例</a></li>
                            <li><a target="_blank" href="field_newspaper.html">行业资讯</a></li>
                            <li><a target="_blank" href="product_price.html">收费标准</a></li>
                            <li><a target="_blank" href="download_page.html">软件下载</a></li>
                            <li><a target="_blank" href="about_us.html">关于我们</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="register_box">
                        <span id="loginBtn">登录/</span>
                        <span id="registerBtn">注册</span>
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <header class="header_banner">
        <div class="container">
            <h1 class="head_h1">SEO优化服务</h1>
            <h2 class="head_h2">提升品牌可信度，知名度，让你的网站更具有竞争力、营销力</h2>
        </div>
    </header>
    <div class="container">
        <div class="row page_path">
            <a href="#" class="visited_path">当前位置：</a>
            <a href="#" class="visited_path">首页></a>
            <a href="#" class="current_path">产品介绍</a>
        </div>
    </div>
    <section class="page_section">
        <div class="container">
            <h2>“超快排”功能简介</h2>
            <div class="row">
                <p class="box_shadow prologue_content">
                    超快排是全国独家采用谷歌内核浏览器开发的seo优化软件。
                    软件可优化百度pc、百度手机、百度提权、神马uc、搜狗pc、
                    搜狗手机、必应、360等众多主流搜索引擎。提供免费网站分析，
                    新站速排，整站优化等服务。用户在线注册账号、智能操作、
                    1对1专人服务、方便、省心、快捷！
                </p>
            </div>
            <div class="row" style="margin-top: 150px;">
                <div class="col-lg-6 col-md-12">
                    <h3 class="prologue_class_title">一键上词功能</h3>
                    <h4 class="prologue_class_h4">打造人人都会用的智能seo优化排名软件</h4>
                    <p class="prologue_class_content">
                        输入你的域名，即可获取符合你网站的优化关键词；
                        系统自动过滤无排名、无检索量、无指数和违禁违规词；
                        系统筛选岀的优质词，用人工专业知识集成系统的智能算
                        法为每个关键词计算出合理的推荐优化次数，你可以
                        很方便的直接一键上词。
                    </p>
                </div>
                <img src="img/4_img_1.png" class="col-lg-6 col-md-12" alt="">
            </div>
            <div class="row" style="margin-top: 150px;">
                <img src="img/4_img_2.png" class="col-lg-6 col-md-12" alt="">
                <div class="col-lg-6 col-md-12">
                    <h3 class="prologue_class_title">智能添加任务系统</h3>
                    <h4 class="prologue_class_h4">智能任务分配让网站排名效果更好</h4>
                    <p class="prologue_class_content">
                        把同类关键词添加到一个词库，方便管理词库；系统每天随机从词库中抽取关键词，
                        优化费用更实惠；
                        根据您的意愿设置随机优化次数，让优化更智能更省时。
                    </p>
                </div>
            </div>
            <div class="row" style="margin-top: 150px;">
                <div class="col-lg-6 col-md-12">
                    <h3 class="prologue_class_title">辅助加词软件</h3>
                    <h4 class="prologue_class_h4">查词，上词快速便捷</h4>
                    <p class="prologue_class_content">
                        输入域名，即可查询网站在各搜索引擎有排名的关键词；输入主词即可获取流量词，
                        把获取到的流量词进行排名查询；软件查到排名后，一键即可发布任务同步到后台。
                    </p>
                </div>
                <img src="img/4_img_3.png" class="col-lg-6 col-md-12" alt="">
            </div>
        </div>
    </section>
    <section class="page_section" style="background-color: #F5F9FF;">
        <div class="container">
            <h2>优化内容</h2>
            <ul class="row">
                <li class="col-lg-3 col-md-6 col-sm-12">
                    <ul class="optimization_ul">
                        <li class="optimization_ul_title">技术优化分析</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                    </ul>
                </li>
                <li class="col-lg-3 col-md-6 col-sm-12">
                    <ul class="optimization_ul">
                        <li class="optimization_ul_title">技术优化分析</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                    </ul>
                </li>
                <li class="col-lg-3 col-md-6 col-sm-12">
                    <ul class="optimization_ul">
                        <li class="optimization_ul_title">技术优化分析</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                    </ul>
                </li>
                <li class="col-lg-3 col-md-6 col-sm-12">
                    <ul class="optimization_ul">
                        <li class="optimization_ul_title">技术优化分析</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                        <li class="optimization_item">网页代码优化</li>
                    </ul>
                </li>
            </ul>
        </div>
    </section>
    <section class="page_section">
        <div class="container">
            <h2>服务流程</h2>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-2 side_procedure">
                    <img src="img/ic_procedure_side.png" alt="">
                </div>
                <div class="col-lg-12 col-md-12 col-10">
                    <ul class="procedure_ul row">
                        <li class="procedure_item col-lg-3 col-md-3 col-sm-12">
                            <img src="img/ic_1_kefu.png" alt="">
                            <span>客服沟通</span>
                        </li>
                        <li class="procedure_item col-lg-3 col-md-3 col-sm-12">
                            <img src="img/ic_1_kefu.png" alt="">
                            <span>客服沟通</span>
                        </li>
                        <li class="procedure_item col-lg-3 col-md-3 col-sm-12">
                            <img src="img/ic_1_kefu.png" alt="">
                            <span>客服沟通</span>
                        </li>
                        <li class="procedure_item col-lg-3 col-md-3 col-sm-12">
                            <img src="img/ic_1_kefu.png" alt="">
                            <span>客服沟通</span>
                        </li>
                    </ul>
                </div>
                <div class="bottom_procedure"
                    class="col-lg-12 col-md-12" style="width: 100%;">
                    <img src="img/ic_procedure.png" alt="" style="width: 100%;">
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 ">
                    <ul class="space_between such_link">
                        <li><img src="img/8_ic_1.png" alt=""></li>
                        <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>
                        <li><a href="#">我的网站</a></li>
                    </ul>
                    <ul class="space_between nav_link bottom_nav"
                        style="margin-bottom: 50px;margin-top: 50px;">
                        <li><img src="img/0_logo.png" alt=""></li>
                        <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>
                        <li><a href="#">关于我们</a></li>
                    </ul>
                </div>
                <div class="col-lg-2 offset-lg-1 bottom_effect">
                    <img src="img/8_qrcode.png" class=" qr_code_img" alt="">
                </div>
            </div>
            <div class="row">
                <p class="copyright_info nav_link">
                    桂公网安备 xx000000号
                    广西简创网络技术有限公司 桂ICP备xx000号
                </p>
            </div>
        </div>
    </footer>

    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/product.css">
    <script>
        $(function(){
            $(window).scroll(function(){
            current=$(window).scrollTop()
            bannerHeight=$('.header_banner').height()
            if(current<bannerHeight){
                $('.my_nav').css('background','none')
            }else{
                $('.my_nav').css('backgroundColor','#468EFF')
            }
            })
        })

    </script>
</body>

</html>