master

分支 (1)

管理

管理

master

f6_web
/
index.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="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="./css/common/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/home.css">
    <link rel="stylesheet" href="./css/common/reset.css">
    <link rel="stylesheet" href="./css/common/base.css">
</head>
<body>
    <!-- header部分 -->
    <!-- <header>
        <div class="header">
            <div class="language">
                <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>
            </div>
            <ul >
                <li>

                </li>
                <li><a href="./index.html">首页</a></li>
                <li><a href="./brand_story.html">品牌阐释</a></li>
                <li class="header-logo"><img src="http://file.rzkeji.com/web/f6/web/images/logo.jpg" ></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>
    </header> -->

    <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>
<!-- header部分 -->

    <div class="banner">
        <div id="carousel-example-generic" class="carousel slide carousel-vertical" data-ride="carousel">
            <div class="carousel-inner" role="listbox">
              <div class="item active">
                <img src="http://file.rzkeji.com/web/f6/web/images/banner/banner1.jpg" class="web_banner">
                <img src="http://file.rzkeji.com/web/f6/web/images/banner/tel_banner1.jpg" class="tel_banner">
              </div>
              <div class="item">
                <img src="http://file.rzkeji.com/web/f6/web/images/banner/banner2.jpg" class="web_banner">
                <img src="http://file.rzkeji.com/web/f6/web/images/banner/tel_banner2.jpg" class="tel_banner">
              </div>
            </div>

            <div class="btn-next">
                <a href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-menu-right btn-lg" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
            <div class="banner-indicator">
                <span class="banner_acitve_index">1</span>
                <span>/</span>
                <span class="banner_total_length">2</span>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-inner">
            <div class="content_inner_list1">
                <div>
                    <img src="http://file.rzkeji.com/web/f6/web/images/index/web_content/00_07.jpg" class="web_banner">
                    <img src="http://file.rzkeji.com/web/f6/web/images/index/tel_content/tel_04.jpg" class="tel_banner">
                </div>
                <div>
                    <div class="introduce1">
                        <div class="content_inner_list_tit_cn">
                            产品介绍
                        </div>
                        <div class="content_inner_list_tit_en">
                            Our Product
                        </div>
                        <div class="content_inner_list_con">
                                    F6  能量饮 ，选用原生阿拉比卡咖啡豆经过极简工艺萃取后</br>
                                确保能量不流失不多加一滴水的高浓度配比，精准高效每瓶</br>
                                60毫升的浓缩小瓶装，快速提神，便携轻巧。</br>
                        </div>
                        <a class="more" href="./brand_culture.html">
                            <span><img src="http://file.rzkeji.com/web/f6/web/images/trangle.png" alt=""><span>
                            </span>more</span></span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="content_inner_list2">
                <div class="content_inner_list2_sp">
                    <div class="introduce2">
                        <div class="content_inner_list_tit_cn">
                                品牌阐释
                        </div>
                        <div class="content_inner_list_tit_en">
                            Our Product
                        </div>
                        <div class="content_inner_list_con">
                                    F6  能量饮 ，选用原生阿拉比卡咖啡豆经过极简工艺萃取后</br>
                                确保能量不流失不多加一滴水的高浓度配比，精准高效每瓶</br>
                                60毫升的浓缩小瓶装，快速提神，便携轻巧。</br>
                        </div>
                        <a class="more" href="./brand_culture.html">
                            <span><img src="http://file.rzkeji.com/web/f6/web/images/trangle.png" alt="">
                            <span>more</span></span>
                        </a>
                    </div>
                </div>
                <div>
                    <img src="http://file.rzkeji.com/web/f6/web/images/index/web_content/00_11.jpg" class="web_banner">

                </div>
                <div>
                    <img src="http://file.rzkeji.com/web/f6/web/images/index/web_content/00_13.jpg" class="web_banner">
                    <img src="http://file.rzkeji.com/web/f6/web/images/index/tel_content/tel_08.jpg" class="tel_banner">
                </div>
            </div>
            <div class="content_inner_list3">
                <div>
                    <img src="http://file.rzkeji.com/web/f6/web/images/index/web_content/00_15.jpg" class="web_banner">
                    <img src="http://file.rzkeji.com/web/f6/web/images/index/tel_content/tel_03.jpg" class="tel_banner">
                </div>
                <div>
                    <a href="./brand_culture.html">
                        <img src="http://file.rzkeji.com/web/f6/web/images/index/web_content/00_17.jpg" class="web_banner">
                        <img src="http://file.rzkeji.com/web/f6/web/images/index/tel_content/tel_05.jpg" class="tel_banner">
                    </a>
                </div>
                <div>
                    <a href="">
                        <img src="http://file.rzkeji.com/web/f6/web/images/index/web_content/00_19.jpg" class="web_banner">
                        <img src="http://file.rzkeji.com/web/f6/web/images/index/tel_content/tel_10.jpg" class="tel_banner">
                    </a>
                </div>
                <div>
                    <a href="./brand_story.html">
                        <img src="http://file.rzkeji.com/web/f6/web/images/index/web_content/00_21.jpg" class="web_banner">
                        <img src="http://file.rzkeji.com/web/f6/web/images/index/tel_content/tel_11.jpg" class="tel_banner">
                    </a>
                </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/home.js"></script>
</html>