settings page
This commit is contained in:
CHIEFSOFT\ameye
@@ -15,7 +15,7 @@ export default function Settings(){
|
||||
<div className="row account-contant">
|
||||
<div className="col-12">
|
||||
<div className="card card-statistics">
|
||||
<div className="card-body p-0">
|
||||
<div className="card-body p-0" style={{backgroundColor:"#f9f9fb"}}>
|
||||
<div className="row no-gutters">
|
||||
<div className="col-xl-3 pb-xl-0 pb-5 border-right">
|
||||
<div className="page-account-profil pt-5">
|
||||
@@ -62,9 +62,9 @@ export default function Settings(){
|
||||
<button className="btn btn-light text-primary mb-2">Upload New Avatar
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button className="btn btn-danger">Delete</button>
|
||||
</div>
|
||||
{/*<div>*/}
|
||||
{/* <button className="btn btn-danger">Delete</button>*/}
|
||||
{/*</div>*/}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -77,15 +77,25 @@ export default function Settings(){
|
||||
<form>
|
||||
<div className="form-row">
|
||||
<div className="form-group col-md-12">
|
||||
<label htmlFor="name1">Full Name</label>
|
||||
<label htmlFor="name1">First Name</label>
|
||||
<input type="text" className="form-control" id="name1"
|
||||
value="Alice Williams" />
|
||||
value="Alice" />
|
||||
</div>
|
||||
<div className="form-group col-md-12">
|
||||
<label htmlFor="title1">Title</label>
|
||||
<input type="text" className="form-control" id="title1"
|
||||
value="Marketing expert" />
|
||||
<label htmlFor="name1">Last Name</label>
|
||||
<input type="text" className="form-control" id="name1"
|
||||
value="Williams" />
|
||||
</div>
|
||||
<div className="form-group col-md-12">
|
||||
<label htmlFor="name1">Account Name</label>
|
||||
<input type="text" className="form-control" id="name1"
|
||||
value="This is the best hospital name" />
|
||||
</div>
|
||||
{/*<div className="form-group col-md-12">*/}
|
||||
{/* <label htmlFor="title1">Email</label>*/}
|
||||
{/* <input type="text" className="form-control" id="title1"*/}
|
||||
{/* value="email@email.com" />*/}
|
||||
{/*</div>*/}
|
||||
<div className="form-group col-md-12">
|
||||
<label htmlFor="phone1">Phone Number</label>
|
||||
<input type="text" className="form-control" id="phone1"
|
||||
@@ -108,135 +118,47 @@ export default function Settings(){
|
||||
value="1234 North Avenue Luke Lane, South Bend, IN 360001" />
|
||||
</div>
|
||||
|
||||
<div className="form-row">
|
||||
<div className="col-12">
|
||||
<label className="mb-1">Birthday</label>
|
||||
</div>
|
||||
<div className="form-group col-md-4">
|
||||
<select id="inputState" className="form-control">
|
||||
<option>Date</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
<option>04</option>
|
||||
<option>05</option>
|
||||
<option>06</option>
|
||||
<option>07</option>
|
||||
<option>08</option>
|
||||
<option>09</option>
|
||||
<option>10</option>
|
||||
<option selected="">11</option>
|
||||
<option>12</option>
|
||||
<option>13</option>
|
||||
<option>14</option>
|
||||
<option>15</option>
|
||||
<option>16</option>
|
||||
<option>17</option>
|
||||
<option>18</option>
|
||||
<option>19</option>
|
||||
<option>20</option>
|
||||
<option>21</option>
|
||||
<option>22</option>
|
||||
<option>23</option>
|
||||
<option>24</option>
|
||||
<option>25</option>
|
||||
<option>26</option>
|
||||
<option>27</option>
|
||||
<option>28</option>
|
||||
<option>29</option>
|
||||
<option>30</option>
|
||||
<option>31</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="form-group col-md-4">
|
||||
<select id="inputState1" className="form-control">
|
||||
<option>Month</option>
|
||||
<option>January</option>
|
||||
<option>February</option>
|
||||
<option>March</option>
|
||||
<option>April</option>
|
||||
<option selected="">May</option>
|
||||
<option>June</option>
|
||||
<option>July</option>
|
||||
<option>August</option>
|
||||
<option>September</option>
|
||||
<option>October</option>
|
||||
<option>November</option>
|
||||
<option>December</option>
|
||||
</select>
|
||||
</div>
|
||||
{/*<div className="form-row">*/}
|
||||
{/* <div className="form-group col-md-4">*/}
|
||||
{/* <label htmlFor="inputState3">City</label>*/}
|
||||
{/* <select id="inputState3" className="form-control">*/}
|
||||
{/* <option>Choose...</option>*/}
|
||||
{/* <option selected="">London</option>*/}
|
||||
{/* <option>Montreal</option>*/}
|
||||
{/* <option>Delhi</option>*/}
|
||||
{/* <option>Tokyo</option>*/}
|
||||
{/* </select>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className="form-group col-md-4">*/}
|
||||
{/* <label htmlFor="inputState4">State</label>*/}
|
||||
{/* <select id="inputState4" className="form-control">*/}
|
||||
{/* <option>Choose...</option>*/}
|
||||
{/* <option selected="">England</option>*/}
|
||||
{/* <option>California</option>*/}
|
||||
{/* <option>Texas</option>*/}
|
||||
{/* <option>Scotland</option>*/}
|
||||
{/* </select>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className="form-group col-md-4">*/}
|
||||
{/* <label htmlFor="inputZip">Zip</label>*/}
|
||||
{/* <input type="text" className="form-control" id="inputZip"*/}
|
||||
{/* value="EC1A 1BB" />*/}
|
||||
{/* </div>*/}
|
||||
{/*</div>*/}
|
||||
{/*<div className="form-group">*/}
|
||||
{/* <div className="form-check">*/}
|
||||
{/* <input className="form-check-input" type="checkbox"*/}
|
||||
{/* id="gridCheck" />*/}
|
||||
{/* <label className="form-check-label" htmlFor="gridCheck">*/}
|
||||
{/* I agree to receive email notification.*/}
|
||||
{/* </label>*/}
|
||||
{/* </div>*/}
|
||||
{/*</div>*/}
|
||||
<div style={{textAlign:"right"}}>
|
||||
<button type="submit" className="btn btn-primary">Update Profile
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-md-4">
|
||||
<select id="inputState2" className="form-control">
|
||||
<option>Year</option>
|
||||
<option>1984</option>
|
||||
<option>1985</option>
|
||||
<option>1986</option>
|
||||
<option>1987</option>
|
||||
<option>1988</option>
|
||||
<option>1989</option>
|
||||
<option>1990</option>
|
||||
<option>1991</option>
|
||||
<option>1992</option>
|
||||
<option>1993</option>
|
||||
<option selected="">1994</option>
|
||||
<option>1995</option>
|
||||
<option>1996</option>
|
||||
<option>1997</option>
|
||||
<option>1998</option>
|
||||
<option>1999</option>
|
||||
<option>2000</option>
|
||||
<option>2001</option>
|
||||
<option>2002</option>
|
||||
<option>2003</option>
|
||||
<option>2004</option>
|
||||
<option>2005</option>
|
||||
<option>2006</option>
|
||||
<option>2007</option>
|
||||
<option>2008</option>
|
||||
<option>2009</option>
|
||||
<option>2010</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-row">
|
||||
<div className="form-group col-md-4">
|
||||
<label htmlFor="inputState3">City</label>
|
||||
<select id="inputState3" className="form-control">
|
||||
<option>Choose...</option>
|
||||
<option selected="">London</option>
|
||||
<option>Montreal</option>
|
||||
<option>Delhi</option>
|
||||
<option>Tokyo</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="form-group col-md-4">
|
||||
<label htmlFor="inputState4">State</label>
|
||||
<select id="inputState4" className="form-control">
|
||||
<option>Choose...</option>
|
||||
<option selected="">England</option>
|
||||
<option>California</option>
|
||||
<option>Texas</option>
|
||||
<option>Scotland</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="form-group col-md-4">
|
||||
<label htmlFor="inputZip">Zip</label>
|
||||
<input type="text" className="form-control" id="inputZip"
|
||||
value="EC1A 1BB" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<div className="form-check">
|
||||
<input className="form-check-input" type="checkbox"
|
||||
id="gridCheck" />
|
||||
<label className="form-check-label" htmlFor="gridCheck">
|
||||
I agree to receive email notification.
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" className="btn btn-primary">Update Information
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -282,7 +204,10 @@ export default function Settings(){
|
||||
<input type="text" className="form-control" id="we"
|
||||
value="https://yourwebsite.com" />
|
||||
</div>
|
||||
<button type="submit" className="btn btn-primary">Save & Update</button>
|
||||
<div style={{textAlign:"right"}}>
|
||||
<button type="submit" className="btn btn-primary">Update Links</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user