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

{include file="layout/header" /}
<!-- banner -->
<div class="about-banner">
    <div class="container">
        <ul class="rslides">
            <li>
                <div class="slider-info" style="text-align: left !important; margin-top:8%" >
                    <p style="font-size: 2.7vw; text-align: center; line-height:0px; font-weight:bold;">
                        关于我们
                    </p>
                    <p style="font-size: 2.3vw; text-align: center; margin-bottom:3%">
                        About us
                    </p>
                </div>
            </li>
        </ul>
    </div>
</div>
<div style="width: 65%; height: 1100px; margin: 0 auto;">
    <div>
        <h4 style="margin-bottom:20px; padding: 20px; font-weight:bold;text-align: center;">{$information.8.homeinformation_name}</h4>
        <span style="font-size:16px;">{$information.8.homeinformation_content}</span>
    </div>
    <div style="height: 200px;">
        <div class="col-lg-5 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
            <div class="pt-5 pb-3">
                <div >
                    <span style="font-size:38px; color:rgb(49, 88, 181); font-weight:bold;">2600+</span>
                </div>
                <p style="font-size:18px">足球赛事</p>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
            <div class="pt-5 px-3">
                <div>
                    <span style="font-size:38px; color:rgb(49, 88, 181); font-weight:bold;">500+</span>
                </div>
                <p style="font-size:18px">篮球赛事</p>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;">
            <div class="pt-5 px-3 pb-3">
                <div >
                    <span style="font-size:38px; color:rgb(49, 88, 181); font-weight:bold;">350000+</span>
                </div>
                <p style="font-size:18px">比赛场次</p>
            </div>
        </div>
    </div>
    <div style="height: 200px;" class="mb-5">
        <div class="col-lg-1 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
            <div>
                <div style="width:30px;height: 30px;background-color: rgb(48, 87, 181); border-radius:50%; text-align: center; float: left;">
                    <p style="color: #fff;">01</p>
                </div>
            </div>
        </div>
        <div class="col-lg-5 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
            <div>
                <div class="pb-2">
                    <span style=" color:rgb(49, 88, 181); font-weight:bold;">{$information.9.homeinformation_name}</span>
                </div>
                <span style="font-size:14px;">
                    {$information.9.homeinformation_content}
                </span>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;">
            <div class="pl-3">
                <img width="320px" height="175px" src="{$Think.HOME_SITE_ROOT}/images/about1.png" alt="">
            </div>
        </div>
    </div>
    <div style="height: 200px;" class="mb-5">
        <div class="col-lg-5 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;">
            <div>
                <img width="320px" height="190px" src="{$Think.HOME_SITE_ROOT}/images/about2.png" alt="">
            </div>
        </div>
        <div class="col-lg-1 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
            <div style="width:30px;height: 30px;background-color: rgb(48, 87, 181); border-radius:50%; text-align: center; float: left;">
                <p style="color: #fff;">02</p>
            </div>
        </div>
        <div class="col-lg-5 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
            <div>
                <div>
                    <span style=" color:rgb(49, 88, 181); font-weight:bold;">{$information.10.homeinformation_name}</span>
                </div>
                <span style="font-size:14px;">
                    {$information.10.homeinformation_content}
                </span>
            </div>
        </div>
    </div>
    <div style="height: 200px;" class="mb-5">
        <div class="col-lg-1 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
            <div>
                <div style="width:30px;height: 30px;background-color: rgb(48, 87, 181); border-radius:50%; text-align: center; float: left;">
                    <p style="color: #fff;">03</p>
                </div>
            </div>
        </div>
        <div class="col-lg-5 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
            <div>
                <div class="pb-2">
                    <span style=" color:rgb(49, 88, 181); font-weight:bold;">{$information.11.homeinformation_name}</span>
                </div>
                <span style="font-size:14px;">
                    {$information.11.homeinformation_content}
                </span>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;">
            <div class="pl-3">
                <img width="320px" height="175px" src="{$Think.HOME_SITE_ROOT}/images/about3.png" alt="">
            </div>
        </div>
    </div>
</div>
{include file="layout/footer" /}