## چیدمان صفحه محتوا

عنوان تایتل باکس

باکس 1

باکس 2

باکس 3

کد ها

    <div class="row tehranit-box">
        <!--item-->
        <div class="col-12">
            <div class="content-box">
                <div class="title-box">
                    <span>عنوان تایتل باکس</span>
                    <i class="bi bi-send-arrow-up"></i>
                </div>
            <p>باکس 1</p>
            </div>
        </div>

        <!--item-->
        <div class="col-6">
            <div class="content-box">
                <p>باکس 2</p>
            </div>
        </div>

        <!--item-->
        <div class="col-6">
            <div class="content-box">
                 <p>باکس 3</p>
            </div>
        </div>
    </div>

کد های باکس های تو در تو

    <div class="row tehranit-box">
        <div class="col-12 col-xl-9">
            <div class="content-box">
                باکس 1
            </div>
            <div class="content-box">
                باکس 2
            </div>
        </div>
        <div class="col-12 col-xl-3">
            <div class="row">
                <div class="col-xl-12 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div class="content-box">
                        باکس 3
                    </div>
                </div>
                <div class="col-xl-12 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div class="content-box">
                        باکس 4
                    </div>
                    <div class="content-box">
                        باکس 5
                    </div>
                </div>
            </div>
        </div>
    </div>

کد های یک باکس

    <!--item-->
    <div class="col-12">
        <div class="content-box">
            <div class="title-box">
                <span>کد ها</span>
                <i class="bi bi-code-slash"></i>
            </div>
    		<p>test</p>
        </div>
    </div>