cyz
/
panda_web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <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">
    <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>
    <div class="box2">
        <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="box4-content">
        <div class="box4">
            <div class="title">Exploring Cities</div>
            <div class="cards">
                <div class="card">
                    <div class="num">60</div>
                    <img src="./assets/images/about_us/box4-icon1.png" />
                </div>
                <div class="card">
                    <img src="./assets/images/about_us/box4-icon2.png" />
                </div>
                <div class="card">

                    <img src="./assets/images/about_us/box4-icon3.png" />
                </div>
            </div>
        </div>
        <div class="box4 pic"></div>
    </div>
    <div class="box5-content">
        <div class="title">Milestone</div>
        <div class="split"></div>
        <div class="page-box">
            <div onclick="lastPage()" class="img first"></div>
            <div onclick="nextPage()" class="img last"></div>
        </div>
        <div class="cards">
            <div class="card">
                <div class="split"></div>
                <div class="dot"></div>
                <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>
                <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>
                <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>
                <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>
                <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>
                <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>
                <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 class="card">
                <div class="split"></div>
                <div class="dot"></div>
                <div class="card-title">2021</div>
                <div class="list">
                    <div class="name">April8</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>
                <div class="card-title">2021</div>
                <div class="list">
                    <div class="name">April9</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>
                <div class="card-title">2021</div>
                <div class="list">
                    <div class="name">April10</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>
                <div class="card-title">2021</div>
                <div class="list">
                    <div class="name">April11</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>
<script type="module" src="./assets/js/common/index.js" defer></script>
<script src="./assets/js/about_us/index.js" defer></script>
</body>
</html>