Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo
\n\n \n <b-form>\n <b-form-group label=\"Email address:\" label-for=\"email1\">\n <b-form-input id=\"email1\" type=\"email\"></b-form-input>\n </b-form-group>\n <b-form-group label=\"Password:\" label-for=\"pwd\">\n <b-form-input id=\"pwd\" type=\"password\" ></b-form-input>\n </b-form-group>\n <b-form-checkbox class=\"mb-3\">\n Remember me\n </b-form-checkbox>\n <b-button type=\"submit\" variant=\"primary\">Submit</b-button>\n <b-button type=\"submit\" variant=\"none\" class=\"iq-bg-danger ml-3\">Cancle</b-button>\n</b-form>\n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo
\n\n \n<b-form>\n <b-row>\n <b-col>\n <b-form-input type=\"text\" placeholder=\"First Name\"></b-form-input>\n </b-col>\n <b-col>\n <b-form-input type=\"text\" placeholder=\"Last Name\"></b-form-input>\n </b-col>\n </b-row>\n</b-form>\n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo
\n\n \n<b-form>\n <b-form-group label=\"Input Text \" label-for=\"exampleInputText1\">\n <b-form-input id=\"exampleInputText1\" type=\"text\" placeholder=\"Enter Name\" value=\"Mark Jhon\"></b-form-input>\n </b-form-group>\n <b-form-group label=\"Email Input \" label-for=\"exampleInputText3\">\n <b-form-input id=\"exampleInputText3\" type=\"email\" value=\"markjhon@gmail.com\" placeholder=\"Enter Email\"></b-form-input>\n </b-form-group>\n <b-form-group label=\"Url Input\" label-for=\"exampleInputurl\">\n <b-form-input id=\"exampleInputurl\" type=\"url\" value=\"https://getbootstrap.com\" placeholder=\"Enter Url\"></b-form-input>\n </b-form-group>\n <b-form-group label=\"Telephone Input\" label-for=\"exampleInputphone\">\n <b-form-input id=\"exampleInputphone\" type=\"tel\" value=\"1-(555)-555-5555\"></b-form-input>\n </b-form-group>\n <b-form-group label=\"Number Input\" label-for=\"exampleInputNumber1\">\n <b-form-input id=\"exampleInputNumber1\" type=\"number\" value=\"2356\"></b-form-input>\n </b-form-group>\n <b-form-group label=\"Password Input\" label-for=\"exampleInputPassword3\">\n <b-form-input id=\"exampleInputPassword3\" type=\"password\" value=\"markjhon123\" placeholder=\"Enter Password\" ></b-form-input>\n </b-form-group>\n <b-form-group label=\"Date Input\" label-for=\"exampleInputdate\">\n <flat-pickr :config=\"dateInput\" value=\"2020-12-18\" id=\"exampleInputdate\" class=\"form-control date-input basicFlatpickr\" />\n </b-form-group>\n <b-form-group label=\"Week Input\" label-for=\"exampleInputweek\">\n <flat-pickr :config=\"weekInput\" value=\"2020-01-01\" id=\"exampleInputweek\" class=\"form-control date-input basicFlatpickr\" />\n </b-form-group>\n <b-form-group label=\"Time Input\" label-for=\"exampleInputtime\">\n <flat-pickr :config=\"timeInput\" value=\"11-45\" id=\"exampleInputtime\" class=\"form-control date-input basicFlatpickr\" />\n </b-form-group>\n <b-form-group label=\"Date and Time Input\" label-for=\"exampleInputdatetime\">\n <flat-pickr :config=\"dateTimeInput\" value=\"2019-12-19T13:45:00\" id=\"exampleInputdatetime\" class=\"form-control date-input basicFlatpickr\" />\n </b-form-group>\n <b-form-group label=\"Example textarea\" label-for=\"exampleFormControlTextarea1\">\n <b-form-textarea id=\"exampleFormControlTextarea1\" rows=\"5\"></b-form-textarea>\n </b-form-group>\n <b-form-checkbox class=\"mb-3\">\n Remember me\n </b-form-checkbox>\n <b-button type=\"submit\" variant=\"primary\">Submit</b-button>\n <b-button type=\"submit\" variant=\"none\" class=\"iq-bg-danger ml-3\">Cancle</b-button>\n</b-form>\n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo
\n\n \n<b-form>\n <b-form-group label=\"Small\" label-for=\"colFormLabelSm\">\n <b-form-input type=\"email\" size=\"sm\" id=\"colFormLabelSm\" placeholder=\"form-control-sm\"></b-form-input>\n </b-form-group>\n <b-form-group label=\"Default\" label-for=\"colFormLabel\" class=\"mb-0\">\n <b-form-input type=\"email\" id=\"colFormLabel\" placeholder=\"form-control\"></b-form-input>\n </b-form-group>\n <b-form-group label=\"Large\" label-for=\"colFormLabelLg\">\n <b-form-input type=\"email\" size=\"lg\" id=\"colFormLabelLg\" placeholder=\"form-control-lg\"></b-form-input>\n </b-form-group>\n</b-form>\n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo
\n\n \n<b-form>\n <b-form-group\n class=\"row\"\n label-cols-sm=\"2\"\n label=\"Email:\"\n label-for=\"email\"\n >\n <b-form-input id=\"email\" placeholder=\"Enter Your email\"></b-form-input>\n </b-form-group>\n <b-form-group\n class=\"row\"\n label-cols-sm=\"2\"\n label=\"Password:\"\n label-for=\"pwd1\"\n >\n <b-form-input id=\"pwd1\" placeholder=\"Enter Your password\"></b-form-input>\n </b-form-group>\n <b-form-group>\n <b-form-checkbox>Remember me</b-form-checkbox>\n </b-form-group>\n <b-button type=\"submit\" variant=\"primary\">Submit</b-button>\n <b-button type=\"submit\" variant=\"none\" class=\"iq-bg-danger ml-3\">Cancle</b-button>\n</b-form>\n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo
\n\n \n<b-form-row>\n <b-col>\n <b-form-input type=\"text\" placeholder=\"First Name\"></b-form-input>\n </b-col>\n <b-col>\n <b-form-input type=\"text\" placeholder=\"Last Name\"></b-form-input>\n </b-col>\n</b-form-row>\n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo
\n\n \n<b-form>\n <b-form-group\n label-for=\"exampleInputDisabled1\"\n label=\"Disabled Input\">\n <b-form-input type=\"text\" id=\"exampleInputDisabled1\" value=\"Mark Jhon\" disabled></b-form-input>\n </b-form-group>\n <b-form-group\n label-for=\"exampleInputPlaceholder\"\n label=\"Placeholder\">\n <b-form-input type=\"text\" id=\"exampleInputPlaceholder\" placeholder=\"This is Placeholder\"></b-form-input>\n </b-form-group>\n <b-form-group\n label-for=\"exampleInputReadonly\"\n label=\"Readonly\">\n <b-form-input type=\"text\" id=\"exampleInputReadonly\" value=\"Mark Jhon\" readonly></b-form-input>\n </b-form-group>\n <b-form-group\n label-for=\"exampleInputcolor\"\n label=\"Input color\">\n <b-form-input type=\"color\" id=\"exampleInputcolor\" value=\"#e20e02\"></b-form-input>\n </b-form-group>\n <b-form-group\n label-for=\"exampleFormControlSelect1\"\n label=\"Select Input\">\n <b-form-select plain v-model=\"selected\" :options=\"options1\" id=\"exampleFormControlSelect1\">\n <template v-slot:first>\n <b-form-select-option :value=\"null\" disabled>Select your age</b-form-select-option>\n </template>\n </b-form-select>\n </b-form-group>\n <b-form-group\n label-for=\"exampleFormControlSelect2\"\n label=\"Example multiple select\">\n <b-form-select plain v-model=\"selected\" multiple :options=\"options2\" id=\"exampleFormControlSelect2\">\n </b-form-select>\n </b-form-group>\n <b-form-group\n label-for=\"customRange1\"\n label=\"Range Input\">\n <b-form-input id=\"customRange1\" type=\"range\"></b-form-input>\n </b-form-group>\n <b-form-group>\n <b-form-checkbox>Default checkbox</b-form-checkbox>\n <b-form-checkbox v-model=\"checked1\">Checked</b-form-checkbox>\n <b-form-checkbox disabled>Disabled checkbox</b-form-checkbox>\n <b-form-checkbox v-model=\"checked2\" disabled >Disabled checkbox</b-form-checkbox>\n </b-form-group>\n <b-form-group>\n <b-form-checkbox inline>Default checkbox</b-form-checkbox>\n <b-form-checkbox v-model=\"checked3\" inline>Checked</b-form-checkbox>\n <b-form-checkbox disabled inline>Disabled checkbox</b-form-checkbox>\n <b-form-checkbox v-model=\"checked2\" disabled inline>Disabled checkbox</b-form-checkbox>\n </b-form-group>\n <b-form-group>\n <b-form-radio v-model=\"radio1\" name=\"customRadio\">Default radio</b-form-radio>\n <b-form-radio v-model=\"radio1\" name=\"customRadio\">Default radio</b-form-radio>\n <b-form-radio v-model=\"radio3\" name=\"customRadio3\">Selected radio</b-form-radio>\n <b-form-radio disabled name=\"customRadio4\">disabled radio</b-form-radio>\n <b-form-radio disabled v-model=\"radio5\" name=\"customRadio5\">Selected and disabled radio</b-form-radio>\n </b-form-group>\n <b-form-group>\n <b-form-radio inline v-model=\"radio2\" name=\"customRadio1\">Default radio</b-form-radio>\n <b-form-radio inline v-model=\"radio2\" name=\"customRadi1\">Default radio</b-form-radio>\n <b-form-radio inline v-model=\"radio6\" name=\"customRadio6\">Selected radio</b-form-radio>\n <b-form-radio inline v-model=\"radio7\" disabled name=\"customRadio7\">disabled radio</b-form-radio>\n <b-form-radio inline disabled v-model=\"radio8\" name=\"customRadio8\">Selected and disabled radio</b-form-radio>\n </b-form-group>\n <b-form-group>\n <b-form-checkbox name=\"check-button\" switch>Toggle this switch element</b-form-checkbox>\n <b-form-checkbox v-model=\"switch1\" name=\"check-button\" switch>Toggle this switch element</b-form-checkbox>\n <b-form-checkbox disabled name=\"check-button\" switch>Disabled switch element</b-form-checkbox>\n </b-form-group>\n <b-form-group\n label-for=\"exampleFormControlFile1\"\n label=\"Example file input\"\n >\n <b-form-file plain id=\"exampleFormControlFile1\"></b-form-file>\n </b-form-group>\n <b-form-group\n label-for=\"customFile\"\n >\n <b-form-file\n placeholder=\"Choose a file\"\n id=\"customFile\"\n ></b-form-file>\n </b-form-group>\n <b-button type=\"submit\" variant=\"primary\">Submit</b-button>\n <b-button type=\"submit\" variant=\"none\" class=\"iq-bg-danger ml-3\">Cancle</b-button>\n</b-form>\n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate, ex ac venenatis mollis, diam nibh finibus leo
\n\n \n<b-form-group label=\"small\">\n <b-form-select plain v-model=\"selected\" :options=\"options3\" size=\"sm\" class=\"mb-3\">\n <template v-slot:first>\n <b-form-select-option :value=\"null\">Open this select menu</b-form-select-option>\n </template>\n </b-form-select>\n</b-form-group>\n<b-form-group label=\"Default\">\n <b-form-select plain v-model=\"selected\" :options=\"options3\" class=\"mb-3\">\n <template v-slot:first>\n <b-form-select-option :value=\"null\">Open this select menu</b-form-select-option>\n </template>\n </b-form-select>\n</b-form-group>\n<b-form-group label=\"Large\">\n <b-form-select plain v-model=\"selected\" :options=\"options3\" size=\"lg\">\n <template v-slot:first>\n <b-form-select-option :value=\"null\">Open this select menu</b-form-select-option>\n </template>\n </b-form-select>\n</b-form-group>\n
\n \n