excellent
/
product_price.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">收费标准</h1>
    </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">
                <div class="col-lg-3 col-md-12">
                    <div class="explain_card">
                        <div class="explain_card_title">
                            <img src="img/0.png" alt="">
                            <strong style="color: rgba(70, 142, 255, 1);">优化说明</strong>
                            <img src="img/0.png" alt="">
                        </div>
                        <p class="explain_card_content">
                            一个关键词优化1次，消耗是1积分，
                            1毛钱至少可优化5个关键词，
                            平均每月每词花费3元钱，
                            不及其他平台优化1天的价格。
                            超快排花最少的钱，做最牛的优化。
                        </p>
                        <button>立即注册</button>
                    </div>
                </div>
                <div class="col-lg-9 col-md-12">
                    <ul class="row">
                        <li class="col-lg-3 col-md-6 col-sm-12 box_shadow">
                            <div class="meal_card_title">
                                充值200元
                            </div>
                            <div class="meal_card_body">
                                <span>获得</span>
                                <strong class="meal_card_body_num">10000</strong>
                                <span>次优化</span>
                                <hr>
                            </div>
                            <div class="meal_card_footer">
                                <span>单价<mark>2</mark>分钱</span>
                                <span>(1积分=优化1次)</span>
                            </div>
                        </li>
                        <li class="col-lg-3 col-md-6 col-sm-12 box_shadow">
                            <div class="meal_card_title">
                                <img src="img/96zhe.png" class="discount_img" alt="">
                                充值200元
                            </div>
                            <div class="meal_card_body">
                                <span>获得</span>
                                <strong class="meal_card_body_num">26045</strong>
                                <span>次优化</span>
                                <hr>
                            </div>
                            <div class="meal_card_footer">
                                <span>单价<mark>1.92</mark>分钱</span>
                                <span>(1积分=优化1次)</span>
                            </div>
                        </li>
                        <li class="col-lg-3 col-md-6 col-sm-12 box_shadow">
                            <div class="meal_card_title">
                                <img src="img/94zhe.png" class="discount_img" alt="">
                                充值200元
                            </div>
                            <div class="meal_card_body">
                                <span>获得</span>
                                <strong class="meal_card_body_num">53195</strong>
                                <span>次优化</span>
                                <hr>
                            </div>
                            <div class="meal_card_footer">
                                <span>单价<mark>1.87</mark>分钱</span>
                                <span>(1积分=优化1次)</span>
                            </div>
                        </li>
                        <li class="col-lg-3 col-md-6 col-sm-12 box_shadow">
                            <div class="meal_card_title">
                                <img src="img/86zhe.png" class="discount_img" alt="">
                                充值200元
                            </div>
                            <div class="meal_card_body">
                                <span>获得</span>
                                <strong class="meal_card_body_num">284100</strong>
                                <span>次优化</span>
                                <hr>
                            </div>
                            <div class="meal_card_footer">
                                <span>单价<mark>1.73</mark>分钱</span>
                                <span>(1积分=优化1次)</span>
                            </div>
                        </li>
                    </ul>
                </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_price.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>