## چیدمان صفحه فرم

باکس 1
عنوان تایتل
باکس 2
کد ها

    <form action="layout-form.html" method="post" class="row tehranit-box">
        <!--right post-->
        <div class="col-12 col-xl-9">
            <!--itemBox-->
            <div class="content-box">
                <div class="col-12 mb-3">
                    باکس 1
                </div>
            </div>
            <!--itemBox-->
            <div class="content-box">
                <div class="title-box mb-3">
                    <span>عنوان تایتل</span>
                    <i class="bi bi-tags-fill"></i>
                </div>
                باکس 2
            </div>
        </div>
        <!--end right post-->
        <!--left post-->
        <div class="col-12 col-xl-3">
            <div class="row">
                <!--itemBox-->
                <div class="col-xl-12 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div class="content-box">
                        <div class="title-box">
                            <span>عنوان تایتل</span>
                            <i class="bi bi-send-arrow-up"></i>
                        </div>
                        <p>باکس 3</p>
                        <p>باکس 3</p>
                        <p>باکس 3</p>
                        <p>باکس 3</p>
                    </div>
                </div>
                <!--itemBox-->
                <div class="col-xl-12 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div class="content-box">
                        <div class="title-box">
                            <span>عنوان تایتل</span>
                            <i class="bi bi-bullseye"></i>
                        </div>
                        <p>باکس 4</p>
                        <p>باکس 4</p>
                        <p>باکس 4</p>
                        <p>باکس 4</p>
                        <p>باکس 4</p>
                    </div>
                </div>
            </div>
        </div>
        <!--end left post-->
    </form>

کد های یک Input

    <div class="col-12 mb-3">
        <label for="exampleFormControlInput1" class="form-label">عنوان</label>
        <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="">
    </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>

عنوان تایتل

باکس 3

باکس 3

باکس 3

باکس 3

عنوان تایتل

باکس 4

باکس 4

باکس 4

باکس 4

باکس 4