<form class="row g-3 needs-validation" novalidate>
    <div class="col-md-6">
        <label for="validationCustom01" class="form-label label">نام</label>
        <div class="position-relative">
            <input type="text" class="form-control h-58 ps-5" id="validationCustom01" value="نام شما" required>
            <div class="valid-feedback">
                به نظر خوب میاد!
            </div>
            <i class="ri-user-line position-absolute top-0 start-0 fs-20 text-gray-light ps-20" style="top: 13px !important;"></i>
        </div>
    </div>
    <div class="col-md-6">
        <label for="validationCustom02" class="form-label label">نام خانوادگی</label>
        <div class="position-relative">
            <input type="text" class="form-control h-58 ps-5" id="validationCustom02" value="نام خانوادگی شما" required>
            <div class="valid-feedback">
                به نظر خوب میاد!
            </div>
            <i class="ri-user-line position-absolute top-0 start-0 fs-20 text-gray-light ps-20" style="top: 13px !important;"></i>
        </div>
    </div>
    <div class="col-md-6">
        <label for="validationCustom03" class="form-label label">ایمیل</label>
        <div class="position-relative">
            <input type="email" class="form-control h-58 ps-5" id="validationCustom03" value="[email protected]" required>
            <div class="valid-feedback">
                به نظر خوب میاد!
            </div>
            <i class="ri-mail-line position-absolute top-0 start-0 fs-20 text-gray-light ps-20" style="top: 13px !important;"></i>
        </div>
    </div>
    <div class="col-md-6">
        <label for="validationCustom04" class="form-label label">تلفن</label>
        <div class="position-relative">
            <input type="number" class="form-control h-58 ps-5 text-dark" id="validationCustom04" value="+02071234567" placeholder="020 7123 4567" required>
            <div class="valid-feedback">
                به نظر خوب میاد!
            </div>
            <i class="ri-phone-line position-absolute top-0 start-0 fs-20 text-gray-light ps-20" style="top: 13px !important;"></i>
        </div>
    </div>
    <div class="col-md-12">
        <label for="validationCustom05" class="form-label label">موقعیت</label>
        <div class="position-relative">
            <input type="text" class="form-control h-58 ps-5" id="validationCustom05" placeholder="موقعیت شما" required>
            <div class="invalid-feedback">
                لطفا یک آدرس معتبر ارائه دهید.
            </div>
            <i class="ri-map-pin-line position-absolute top-0 start-0 fs-20 text-gray-light ps-20" style="top: 13px !important;"></i>
        </div>
    </div>
    <div class="col-md-4">
        <label for="validationCustom06" class="form-label label">استان</label>
        <div class="position-relative">
            <select class="form-select form-control h-58 ps-5" id="validationCustom06" required>
                <option selected disabled value="">انتخاب...</option>
                <option>کالیفرنیا</option>
            </select>
            <div class="invalid-feedback">
                لطفا یک استان معتبر انتخاب کنید.
            </div>
            <i class="ri-building-line position-absolute top-0 start-0 fs-20 text-gray-light ps-20" style="top: 13px !important;"></i>
        </div>
    </div>
    <div class="col-md-4">
        <label for="validationCustom07" class="form-label label">شهر</label>
        <div class="position-relative">
            <select class="form-select form-control h-58 ps-5" id="validationCustom07" required>
                <option selected disabled value="">ایالت پوال جنوبی 4</option>
                <option>فارول</option>
            </select>
            <div class="invalid-feedback">
                لطفا یک شهر معتبر انتخاب کنید.
            </div>
            <i class="ri-building-4-line position-absolute top-0 start-0 fs-20 text-gray-light ps-20" style="top: 13px !important;"></i>
        </div>
    </div>
    <div class="col-md-4">
        <label for="validationCustom08" class="form-label label">کد پستی</label>
        <div class="position-relative">
            <input type="text" class="form-control h-58 ps-5" id="validationCustom08" required>
            <div class="invalid-feedback">
                لطفا یک فایل فشرده معتبر ارائه دهید.
            </div>
            <i class="ri-inbox-unarchive-line position-absolute top-0 start-0 fs-20 text-gray-light ps-20" style="top: 13px !important;"></i>
        </div>
    </div>
    <div class="col-md-12">
        <label for="validationCustom09" class="form-label label">Order Notes :</label>
        <div class="position-relative">
            <textarea cols="30" rows="5" class="form-control ps-5 py-3" id="validationCustom09" placeholder="Notes" required></textarea>
            <div class="invalid-feedback">
                لطفا یک یادداشت معتبر ارائه دهید.
            </div>
            <i class="ri-sticky-note-line position-absolute top-0 start-0 fs-20 text-gray-light ps-20" style="top: 13px !important;"></i>
        </div>
    </div>
    <div class="col-12">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" id="invalidCheck" required>
            <label class="form-check-label" for="invalidCheck">
                با شرایط و ضوابط موافقت کنید
            </label>
            <div class="invalid-feedback">
                قبل از ارسال باید موافقت کنید.
            </div>
        </div>
    </div>
    <div class="col-12">
        <button class="btn btn-primary fw-semibold text-white py-2 px-3" type="submit">ارسال فرم</button>
    </div>
</form>

<form class="row g-3 needs-validation" novalidate>
    <div class="col-md-6">
        <label for="validationCustom10" class="form-label label">نام</label>
        <div class="position-relative">
            <input type="text" class="form-control h-58" id="validationCustom10" value="نام شما" required>
            <div class="valid-feedback">
                به نظر خوب میاد!
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <label for="validationCustom11" class="form-label label">نام خانوادگی</label>
        <div class="position-relative">
            <input type="text" class="form-control h-58" id="validationCustom11" value="نام خانوادگی شما" required>
            <div class="valid-feedback">
                به نظر خوب میاد!
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <label for="validationCustom12" class="form-label label">ایمیل</label>
        <div class="position-relative">
            <input type="email" class="form-control h-58" id="validationCustom12" value="[email protected]" required>
            <div class="valid-feedback">
                به نظر خوب میاد!
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <label for="validationCustom13" class="form-label label">تلفن</label>
        <div class="position-relative">
            <input type="number" class="form-control h-58 text-dark" id="validationCustom13" value="+02071234567" placeholder="020 7123 4567" required>
            <div class="valid-feedback">
                به نظر خوب میاد!
            </div>
        </div>
    </div>
    <div class="col-md-12">
        <label for="validationCustom14" class="form-label label">موقعیت</label>
        <div class="position-relative">
            <input type="text" class="form-control h-58" id="validationCustom14" placeholder="موقعیت شما" required>
            <div class="invalid-feedback">
                لطفا یک آدرس معتبر ارائه دهید.
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <label for="validationCustom15" class="form-label label">استان</label>
        <div class="position-relative">
            <select class="form-select form-control h-58" id="validationCustom15" required>
                <option selected disabled value="">انتخاب...</option>
                <option>کالیفرنیا</option>
            </select>
            <div class="invalid-feedback">
                لطفا یک استان معتبر انتخاب کنید.
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <label for="validationCustom16" class="form-label label">شهر</label>
        <div class="position-relative">
            <select class="form-select form-control h-58" id="validationCustom16" required>
                <option selected disabled value="">کالیفرنیا</option>
                <option>فارول</option>
            </select>
            <div class="invalid-feedback">
                لطفا یک شهر معتبر انتخاب کنید.
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <label for="validationCustom17" class="form-label label">کد پستی</label>
        <div class="position-relative">
            <input type="text" class="form-control h-58" id="validationCustom17" required>
            <div class="invalid-feedback">
                لطفا یک فایل فشرده معتبر ارائه دهید.
            </div>
        </div>
    </div>
    <div class="col-md-12">
        <label for="validationCustom18" class="form-label label">یادداشت سفارش :</label>
        <div class="position-relative">
            <textarea cols="30" rows="5" class="form-control py-3" id="validationCustom18" placeholder="Notes" required></textarea>
            <div class="invalid-feedback">
                لطفا یک یادداشت معتبر ارائه دهید.
            </div>
        </div>
    </div>
    <div class="col-12">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" id="invalidCheck2" required>
            <label class="form-check-label" for="invalidCheck2">
                با شرایط و ضوابط موافقت کنید
            </label>
            <div class="invalid-feedback">
                قبل از ارسال باید موافقت کنید.
            </div>
        </div>
    </div>
    <div class="col-12">
        <button class="btn btn-primary fw-semibold text-white py-2 px-3" type="submit">ارسال فرم</button>
    </div>
</form>