<form class="grid lg:grid-cols-3 gap-6">
                                            <div>
                                                <label for="validationDefault01" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">نام</label>
                                                <input type="text" class="form-input" id="validationDefault01" value="Mark" required>
                                            </div>
                                            <div>
                                                <label for="validationDefault02" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">نام خانوادگی</label>
                                                <input type="text" class="form-input" id="validationDefault02" value="Otto" required>
                                            </div>
                                            <div>
                                                <label for="validationDefaultUsername" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">نام کاربری</label>
                                                <div class="flex items-center">
                                                    <span class="py-2 px-3 bg-light rounded-l" id="inputGroupPrepend2">@</span>
                                                    <input type="text" class="form-input rounded-l-none" id="validationDefaultUsername" aria-describedby="inputGroupPrepend2" required>
                                                </div>
                                            </div>
                                            <div>
                                                <label for="validationDefault03" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">شهر</label>
                                                <input type="text" class="form-input" id="validationDefault03" required>
                                            </div>
                                            <div>
                                                <label for="validationDefault04" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">ایالت</label>
                                                <select class="form-select" id="validationDefault04" required>
                                                    <option selected disabled value="">انتخاب کنید...</option>
                                                    <option>...</option>
                                                </select>
                                            </div>
                                            <div>
                                                <label for="validationDefault05" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">کدپستی</label>
                                                <input type="text" class="form-input" id="validationDefault05" required>
                                            </div>
                                            <div class="col-span-3">
                                                <div class="form-check">
                                                    <input class="form-checkbox rounded" type="checkbox" value="" id="invalidCheck2" required>
                                                    <label class="ms-1.5" for="invalidCheck2">
                                                        با شرایط و ضوابط موافقم
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-span-3">
                                                <button class="btn bg-primary text-white" type="submit">ارسال فرم</button>
                                            </div>
                                        </form>
                                    
                                

                                    
                                        <p class="text-gray-400 text-sm mb-4">سه بخش باید شامل <code>.form-valid, .form-group و required</code> عنصر باشند. برای جزئیات بیشتر در مورد Pristine لطفا <a target="_blank" href="https://github.com/sha256/Pristine" class="text-primary">اینجا</a> را مطالعه کنید</p>
                                        <form class="valid-form grid lg:grid-cols-3 gap-6">
                                            <div class="form-group">
                                                <label for="inputEmail4" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">ایمیل</label>
                                                <input type="email" class="form-valid form-input" id="inputEmail4" required>
                                                <div class="mt-1.5 text-sm"></div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputPassword4" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">رمز عبور</label>
                                                <input type="password" class="form-valid form-input" id="inputPassword4" required>
                                                <div class="mt-1.5 text-sm"></div>
                                            </div>
                                            <div class="form-group">
                                                <label for="validationCustomUsername" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">نام کاربری</label>
                                                <div class="flex items-center">
                                                    <span class="py-2 px-3 bg-light rounded-l" id="inputGroupPrepend">@</span>
                                                    <input type="text" class="form-valid form-input rounded-l-none" id="validationCustomUsername" aria-describedby="inputGroupPrepend" required>
                                                </div>
                                                <div class="mt-1.5 text-sm"></div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputAddress" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">آدرس</label>
                                                <input type="text" class="form-valid form-input" id="inputAddress" placeholder="1234 Main St" required>
                                                <div class="mt-1.5 text-sm"></div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputAddress2" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">آدرس 2</label>
                                                <input type="text" class="form-valid form-input" id="inputAddress2" placeholder="Apartment, studio, or floor" required>
                                                <div class="mt-1.5 text-sm"></div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputCity" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">شهر</label>
                                                <input type="text" class="form-valid form-input" id="inputCity" required>
                                                <div class="mt-1.5 text-sm"></div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputState" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">استان</label>
                                                <select id="inputState" class="form-valid form-select" required>
                                                    <option selected disabled value="">انتخاب کنید...</option>
                                                    <option>...</option>
                                                </select>
                                                <div class="mt-1.5 text-sm"></div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputZip" class="text-gray-800 dark:text-gray-400 text-sm font-medium inline-block mb-2">کد پستی</label>
                                                <input type="text" class="form-valid form-input" id="inputZip" required>
                                                <div class="mt-1.5 text-sm"></div>
                                            </div>
                                            <div class="col-span-3">
                                                <div class="form-group form-check">
                                                    <input class="form-valid form-checkbox rounded" type="checkbox" value="" id="invalidCheck" required>
                                                    <label class="ms-1.5" for="invalidCheck">
                                                        با شرایط و ضوابط موافقم
                                                    </label>
                                                    <div class="mt-1.5 text-sm"></div>
                                                </div>
                                            </div>
                                            <div class="col-span-3">
                                                <button class="btn bg-primary text-white" type="submit">ارسال فرم</button>
                                            </div>
                                        </form>