diff --git a/help.html b/help.html new file mode 100644 index 0000000..03cc05a --- /dev/null +++ b/help.html @@ -0,0 +1,198 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="renderer" content="webkit"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="keywords" content="foot fetish,foot worship,foot tickle,Foot Seen,Video streaming"> + <meta name="description" content=""> + <meta content="telephone=no" name="format-detection"> + <meta name="wap-font-scale" content="no"> + <script src="js/fsize.js"></script> + <link rel="stylesheet" href="css/swiper.min.css"> + <link rel="stylesheet" href="css/base.css?v=201911251528"> + <link rel="stylesheet" href="layer-v3.1.0/layer.css"> + <title>Foot Seen</title> + <style> + .main{ + margin: 0 auto; + width: 10rem; + min-height: 100vh; + position: relative; + background-color: #E44C90; + font-size: 0; + background: url(img/bg.jpg) no-repeat; + background-size: cover; + } + .swiper-container{ + width: 10rem; + height: 16.986rem; + } + .swiperImg{ + background: url(img/img1.jpg) no-repeat; + background-size: 10rem 18.986rem; + background-position: 0 -2rem; + width: 10rem; + height: 16.986rem; + } + .swiperImg2{ + background: url(img/img2.jpg) no-repeat; + background-size: 10rem 18.986rem; + background-position: 0 -2rem; + } + .swiperImg3{ + background: url(img/img3.jpg) no-repeat; + background-size: 10rem 18.986rem; + background-position: 0 -2rem; + } + .swiperImg4{ + background: url(img/img1_en.jpg) no-repeat; + background-size: 10rem 18.986rem; + background-position: 0 -2rem; + } + .swiperImg5{ + background: url(img/img2_en.jpg) no-repeat; + background-size: 10rem 18.986rem; + background-position: 0 -2rem; + } + .swiperImg6{ + background: url(img/img3_en.jpg) no-repeat; + background-size: 10rem 18.986rem; + background-position: 0 -2rem; + } + + .iosText{ + position: relative; + margin: -4rem auto 0; + z-index: 50; + width: 7rem; + font-size: 0; + } + .iosText p{ + text-align: left; + width: 100%; + font-size: 0.45rem; + color:#F3BED3; + } + + .mBottom{ + padding: 0.8rem 0 0.666rem; + width: 100%; + text-align: center; + font-size: 0; + position: absolute; + left: 0; + bottom: 0.266rem; + text-align: center; + z-index: 100; + } + .mBottom p{ + font-size: 0.32rem; + color:#F3BED3; + } + .mBottom p:nth-child(2){ + margin-top: 0.066rem; + } + .langTitle{ + position: absolute; + top: 0.666rem; + left: 0.4rem; + width: 2rem; + z-index: 100; + font-size: 0.346rem; + color:#FFF; + } + .langTitle img{ + width: 0.16rem; + height: 0.146rem; + vertical-align: middle; + margin-top: -.05rem; + margin-right: 0.266rem; + } + .langList{ + position: absolute; + left: 0.4rem; + top: 1.2rem; + width: 2.5rem; + height: 2.7rem; + background: rgba(255,255,255,.7); + z-index: 50; + border-radius: 0.106rem; + -webkit-border-radius: 0.106rem; + -moz-border-radius: 0.106rem; + display: none; + } + .langList p{ + width: 100%; + text-align: center; + font-size: 0.346rem; + color:#000; + margin-top: 0.266rem; + } + .langList p:nth-child(1){ + padding-top: .2rem; + } + .topUp{ + position: absolute; + top: 0.666rem; + right: 0.466rem; + z-index: 100; + font-size: 0.346rem; + color:#FFF; + } + a:hover{ + color:#FFF; + } + + </style> +</head> +<body> + <div class="main"> + <span class="langTitle"><img src="img/down.png"/><font></font></span> + <div class="langList"> + <p data-lang="1">English</p> + <p data-lang="7">العربية</p> + </div> + <a class="topUp L_Ar">شحن</a> + <a class="topUp L_En">Top-up</a> + <div class="swiper-container swiper-container1 L_Ar"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="swiperImg swiperImg1"></div> + </div> + <div class="swiper-slide"> + <div class="swiperImg swiperImg2"></div> + </div> + <div class="swiper-slide"> + <div class="swiperImg swiperImg3"></div> + </div> + </div> + </div> + <div class="swiper-container swiper-container2 L_En"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="swiperImg swiperImg4"></div> + </div> + <div class="swiper-slide"> + <div class="swiperImg swiperImg5"></div> + </div> + <div class="swiper-slide"> + <div class="swiperImg swiperImg6"></div> + </div> + </div> + </div> + <div class="iosText"> + <p>Email: aqiu@yazhai.co</p> + <p>Facebook:facebook.com/lisaiswang</p> + <p>WhatsApp:+8618898604072</p> + </div> + <div class="mBottom"> + <p>www.footseen.com</p> + </div> + </div> +</body> +<script src="js/jquery-3.1.1.min.js"></script> +<script src="js/swiper.min.js"></script> + <script type="text/javascript" src="js/lang.js?v=201911251528" ></script> +<script src='layer-v3.1.0/layer/layer.js'></script> +</html>