Commit 5413ec8a authored by Bilal's avatar Bilal

Fixed html violation and styling

parent a4348b96
...@@ -20,10 +20,8 @@ function App() { ...@@ -20,10 +20,8 @@ function App() {
</div> </div>
<h3 className='text-white'>Ivrnet</h3> <h3 className='text-white'>Ivrnet</h3>
</div> </div>
<div className='p-5'> <div className='offset-md-3 col-md-8'>
<div className='offset-md-3 col-md-8'> <TelepayForm />
<TelepayForm />
</div>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -129,6 +129,7 @@ const TelepayForm = () => { ...@@ -129,6 +129,7 @@ const TelepayForm = () => {
</div> </div>
<div className='col-md-9'> <div className='col-md-9'>
<TextField <TextField
id='firstName'
label='First Name' label='First Name'
placeholder='Enter your first name' placeholder='Enter your first name'
variant='outlined' variant='outlined'
...@@ -145,6 +146,7 @@ const TelepayForm = () => { ...@@ -145,6 +146,7 @@ const TelepayForm = () => {
</div> </div>
<div className='col-md-9'> <div className='col-md-9'>
<TextField <TextField
id='lastName'
label='Last Name' label='Last Name'
placeholder='Enter your last name' placeholder='Enter your last name'
variant='outlined' variant='outlined'
...@@ -161,6 +163,7 @@ const TelepayForm = () => { ...@@ -161,6 +163,7 @@ const TelepayForm = () => {
</div> </div>
<div className='col-md-9'> <div className='col-md-9'>
<TextField <TextField
id='address'
label='Address' label='Address'
placeholder='Enter your address' placeholder='Enter your address'
variant='outlined' variant='outlined'
...@@ -177,6 +180,7 @@ const TelepayForm = () => { ...@@ -177,6 +180,7 @@ const TelepayForm = () => {
</div> </div>
<div className='col-md-9'> <div className='col-md-9'>
<TextField <TextField
id='city'
label='City' label='City'
placeholder='Enter your city' placeholder='Enter your city'
variant='outlined' variant='outlined'
...@@ -193,6 +197,7 @@ const TelepayForm = () => { ...@@ -193,6 +197,7 @@ const TelepayForm = () => {
</div> </div>
<div className='col-md-9'> <div className='col-md-9'>
<TextField <TextField
id='province'
label='Province' label='Province'
placeholder='Enter your province' placeholder='Enter your province'
variant='outlined' variant='outlined'
...@@ -209,6 +214,7 @@ const TelepayForm = () => { ...@@ -209,6 +214,7 @@ const TelepayForm = () => {
</div> </div>
<div className='col-md-9'> <div className='col-md-9'>
<TextField <TextField
id='country'
label='Country' label='Country'
placeholder='Enter your country' placeholder='Enter your country'
variant='outlined' variant='outlined'
...@@ -225,6 +231,7 @@ const TelepayForm = () => { ...@@ -225,6 +231,7 @@ const TelepayForm = () => {
</div> </div>
<div className='col-md-9'> <div className='col-md-9'>
<TextField <TextField
id='email'
label='Email' label='Email'
placeholder='Enter your email' placeholder='Enter your email'
variant='outlined' variant='outlined'
...@@ -242,6 +249,7 @@ const TelepayForm = () => { ...@@ -242,6 +249,7 @@ const TelepayForm = () => {
</div> </div>
<div className='col-md-9'> <div className='col-md-9'>
<TextField <TextField
id='phone'
label='Phone' label='Phone'
placeholder='Enter your phone number' placeholder='Enter your phone number'
variant='outlined' variant='outlined'
...@@ -258,6 +266,7 @@ const TelepayForm = () => { ...@@ -258,6 +266,7 @@ const TelepayForm = () => {
</div> </div>
<div className='col-md-9'> <div className='col-md-9'>
<TextField <TextField
id='description'
label='Description' label='Description'
placeholder='Enter description' placeholder='Enter description'
variant='outlined' variant='outlined'
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment