header320.html 1.77 KB
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 user-scalable=no">
    <title>Yoho!Girls | No Fashion, No Life!</title>
    <link rel="stylesheet" type="text/css" href="http://cmsres.dev.yoho.cn/dist/mobile.css"/>
</head>
<body id="{{channel}}">
<div id="mobile-wrap">
    <!--header-->
    <header class="girl-header">
        <span class="header-logo">Logo</span>
        <span class="header-search">search</span>
    </header>
    <!--nav-->
    <div class="girl-nav-wrapper">
        <nav class="girl-nav swiper-container">
            <ul class="swiper-wrapper">
                <li class="swiper-slide nav-home"><a href="http://localhost:3000/default/index320">home</a></li>
                <li class="swiper-slide nav-fashion"><a
                        href="http://localhost:3000/channel/fashion/index320">fashion</a></li>
                <li class="swiper-slide nav-beauty"><a href="http://localhost:3000/channel/beauty/index320">beauty</a>
                </li>
                <li class="swiper-slide nav-sport"><a href="http://localhost:3000/channel/sports/index320">sport</a>
                </li>
                <li class="swiper-slide nav-lifestyle"><a href="http://localhost:3000/channel/lifestyle/index320">lifestyle</a>
                </li>
                <li class="swiper-slide nav-magazine"><a
                        href="http://localhost:3000/channel/magazine/index320">magazine</a></li>
                <li class="swiper-slide nav-video"><a href="http://localhost:3000/channel/video/index320">video</a></li>
            </ul>
        </nav>
    </div>