<!DOCTYPE html>
<html lang="en" style="font-size: 16px;">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <link rel="icon" href="./images/other/15.png" type="image/x-icon" /> -->
    <title>panavogue</title>
    <link rel="stylesheet" href="./style/bootstrap.min.css">
    <link rel="stylesheet" href="./index.css?version=1.0.1">
</head>
<script src="./libs/jquery.min.js"></script>
<script src="./libs/bootstrap.bundle.min.js"></script>

<body class="divNoScroll">
    <header class="header">
        <div class="container clearfix sheet">
            <span class="float-left"><img style='width: 31px;opacity: 0.6;' src="./images/svg/logo.svg" /></span>
            <span class="float-right">首页</span>
        </div>
    </header>
    <section class="carousel">
        <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
            <ol class="content-ol carousel-indicators">
                <li data-target="#carouselExampleCaptions" data-slide-to="0"></li>
                <!-- <li data-target="#carouselExampleCaptions" data-slide-to="1"></li> -->
            </ol>
            <div class="carousel-inner carousel-box">
                <div class="carousel-item active section-2-1" src="" data-image-width="2048" data-image-height="1365"
                    style="background-attachment: fixed; background-position: 50% 0px, 50% 0.0444444vh;">
                    <div class="carousel-caption container-none">
                        <div class="carousel-caption-content">
                            <h1 style='font-family:"LogoFont"'>PANAVOGUE</h1>
                            <h6>全球时尚品牌云仓</h6>
                        </div>
                    </div>
                </div>
                <!-- <div class="carousel-item section-2-1">
                    <div class="carousel-caption d-none">
                        <h5>Second slide label</h5>
                        <p>Some representative placeholder content for the second slide.</p>
                    </div>
                </div> -->
            </div>
        </div>
    </section>
    <!-- <section class="section-3">
        <div class='container content-contact-us'>
            <h2>联系我们</h2>
            <form class='content-contact-us-form' source="email">
                <div class="form-row">
                    <div class="form-group form-name col-md-5">
                        <label for="name"></label>
                        <input required="" type="text" placeholder="姓名" name="name" class="form-control" id="name">
                    </div>
                    <div class="form-group form-email  col-md-5">
                        <label for="email"></label>
                        <input type="email" placeholder="邮箱" name="email" class="form-control" id="email">
                    </div>
                    <div class="form-group form-submit col-md-2">
                        <label for="btn"></label>
                        <button name="submit" id="submit" class="btn form-control">提交</button>
                    </div>
                </div>
            </form>
        </div>
    </section> -->
    <section class="section-4 image">
        <div class="container">
            <!-- <h1>关于我们</h1> -->
            <!-- <p class="about">About us</p> -->
            <div id="content-about-us-div" class="row">
                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                    <div class="content-about-us-item">
                        <span><img src="./images/svg/about1.svg" /></span>
                        <h3>国际时尚云仓</h3>
                        <p>PV通过建立线上云仓的方式甄选全球好物，以赋能B端分享达人的形式，来去除中间商赚差价</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                    <div class="content-about-us-item">
                        <span><img src="./images/svg/about2.svg" /></span>
                        <h3>品牌供应链优势</h3>
                        <p>PV整合全球新锐潮流买手店和设计师2000多家，最新货源实时同步；</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                    <div class="content-about-us-item">
                        <span><img src="./images/svg/about3.svg" /></span>
                        <h3>平台赋能</h3>
                        <p>为B端分享达人提供最新最全的用户行为AI大数据分析，提高转化率</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                    <div class="content-about-us-item">
                        <span><img src="./images/svg/about4.svg" /></span>
                        <h3>货品全×价格优</h3>
                        <p>2000+国际大牌、300+小众潮牌，售价均低于官网/其他平台</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                    <div class="content-about-us-item">
                        <span><img src="./images/svg/about5.svg" /></span>
                        <h3>正品保障</h3>
                        <p>CCIC“国”字中检的溯源防伪认证，假一赔十，可免费提供一次CCIC检验</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                    <div class="content-about-us-item">
                        <span><img src="./images/svg/about6.svg" /></span>
                        <h3>收益可观</h3>
                        <p>VIP会员可享10%的售出奖励</p>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- <section class="section-5">
        <div class="container sheet-1">
            <h2>我们的优势</h2>
            <p class="sheet-2">Our strengths</p>
        </div>
    </section> -->
    <!-- <section class="section-6">
        <div class="container">
            <div class="sheet-3 row">
                <div class="col-sm-6 col-md-4">
                    <div class="sheet-item">
                        <h1 style="font-family:'NumFont'">2000+</h1>
                        <p>新潮设计师品牌</p>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="sheet-item">
                        <h1 style='font-family:"NumFont"'>300+</h1>
                        <p>国际时尚大牌</p>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="sheet-item">
                        <h1 style='font-family:"NumFont"'>60%</h1>
                        <p>售价仅为官网60%左右</p>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!-- <section class="carousel section-7">
        <div id="carouselExampleCaptions-2" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleCaptions-2" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleCaptions-2" data-slide-to="1"></li>
                <li data-target="#carouselExampleCaptions-2" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active section-2-2">
                    <div class="carousel-caption d-md-block block">
                        <h1>终身会员</h1>
                        <h4>会员终身制，一次下单绑定终身受益</h4>
                    </div>
                </div>
                <div class="carousel-item section-2-3">
                    <div class="carousel-caption d-md-block block">
                        <h1>收益可观</h1>
                        <h4>VIP会员可享10%的售出奖励</h4>
                    </div>
                </div>
                <div class="carousel-item section-2-4">
                    <div class="carousel-caption d-md-block block">
                        <h1>正品保障</h1>
                        <h4>CCIC“国”字中检的溯源防伪认证，假一赔十，可免费提供一次CCIC检验</h4>
                    </div>
                </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleCaptions-2" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleCaptions-2" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </section> -->
    <section class="section-8">
        <div class="section-8-container container">
            <div class="section-8-row row">
                <div class="bruna-right col-sm-12 col-md-6">
                    <div class="bruna-right-content">
                        <img class="bruna-right-image1" src="./images/other/3-1.png" alt="">
                        <div class="bruna-right-image2">
                            <img src="./images/other/3-2.png" alt="">
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6">
                    <div class="bruna-text">
                        <p class="bruna-text-font1">与权威并靠谱的货源合作</p>
                        <p class="bruna-text-font2">
                            数十家最权威的高端奢侈品买手店为我们提供2000+热门品牌的货源。款式多样、尺码齐全，其中最主流的大牌、小众设计师品牌更是长期作为寺库、发发奇、京东的主要供货源头。
                        </p>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <section class="section-9">
        <div class="section-9-content container">
            <div class="row">
                <div class="col-sm-12 col-md-6">
                    <div class="section-9-text">
                        <h3>
                            做一名有品位的生活实践者
                        </h3>
                        <p>
                            稳定优质源源不断的供应链;提供一站到底的阳光极速跨境物流配送。为广大时尚人群提供一个简易轻松、可靠可信、 持久长期、真正共鸣自身人设和兴趣爱好的轻社交创业模式。
                        </p>
                    </div>
                </div>
                <div class="section-9-right col-sm-12 col-md-6">
                </div>
            </div>
        </div>
    </section>
    <section class="section-10">
        <div class="container">
            <div class="section-10-content row">
                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                    <div class="section-10-item">
                        <span>
                            <img src='./images/svg/55c596e2-9e64-5ee9-9269-8ad3ce4077d0.svg' />
                        </span>
                        <p>微信公众号搜索：PANAVOGUE</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                    <div class="section-10-item">
                        <span>
                            <img src='./images/other/image.jpg' />
                        </span>
                        <p>微信扫一扫立即进入PANAVOGUE微信小程序</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                    <div class="section-10-item">
                        <span>
                            <img src='./images/other/15.png' />
                        </span>
                        <p>微信扫一扫立即添加专属顾问了解更多资讯</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                    <div class="section-10-item">
                        <span>
                            <img src='./images/svg/7a892f1b-ac4c-1e01-a920-55b7a8bde726.svg' />
                        </span>
                        <p>简历请发送至： hr@panavogue.com</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="section-11">
        <div class="container section-11-1">
            <h3>保持联系</h3>
            <p>您对我们非常重要-或许您认可我们的理念，非常欢迎您留下您的联系方式，期许我们未来可以并肩前行。</p>

            <div class="section-11-form">
                <form class="form-row">
                    <div class="form-group form-phone col-12">
                        <label for="phone"></label>
                        <input required type="text" class="form-control" placeholder="输入您的手机号" id="phone">

                    </div>
                    <div class="form-group form-email2 col-12">
                        <label for="email2"></label>
                        <input type="email" class="form-control" placeholder="输入一个有效的电子邮件地址" id="email2">
                    </div>
                    <div class="form-group form-name2 col-12">
                        <label for="name2"></label>
                        <input type="text" class="form-control" placeholder="输入你的名字" id="name2">
                    </div>
                    <div class="form-group form-remark col-12">
                        <label for="remark"></label>
                        <textarea placeholder="备注信息" class="form-control" id="remark" rows="3"></textarea>
                    </div>
                    <div class="form-group form-submit2">
                        <label for="btn"></label>
                        <button type="submit" id="submit" class="btn">提交</button>
                    </div>

                </form>
            </div>
        </div>
    </section>
    <section class="section-12">
        <div class="section-12-contetn container">
            <p>Copyright © 2020 - 2021 北京睿云时尚科技发展有限公司 版权所有 &nbsp;&nbsp; <a target="_blank"
                    href="http://beian.miit.gov.cn">京ICP备20021140号-1</a>
            </p>
        </div>
    </section>

</body>
<script type="text/javascript">
    $(document).ready(function () {
        $("form").submit(function (e) {
            e.preventDefault();
            let name2 = document.getElementById('name2').value || '';
            let email2 = document.getElementById('email2').value || '';
            let phone = document.getElementById('phone').value || '';
            let remark = document.getElementById('remark').value || '';
            $.ajax({
                async: false,
                // processData: false,
                // contentType: false,
                type: 'post',
                url: "https://appapi.panavogue.com/user/websiteInfo/add",
                data: JSON.stringify({ name: name2, email: email2, phone: phone, remark: remark }),
                contentType: "application/json;charset=UTF-8",
                dataType: 'json',
                success: function (data) {
                    console.log("data===");
                    console.log(data);
                    if (jQuery.isEmptyObject(data)) {

                    } else {
                        if (data.code == 0) {
                            alert('提交成功')
                            $("#name2").val("");
                            $("#email2").val("");
                            $("#phone").val("");
                            $("#remark").val("");
                        }
                    }
                }
            });
        });
    });
</script>

</html>