cyz
/
panda_web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>关于我们</title>
    <link rel="stylesheet" href="./assets/style/common/index.css"/>
    <link rel="stylesheet" href="./assets/style/about_us/index.css"/>
</head>
<body>
<div class="aboutus-page">
   <!-- pc端-->
    <div id="swiper1" class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="./assets/images/about_us/bg1.png"/>
            </div>
            <div class="swiper-slide">
                <img src="./assets/images/about_us/bg1.png"/>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="box1">
        <!--头部-->
        <!--#include file="./components/header1.html"-->
        <div class="box1-content">
            <div class="box1-title">
                Asian Cuisine with' The Taste of Home
            </div>
            <div class="box1-tip">
                Leading Overseas Chinese Lifestyle Platform Globally
            </div>
            <button class="hvr-wobble-horizontal"></button>
        </div>
    </div>
    <div class="box2-content">
        <img src="./assets/images/about_us/bg2.png"/>
        <div>
            We are a young company, innovative and enthusiastic, creative and professional, supporting our team members
            to work efficiently rather than long hours. We value everyone’s opinion and encourage open-mindedness and
            sharing with in the team.
        </div>
    </div>
    <!--PC端-->
    <div class="box2 pc">
        <div class="box1-content">
            <img class="logo" src="./assets/images/common/logo2.png"/>
            <div class="box1-title">
                HungryPanda
            </div>
            <div class="box1-tip">
                HungryPanda is a specialist food delivery platform, providing authentic Chinese food and groceries to
                overseas Chinese communities.
            </div>
            <button class="hvr-wobble-horizontal"></button>
        </div>
        <div class="box3-content">
            <div class="box3">
                <div class="num">02</div>
                <div class="box3-title">Panda Fresh</div>
                <div class="box3-tip">HungryPanda is a specialist food delivery platform, providing ...</div>
                <img src="./assets/images/about_us/arrow1.png"/>
            </div>
            <div class="box3">
                <div class="num">03</div>
                <div class="box3-title">Vouchers Panda</div>
                <div class="box3-tip">HungryPanda is a specialist food delivery platform, providing ...</div>
                <img src="./assets/images/about_us/arrow1.png"/>
            </div>
        </div>
    </div>
    <!--移动端-->
    <div class="box2 mobile">
        <div id="swiper2" class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="box1-content">
                        <img class="logo" src="./assets/images/common/logo2.png"/>
                        <div class="box1-title">
                            HungryPanda
                        </div>
                        <div class="box1-tip">
                            HungryPanda is a specialist food delivery platform, providing authentic Chinese food and groceries to
                            overseas Chinese communities.
                        </div>
                        <button class="hvr-wobble-horizontal"></button>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="box3-content">
                        <div class="box3">
                            <div class="num">02</div>
                            <div class="box3-title">Panda Fresh</div>
                            <div class="box3-tip">HungryPanda is a specialist food delivery platform, providing ...</div>
                            <img src="./assets/images/about_us/arrow1.png"/>
                        </div>
                        <div class="box3">
                            <div class="num">03</div>
                            <div class="box3-title">Vouchers Panda</div>
                            <div class="box3-tip">HungryPanda is a specialist food delivery platform, providing ...</div>
                            <img src="./assets/images/about_us/arrow1.png"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="box4-content">
        <div class="box4">
            <div class="title">Exploring Cities</div>
            <div class="cards">
                <div class="card">
                    <div class="num">60</div>
                    <div class="tip">Major cities sand ergions</div>
                    <img src="./assets/images/about_us/box4-icon1.png" />
                </div>
                <div class="card">
                    <div class="num">60</div>
                    <div class="tip">Major cities sand ergions</div>
                    <img src="./assets/images/about_us/box4-icon2.png" />
                </div>
                <div class="card">
                    <div class="num">60</div>
                    <div class="tip">Major cities sand ergions</div>
                    <img src="./assets/images/about_us/box4-icon3.png" />
                </div>
            </div>
        </div>
        <div class="box4 pic"></div>
    </div>
    <!--pc端-->
    <div class="box5-content pc">
        <div class="title">Milestone</div>
        <div class="split"></div>
        <div class="page-box">
            <div onclick="lastPage()" class="img first1"></div>
            <div onclick="nextPage()" class="img last1"></div>
        </div>
        <div class="cards">
            <div class="card">
                <div class="split"></div>
                <div class="dot"></div>
                <img class="logo" src="./assets/images/common/logo3.png" />
                <div class="card-title">2021</div>
                <div class="list">
                    <div class="name">April1</div>
                    <div class="desc">Launched the business of VouchersPanda</div>
                </div>
                <div class="list">
                    <div class="name">March</div>
                    <div class="desc">Launched the business of Panda Fresh</div>
                </div>
            </div>
            <div class="card">
                <div class="split"></div>
                <div class="dot"></div>
                <img class="logo" src="./assets/images/common/logo3.png" />
                <div class="card-title">2021</div>
                <div class="list">
                    <div class="name">April2</div>
                    <div class="desc">Launched the business of VouchersPanda</div>
                </div>
                <div class="list">
                    <div class="name">March</div>
                    <div class="desc">Launched the business of Panda Fresh</div>
                </div>
            </div>
            <div class="card">
                <div class="split"></div>
                <div class="dot"></div>
                <img class="logo" src="./assets/images/common/logo3.png" />
                <div class="card-title">2021</div>
                <div class="list">
                    <div class="name">April3</div>
                    <div class="desc">Launched the business of VouchersPanda</div>
                </div>
                <div class="list">
                    <div class="name">March</div>
                    <div class="desc">Launched the business of Panda Fresh</div>
                </div>
            </div>
            <div class="card">
                <div class="split"></div>
                <div class="dot"></div>
                <img class="logo" src="./assets/images/common/logo3.png" />
                <div class="card-title">2021</div>
                <div class="list">
                    <div class="name">April4</div>
                    <div class="desc">Launched the business of VouchersPanda</div>
                </div>
                <div class="list">
                    <div class="name">March</div>
                    <div class="desc">Launched the business of Panda Fresh</div>
                </div>
            </div>
            <div class="card">
                <div class="split"></div>
                <div class="dot"></div>
                <img class="logo" src="./assets/images/common/logo3.png" />
                <div class="card-title">2021</div>
                <div class="list">
                    <div class="name">April5</div>
                    <div class="desc">Launched the business of VouchersPanda</div>
                </div>
                <div class="list">
                    <div class="name">March</div>
                    <div class="desc">Launched the business of Panda Fresh</div>
                </div>
            </div>
            <div class="card">
                <div class="split"></div>
                <div class="dot"></div>
                <img class="logo" src="./assets/images/common/logo3.png" />
                <div class="card-title">2021</div>
                <div class="list">
                    <div class="name">April6</div>
                    <div class="desc">Launched the business of VouchersPanda</div>
                </div>
                <div class="list">
                    <div class="name">March</div>
                    <div class="desc">Launched the business of Panda Fresh</div>
                </div>
            </div>
            <div class="card">
                <div class="split"></div>
                <div class="dot"></div>
                <img class="logo" src="./assets/images/common/logo3.png" />
                <div class="card-title">2021</div>
                <div class="list">
                    <div class="name">April7</div>
                    <div class="desc">Launched the business of VouchersPanda</div>
                </div>
                <div class="list">
                    <div class="name">March</div>
                    <div class="desc">Launched the business of Panda Fresh</div>
                </div>
            </div>
        </div>
    </div>
    <!--移动端-->
    <div class="box5-content mobile">
        <div class="title">Milestone</div>
        <div class="nav">
            <div class="nav-title" onclick="eleToCenter(event,'.box5-content .nav')">2022</div>
            <div class="nav-title" onclick="eleToCenter(event,'.box5-content .nav')">2021</div>
            <div class="nav-title" onclick="eleToCenter(event,'.box5-content .nav')">2020</div>
            <div class="nav-title" onclick="eleToCenter(event,'.box5-content .nav')">2019</div>
            <div class="nav-title" onclick="eleToCenter(event,'.box5-content .nav')">2019</div>
            <div class="nav-title" onclick="eleToCenter(event,'.box5-content .nav')">2019</div>
            <div class="nav-title" onclick="eleToCenter(event,'.box5-content .nav')">2019</div>
            <div class="nav-title" onclick="eleToCenter(event,'.box5-content .nav')">2019</div>
            <div class="nav-title" onclick="eleToCenter(event,'.box5-content .nav')">2019</div>
        </div>
        <div class="content">
            <div class="name">
                April
            </div>
            <div class="desc">
                Launched the business of VouchersPanda
            </div>
            <div class="name">
                April
            </div>
            <div class="desc">
                Launched the business of VouchersPanda
            </div>
        </div>
    </div>
    <div class="box6-content pc">
        <div class="tool">
            <div class="title">News</div>
            <div class="page-box">
                <div onclick="lastPage2()" class="img first2"></div>
                <div onclick="nextPage2()" class="img last2"></div>
            </div>
        </div>
        <div class="cards-box">
            <div class="cards">
                <div class="card">
                    <div class="tag"></div>
                    <div class="bg"></div>
                    <div class="date">March 8, 20221</div>
                    <div class="card-title">HungryPanda pays tribute to everyone who lives seriously</div>
                    <div class="desc">On HungryPanda's platform, there are such a group of people. They are...</div>
                    <div class="arrow">VIEW MORE<i class="fa fa-long-arrow-right" aria-hidden="true"></i></div>
                </div>
                <div class="card">
                    <div class="tag"></div>
                    <div class="bg"></div>
                    <div class="date">March 8, 20222</div>
                    <div class="card-title">HungryPanda pays tribute to everyone who lives seriously</div>
                    <div class="desc">On HungryPanda's platform, there are such a group of people. They are...</div>
                    <div class="arrow">VIEW MORE<i class="fa fa-long-arrow-right" aria-hidden="true"></i></div>
                </div>
                <div class="card">
                    <div class="tag"></div>
                    <div class="bg"></div>
                    <div class="date">March 8, 20223</div>
                    <div class="card-title">HungryPanda pays tribute to everyone who lives seriously</div>
                    <div class="desc">On HungryPanda's platform, there are such a group of people. They are...</div>
                    <div class="arrow">VIEW MORE<i class="fa fa-long-arrow-right" aria-hidden="true"></i></div>
                </div>
                <div class="card">
                    <div class="tag"></div>
                    <div class="bg"></div>
                    <div class="date">March 8, 20224</div>
                    <div class="card-title">HungryPanda pays tribute to everyone who lives seriously</div>
                    <div class="desc">On HungryPanda's platform, there are such a group of people. They are...</div>
                    <div class="arrow">VIEW MORE<i class="fa fa-long-arrow-right" aria-hidden="true"></i></div>
                </div>
            </div>
        </div>
    </div>
    <div class="box6-content mobile">
        <div class="cards-box">
            <div class="title">News</div>
            <div class="cards">
                <div class="card">
                    <div class="tag"></div>
                    <div class="bg"></div>
                    <div class="date">March 8, 20221</div>
                    <div class="card-title">HungryPanda pays tribute to everyone who lives seriously</div>
                    <div class="desc">On HungryPanda's platform, there are such a group of people. They are...</div>
                    <div class="arrow">VIEW MORE<i class="fa fa-long-arrow-right" aria-hidden="true"></i></div>
                </div>
            </div>
            <div onclick="lastPage2()" class="img first2"></div>
            <div onclick="nextPage2()" class="img last2"></div>
        </div>
    </div>
    <!--尾部-->
    <!--#include file="./components/footer1.html"-->
</div>
<script type="module" src="./assets/js/common/index.js"></script>
<script src="./assets/js/about_us/index.js" defer></script>
</body>
</html>