Home-Data/application/home/view/index/index.html

{include file="layout/header" /}
<!-- banner -->
<div class="banner" id="home">
    <div class="container">
        <div class="text-center">
            <div class="callbacks_container" style="min-height: 320px; height: 32vw;">
                <ul class="rslides" id="slider3">
                    <li>
                        <div class="slider-info" style="text-align: left !important;">
                            <p style="font-size: 2.8vw;">全球足球/篮球/网球</p>
                            <p style="font-size: 2.8vw; margin-top: -20px;">赛事数据覆盖</p>
                            <p style="font-size: 4vw; color: #00DDB4; margin-top: -20px; text-decoration:underline">
                                SPECIALITY</p>
                            <p style="font-size: 1vw; margin-top: -20px;">200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- //banner -->
<!-- about -->
<!--<section class="about-w3ls" id="about">
    <div class="container">
        <div class="jumbotron text-center pt-0">
            &lt;!&ndash;<img src="images/about.jpg" alt="" class="img-fluid rounded-circle">&ndash;&gt;
            <h1 class="ab-title my-5">我们的服务</h1>
            <h2 class="lead">Donec consequat sapien ut leo cursus rhoncus. Nullam dui mi, vulputate ac metus at, semper varius orci. Nulla accumsan
                ac elit in congue.</h2>
            <hr class="my-4">
            <p>rerum hic tenetur a sapiente delectus reiciendis maiores alias consequatur aut consequat sapien ut leo cursus rhoncus.
                Nullam dui mi, vulputate ac metus .</p>
            <p class="lead">
                <a class="btn btn-primary btn-lg mt-3 scroll" href="#services" role="button">Learn more</a>
            </p>
        </div>
    </div>
</section>-->
<!-- //about -->
<!--services-->
<div class="agileits-services py-md-5 py-3" id="services">
    <div class="container">
        <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">我们的服务<p
                style="font-size: 12px;">Our Waiter
            <p></h3>
        <div class="agileits-services-row row py-md-5 pb-5">
            {foreach name="information" item="menu" key="key"}
                {if $menu.homeinformation_type == 'waiter'}
                <div class="col-lg-3 col-md-6 agileits-services-grids mt-md-0 mt-3" style="background: #{$menu.homeinformation_bgcolor};">
                    <h4 class="mt-2 mb-3" style=" color: #fff">{$menu.homeinformation_name}</h4>
                    <p>{$menu.homeinformation_content}</p>
                    <img src="{$Think.HOME_SITE_ROOT}{$menu.homeinformation_bgImg}">
                </div>
                {/if}
            {/foreach}
        </div>
    </div>
</div>
<!-- team -->
<section class="wthree-row py-5" id="team">
    <div class="container py-md-5 py-3">
        <div class="py-md-5 py-3 bg-pricemain text-center">
            <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">
                解决方案<p style="font-size: 12px;">The Solution
                <p></h3>
        </div>
        <div class="row">
            <div class="col-lg-3 col-sm-6 team-grids">
                <div class="team-effect" onmouseover="move(1)" onmouseout="moveOut(1)">
                    <img src="{$Think.HOME_SITE_ROOT}/images/t1.png" alt="img" class="img-responsive">
                    <div id="team-img-text-1" class="team-img-text" style="display: none">
                        {$information.4.homeinformation_content}
                    </div>
                </div>
                <!-- team text -->
                <div class="footerv2-w3ls mt-3" style="text-align: center;">
                    <h4 id="team-title-1" style="color: #111">{$information.4.homeinformation_name}</h4>
                    <p id="team-en-1" style="color: #111">{$information.4.homeinformation_en}</p>
                    <div id="team-line-1" class="team-line" style="border-bottom: 1px solid #111;"></div>
                </div>
                <!-- //team text -->
            </div>
            <div class="col-lg-3 col-sm-6 team-grids mt-sm-0 mt-5">
                <!-- team text -->
                <div class="footerv2-w3ls mt-3" style="text-align: center;">
                    <h4 id="team-title-2" style="color: #111">{$information.5.homeinformation_name}</h4>
                    <p id="team-en-2" style="color: #111">{$information.5.homeinformation_en}</p>
                    <div id="team-line-2" class="team-line" style="border-bottom: 1px solid #111;"></div>
                </div>
                <!-- //team text -->
                <div class="team-effect" onmouseover="move(2)" onmouseout="moveOut(2)">
                    <img src="{$Think.HOME_SITE_ROOT}/images/t3.png" alt="img" class="img-responsive">
                    <div id="team-img-text-2" class="team-img-text" style="display: none">
                        {$information.5.homeinformation_content}
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 team-grids mt-lg-0 mt-5">
                <div class="team-effect" onmouseover="move(3)" onmouseout="moveOut(3)">
                    <img src="{$Think.HOME_SITE_ROOT}/images/t2.png" alt="img" class="img-responsive">
                    <div id="team-img-text-3" class="team-img-text" style="display: none">
                        {$information.6.homeinformation_content}
                    </div>
                </div>
                <!-- team text -->
                <div class="footerv2-w3ls mt-3" style="text-align: center;">
                    <h4 id="team-title-3" style="color: #111">{$information.6.homeinformation_name}</h4>
                    <p id="team-en-3" style="color: #111">{$information.6.homeinformation_en}</p>
                    <div id="team-line-3" class="team-line" style="border-bottom: 1px solid #111;"></div>
                </div>
                <!-- //team text -->
            </div>
            <div class="col-lg-3 col-sm-6 team-grids mt-lg-0 mt-5">
                <!-- team text -->
                <div class="footerv2-w3ls mt-3" style="text-align: center;">
                    <h4 id="team-title-4" style="color: #111">{$information.7.homeinformation_name}</h4>
                    <p id="team-en-4" style="color: #111">{$information.7.homeinformation_en}</p>
                    <div id="team-line-4" class="team-line" style="border-bottom: 1px solid #111;"></div>
                    <!-- //team text -->
                    <div class="team-effect" onmouseover="move(4)" onmouseout="moveOut(4)">
                        <img src="{$Think.HOME_SITE_ROOT}/images/t4.png" alt="img" class="img-responsive">
                        <div id="team-img-text-4" class="team-img-text" style="display: none">
                            {$information.7.homeinformation_content}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- //services-->
<!-- stats -->
<section class="agile_stats text-center py-5" id="about">
    <div class="container pt-sm-5">
        <div class="stats_agile mb-sm-5 mb-3">
            <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #fff; font-weight: 700;">了解我们
                <p style="font-size: 12px; color: #fff;">Learn More About Our
                <p></h3>
        </div>
        <div class="row">
            <div class="col-lg-3 col-md-6">
                <div class="pt-5 px-3 pb-3">
                    <div class="counter-our-number">
                        <span style="font-size: 80px">11</span>
                        <span style="margin-top: 15px">年</span>
                    </div>
                    <p class="count-text text-capitalize" style="color: #FF91A2">11年互联网技术的革新</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mt-md-0 mt-sm-5 mt-3">
                <div class="pt-5 px-3 pb-3">
                    <div class="counter-our-number">
                        <span style="font-size: 80px">150</span>
                        <span style="margin-top: 15px">名</span>
                    </div>
                    <p class="count-text text-capitalize" style="color: #FF91A2">150名有激情的思想的队友</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mt-lg-0 mt-sm-5 mt-3">
                <div class="pt-5 px-3 pb-3">
                    <div class="counter-our-number">
                        <span style="font-size: 80px">4</span>
                        <span style="margin-top: 15px">大</span>
                    </div>
                    <p class="count-text text-capitalize" style="color: #FF91A2">4大业务体系整合开发</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mt-lg-0  mt-sm-5 mt-3">
                <div class="pt-5 px-3 pb-3">
                    <div class="counter-our-number"><span style="font-size: 80px">800+</span></div>
                    <p class="count-text text-capitalize" style="color: #FF91A2">4大业务体系整合开发</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- //stats -->
<!-- //team -->
<!--<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >建站模板</a></div>-->
<!-- gallery -->
<!--<div class="gallery  py-md-5 py-3" id="gallery">
    <div class="container">
        <h3 class="w3ls-title text-center text-capitalize py-md-4 py-3">gallery</h3>
        <div class="gallery_gds row pt-md-5 pt-3">
            <div class="col-4 gal-w3l">
                <div class="agileits-img">
                    <a href="images/g1.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
                        <img class="img-responsive img-style row2" src="images/g1.jpg" alt="" />
                    </a>
                </div>
            </div>
            <div class="col-4  gal-w3l">
                <div class="agileits-img">
                    <a href="images/g2.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
                        <img src="images/g2.jpg" alt="" class="img-responsive img-style row2" />
                    </a>
                </div>
            </div>
            <div class="col-4  gal-w3l">
                <div class="agileits-img">
                    <a href="images/g3.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
                        <img src="images/g3.jpg" alt="" class="img-responsive img-style row2" />
                    </a>
                </div>
            </div>
        </div>
        <div class="gallery_gds row">
            <div class="col-4  gal-w3l">
                <div class="agileits-img">
                    <a href="images/g4.jpg" class="swipebox" title="Praesent non purus fermentum, eleifend velit non Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis.">
                        <img src="images/g4.jpg" alt="" class="img-responsive img-style row2" />
                    </a>
                </div>
            </div>
            <div class="col-4  gal-w3l">
                <div class="agileits-img">
                    <a href="images/g5.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
                        <img src="images/g5.jpg" alt="" class="img-responsive img-style row2" />
                    </a>
                </div>
            </div>
            <div class="col-4  gal-w3l">
                <div class="agileits-img">
                    <a href="images/g6.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
                        <img src="images/g6.jpg" alt="" class="img-responsive img-style row2" />
                    </a>
                </div>
            </div>
        </div>
        <div class="row pb-md-5 pb-3">
            <div class="col-4  gal-w3l">
                <div class="agileits-img">
                    <a href="images/g7.jpg" class="swipebox" title="Praesent non purus fermentum, eleifend velit non Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis.">
                        <img src="images/g7.jpg" alt="" class="img-responsive img-style row2" />
                    </a>
                </div>
            </div>
            <div class="col-4  gal-w3l">
                <div class="agileits-img">
                    <a href="images/g8.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
                        <img src="images/g8.jpg" alt="" class="img-responsive img-style row2" />
                    </a>
                </div>
            </div>
            <div class="col-4  gal-w3l">
                <div class="agileits-img">
                    <a href="images/g9.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
                        <img src="images/g9.jpg" alt="" class="img-responsive img-style row2" />
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>-->
<!-- //gallery -->
<!-- pricing -->
<section class="wthree-row py-md-5 pt-sm-5" id="pricing">
    <div class="container py-md-5 py-3">
        <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">合作伙伴<p
                style="font-size: 12px; color: #111;">The Partners
            <p></h3>
        <div style="text-align: center;">
            <img src="{$Think.HOME_SITE_ROOT}/images/partners-1.png" style="width: 22%;">
            <img src="{$Think.HOME_SITE_ROOT}/images/partners-2.png" style="width: 22%">
            <img src="{$Think.HOME_SITE_ROOT}/images/partners-3.png" style="width: 22%">
            <img src="{$Think.HOME_SITE_ROOT}/images/partners-4.png" style="width: 22%">
            <img src="{$Think.HOME_SITE_ROOT}/images/partners-5.png" style="width: 22%">
            <img src="{$Think.HOME_SITE_ROOT}/images/partners-6.png" style="width: 22%">
            <img src="{$Think.HOME_SITE_ROOT}/images/partners-7.png" style="width: 22%">
            <img src="{$Think.HOME_SITE_ROOT}/images/partners-8.png" style="width: 22%">
        </div>
    </div>
</section>
{include file="layout/footer" /}