Commit bf684296 authored by Ramani cherala's avatar Ramani cherala
Browse files

Update edit profile.html

parent 8c8edbd2
......@@ -9,11 +9,11 @@
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<style>
body {font-family: arial, Helvetica, sans-serif; background-image:url(" https://previews.123rf.com/images/scienceboy123rf/scienceboy123rf1709/scienceboy123rf170900018/85115702-group-of-red-blood-cells-isolated-on-white-background-3d-rendering-.jpg")}
* {box-sizing: border-box;background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%}
* {box-sizing: border-box;background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%}
.input-container {
display: -ms-flexbox; /* IE10 */
......@@ -36,7 +36,7 @@ body {font-family: arial, Helvetica, sans-serif; background-image:url(" https://
width: 100%;
padding: 10px;
outline: none;
opacity: 0.8;
opacity: 0.8;
box-shadow: 8px 8px 5px black;
}
......@@ -55,6 +55,66 @@ body {font-family: arial, Helvetica, sans-serif; background-image:url(" https://
opacity: 0.8;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.btn:hover {
opacity: 5;
}
......@@ -65,12 +125,12 @@ body {font-family: arial, Helvetica, sans-serif; background-image:url(" https://
<body>
<form action="/dreg" method="POST">
<div class="container-fluid text-center bg-grey">
<b><h1 style="color:pink"></h1></b>
<div class="row text-center">
<div class="col-sm-6" style="color:pink">
<h2>Edit Profile</h2>
......@@ -82,7 +142,7 @@ body {font-family: arial, Helvetica, sans-serif; background-image:url(" https://
<div class="input-container col-sm-9">
<i class="fa fa-envelope icon"></i>
<input class="input-field" type="email" placeholder="Email" name="demail" required>
</div>
</div>
<div class="input-container col-sm-9">
......@@ -129,11 +189,11 @@ body {font-family: arial, Helvetica, sans-serif; background-image:url(" https://
<option value="49"> 49</option>
<option value="50"> 50</option>
</select>
</div>
</div>
<div class="input-container col-sm-9 " required>
<i class="far fa-genederless icon"></i>
<select name="Gender" required>
......@@ -191,36 +251,36 @@ body {font-family: arial, Helvetica, sans-serif; background-image:url(" https://
<option value="Ibrahimpatnam"> Ibrahimpatnam</option>
<option value="Malakpet"> Malakpet</option>
<option value="Jeedimetla"> Jeedimetla</option>
<option value="kukatpally"> kukatpally</option>
<option value="Adilabad">Adilabad </option>
<option value="Bhadradri Kothagudem"> Bhadradri Kothagudem</option>
<option value="Jagityal"> Jagityal</option>
<option value="Jangaon"> Jangaon</option>
<option value="Jayashankar Bhupalpally"> Jayashankar Bhupalpally</option>
<option value="Gadwal"> Gadwal</option>
<option value="Kamareddy"> Kamareddy</option>
<option value="Karimnagar"> Karimnagar</option>
<option value="Khammam"> Khamman</option>
<option value="Komaram Bheem"> Komaram Bheem</option>
<option value="Mahabubabad"> Mahabubabad</option>
<option value="Mahabubnagar"> Mahabubnagar</option>
<option value="Mancherial"> Mancherial</option>
<option value="Medak"> Medak</option>
<option value="Medchal-Malkajgiri"> Medchal-Malkajgiri</option>
<option value="Mugulu">Mugulu</option>
<option value="Nagarkurnool"> Nagarkurnool</option>
<option value="Narayanpet"> Narayanpet</option>
<option value="Nalgonda"> Nalgonda</option>
<option value="Nirmal">Nirmal</option>
<option value="Nizamabad">Nizamabad</option>
<option value="Pedapelli"> Pedapelli</option>
<option value="Rajanna Sircilla"> Rajanna Sircilla</option>
<option value="Rangareddy"> Rangareddy</option>
<option value="Sangareddy"> Sangareddy</option>
<option value="Siddipet"> Siddipet</option>
<option value="kukatpally"> kukatpally</option>
<option value="Adilabad">Adilabad </option>
<option value="Bhadradri Kothagudem"> Bhadradri Kothagudem</option>
<option value="Jagityal"> Jagityal</option>
<option value="Jangaon"> Jangaon</option>
<option value="Jayashankar Bhupalpally"> Jayashankar Bhupalpally</option>
<option value="Gadwal"> Gadwal</option>
<option value="Kamareddy"> Kamareddy</option>
<option value="Karimnagar"> Karimnagar</option>
<option value="Khammam"> Khamman</option>
<option value="Komaram Bheem"> Komaram Bheem</option>
<option value="Mahabubabad"> Mahabubabad</option>
<option value="Mahabubnagar"> Mahabubnagar</option>
<option value="Mancherial"> Mancherial</option>
<option value="Medak"> Medak</option>
<option value="Medchal-Malkajgiri"> Medchal-Malkajgiri</option>
<option value="Mugulu">Mugulu</option>
<option value="Nagarkurnool"> Nagarkurnool</option>
<option value="Narayanpet"> Narayanpet</option>
<option value="Nalgonda"> Nalgonda</option>
<option value="Nirmal">Nirmal</option>
<option value="Nizamabad">Nizamabad</option>
<option value="Pedapelli"> Pedapelli</option>
<option value="Rajanna Sircilla"> Rajanna Sircilla</option>
<option value="Rangareddy"> Rangareddy</option>
<option value="Sangareddy"> Sangareddy</option>
<option value="Siddipet"> Siddipet</option>
<option value="Suryapet">Suryapet</option>
<option value="Vikarabad"> Vikarabad</option>
<option value="Wanaparthy">Wanaparthy</option>
<option value="Vikarabad"> Vikarabad</option>
<option value="Wanaparthy">Wanaparthy</option>
<option value="Warangal">Warangal</option>
<option value="Yadadri Bhuvanagiri">Yadadri Bhuvanagiri</option>
</select>
......@@ -231,8 +291,16 @@ body {font-family: arial, Helvetica, sans-serif; background-image:url(" https://
<i class="fa fa-mobile icon"></i>
<input class="input-field" type="tel" placeholder="Mobile Number" name="DNumber" maxlength="10" required>
</div>
<div class="input-container col-sm-9">
<p> (On the button to provide your availability. You can switch it off when you can't donate)</p>
</div>
<div class="input-container col-sm-9 " required>
<label class="switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
</div>
<div class="col-sm-9">
......
Supports Markdown
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