<?php
            $gioithieu_index = fetch_array("select * from #_info where type='gioi-thieu' ");?>
            <div id="gioithieu">
                <div class="container">
 <div class="image">
                    <img src="upload/hinhanh/<?=$gioithieu_index["photo"]?>" alt="img giới thiệu" class="img-fluid img2">
                </div>
                    <div class="detail">
                        <div class="w-100">
                         <h2>
                            <span><?=$gioithieu_index["ten_$lang"]?></span>
                        </h2>
                    <div class="mota">
                        <?=$gioithieu_index["mota_$lang"]?>
                    </div>
                    <div class="xemthem">
                        <a href="gioi-thieu.html"><img src="assets/images/gioithieu_xemthem.png" alt="gioithieu_xemthem"></a>
                    </div>
                </div>
               
                </div>
            </div>
        </div>
<style>
    #gioithieu{
        background: url(assets/images/bg_gioithieu.jpg);
        background-size: cover;
        padding: 40px 0;
    }
    #gioithieu .detail{
        max-width: 578px;
        min-width: 380px;
        width: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        flex-wrap: wrap;
    }
    #gioithieu .image{
        max-width: 578px;
        min-width: 380px;
        width: calc(100% - 578px);
    }
    #gioithieu .container{
        display: flex;
        justify-content: space-between;

    }
    #gioithieu h2{
        width: 100%;
        font-family: utm-azuki;
        font-size: 72px;
        color: #191919;
    }
</style>        