master

分支 (1)

管理

管理

master

f6_web
/
brand_story.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/brand_story.css">
    <link rel="stylesheet" href="./css/common/reset.css">
    <link rel="stylesheet" href="./css/common/base.css">
</head>
<body>
    <nav class="navbar navbar-default header">
        <div class="container-fluid">
            <!-- 语言选择框 -->
          <div class="navbar-header language_tel">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <div class="dropdown tel_banner">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                      <span class="la"><span>中国</span><img src="http://file.rzkeji.com/web/f6/web/images/CN.png"/></span>
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                  <li class="hide language"><span >中国</span><img src="http://file.rzkeji.com/web/f6/web/images/CN.png"/></li>
                  <li class="language"><span>English</span><img src="http://file.rzkeji.com/web/f6/web/images/UK.png"/></li>
                </ul>
            </div>
            <a class="navbar-brand tel_logo" href="./index.html"><img src="http://file.rzkeji.com/web/f6/web/images/logo.jpg" ></a>
          </div>

          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="language_web">
                    <a href="#">
                            <img src="http://file.rzkeji.com/web/f6/web/images/CN.png"/>
                            <span>中国</span><span>|</span>

                    </a>
                    <a href="#">
                            <img src="http://file.rzkeji.com/web/f6/web/images/UK.png"/>
                            <span>English</span>
                    </a>
                </li>
                <li><a href="./index.html">首页</a></li>
                <li><a href="./brand_story.html">品牌阐释</a></li>
                <li class="logo web_logo"><a href="./index.html"><img src="http://file.rzkeji.com/web/f6/web/images/logo.jpg" ></a></li>
                <li><a href="./brand_story.html">产品介绍</a></li>
                <li><a href="./brand_culture.html">品牌故事</a></li>
                <li><a href="./concat.html">联系方式</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
</nav>
    <div class="content">
        <div class="inner-content">
            <div class="left_pic">
                <!-- web显示 -->
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/03.jpg" alt="" class="webPic">
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/04.jpg" alt="" class="webPic">
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/06.jpg" alt="" class="webPic">
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/07.jpg" alt="" class="webPic">
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/08.jpg" alt="" class="webPic">
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/09.jpg" alt="" class="webPic">

                <!-- tel显示 -->
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/03.jpg" alt="" class="telPic">
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/04.jpg" alt="" class="telPic">
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/06.jpg" alt="" class="telPic">
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/07.jpg" alt="" class="telPic">
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/08.jpg" alt="" class="telPic">
                <img src="http://file.rzkeji.com/web/f6/web/images/story/web_content/09.jpg" alt="" class="telPic">
            </div>
            <div class="mid_cont">
                <div class="mid_cont_tit">
                    <div class="tit_cn">
                        <span>
                            产品介绍
                        </span>
                    </div>
                    <div class="tit_en">
                        <span>Produce Description</span>
                    </div>
                    <div class="divide">

                    </div>
                </div>
                <div class="mid_cont_des">
                    F6  能量饮 ，选用原生阿拉比卡咖啡豆经过极简工艺萃取后
                    确保能量不流失不多加一滴水的高浓度配比，精准高效每瓶
                    60毫升的浓缩小瓶装，快速提神，便携轻巧。
                </div>
            </div>
            <div class="right_pic">
                <div class="right_pic_cont">
                    <div class="right_pic_cont_tit_cn">
                        品牌阐释
                    </div>
                    <div class="right_pic_cont_tit_en">
                        <span>
                            Our Band
                        </span>
                    </div>
                    <div class="right_pic_cont_page">
                        <span>
                            <span>1</span><span>/</span><span>6</span>
                        </span>
                    </div>
                </div>
                <div class="right_btn">
                        <div>
                            <a href="./index.html">
                                <span>返回首页</span><span>
                                <img src="http://file.rzkeji.com/web/f6/web/images/000_17.jpg" alt=""></span></a>
                        </div>
                </div>
            </div>

        </div>
    </div>
    <footer>
        <div class="footer-list1">
            <div><a href="./index.html">首页</a></div>
            <div>|</div>
            <div><a href="./brand_story.html">产品介绍</a></div>
            <div>|</div>
            <div><a href="./brand_story.html">品牌阐释</a></div>
            <div>|</div>
            <div><a href="./concat.html">联系我们</a></div>
        </div>
        <div class="footer-list2">
            <div>TEL:400-030-0368</div>
            <div>EMAIL:f6@by-health.com</div>
        </div>
        <div class="footer-list3">
            <div>@2018 汤臣倍健</div>
            <div>粤ICP备12086987号</div>
        </div>
    </footer>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
    if (typeof jQuery == 'undefined') {
        document.write(unescape("%3Cscript src='./js/jquery.js' type='text/javascript'%3E%3C/script%3E"));
    }
</script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/brand_story.js"></script>
<script src='./js/common.js'></script>
</html>