master

分支 (1)

管理

管理

master

pocket
/
zhuanti_detailed.html

<!DOCTYPE html>
<html>
    <head>
        <title>Pocket</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/swiper.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/common.css" rel="stylesheet" type="text/css"/>
        <link href="css/main.css" rel="stylesheet" type="text/css"/>

        <script src="js/jquery.min.js" type="text/javascript"></script>
    </head>
    <body class="h-100">
       <div class="top no-bg">
            <a href="" class="pull-left"><i class="fa fa-angle-left"></i></a>
            <a href="" class="pull-right"><i class="fa fa-share-alt text-lg mr-1"></i></a>
        </div>
        <div class="zhuanti_detailed">
            <div class="swiper-container swiper sw1">
                <div class="swiper-wrapper">

                    <div class="swiper-slide">
                        <img src="images/jiepai-img.jpg" alt=""/>
                        <div class="show-d">
                            <div class="item-text">將經典演繹</div>
                            <div class="line-b"></div>
                            <i class="fa fa-angle-down text-lg"></i>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="images/jiepai-img.jpg" alt=""/>
                        <div class="show-d">
                            <div class="item-text">將經典演繹</div>
                            <div class="line-b"></div>
                            <i class="fa fa-angle-down text-lg"></i>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="images/jiepai-img.jpg" alt=""/>
                        <div class="show-d">
                            <div class="item-text">將經典演繹</div>
                            <div class="line-b"></div>
                            <i class="fa fa-angle-down text-lg"></i>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="images/jiepai-img.jpg" alt=""/>
                        <div class="show-d">
                            <div class="item-text">將經典演繹</div>
                            <div class="line-b"></div>
                            <i class="fa fa-angle-down text-lg"></i>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="top">
                            <a href="" class="pull-left"><i class="fa fa-angle-left"></i></a>
                            <div class="item-title">專題精選</div>
                            <a href="" class="pull-right"><i class="fa fa-share-alt text-lg mr-1"></i></a>
                        </div>
                        <ul class="zhuanti-li mt-7">
                            <li class="col-xs-6">
                                <a href="products_detailed.html">
                                    <div class="item-img">
                                        <img src="images/jiepai-img.jpg" alt="">
                                    </div>
                                    <div class="item-title">
                                        品牌名XX <br>
                                        短袖T恤·情侶 <br>
                                        ￥126
                                    </div>
                                </a>
                            </li>
                             <li class="col-xs-6">
                                <a href="products_detailed.html">
                                    <div class="item-img">
                                        <img src="images/jiepai-img.jpg" alt="">
                                    </div>
                                    <div class="item-title">
                                        品牌名XX <br>
                                        短袖T恤·情侶 <br>
                                        ￥126
                                    </div>
                                </a>
                            </li>
                             <li class="col-xs-6">
                                <a href="products_detailed.html">
                                    <div class="item-img">
                                        <img src="images/jiepai-img.jpg" alt="">
                                    </div>
                                    <div class="item-title">
                                        品牌名XX <br>
                                        短袖T恤·情侶 <br>
                                        ￥126
                                    </div>
                                </a>
                            </li>
                             <li class="col-xs-6">
                                <a href="products_detailed.html">
                                    <div class="item-img">
                                        <img src="images/jiepai-img.jpg" alt="">
                                    </div>
                                    <div class="item-title">
                                        品牌名XX <br>
                                        短袖T恤·情侶 <br>
                                        ￥126
                                    </div>
                                </a>
                            </li>

                        </ul>
                    </div>

                </div>
                <div class="swiper-pagination"></div>


            </div>

        </div>


        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/swiper.min.js" type="text/javascript"></script>
        <script src="js/main.js" type="text/javascript"></script>
    </body>
</html>