"Add Property"
Bootstrap 4.0.0 Snippet by Gurdeep Osahan

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="http://cdn.materialdesignicons.com/2.1.99/css/materialdesignicons.min.css" rel="stylesheet" />
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8 mx-auto">
<form>
<div class="card">
<div class="card-body">
<div class="form-group">
<label>Property Title <span class="text-danger">*</span></label>
<input type="text" class="form-control" placeholder="Enter Full Name">
</div>
<div class="form-group">
<label>Property Description <span class="text-danger">*</span></label>
<textarea class="form-control" rows="4"></textarea>
</div>
<div class="row">
<div class="form-group col-md-4">
<label>Type <span class="text-danger">*</span></label>
<select class="form-control">
<option>Select Type</option>
<option>Type 1</option>
<option>Type 2</option>
<option>Type 3</option>
</select>
</div>
<div class="form-group col-md-4">
<label>Status <span class="text-danger">*</span></label>
<select class="form-control">
<option>Select Status</option>
<option>Type 1</option>
<option>Type 2</option>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.fuzone {
background: #f9f9f9 none repeat scroll 0 0;
border: 2px dashed #eeeeee;
border-radius: 3px;
cursor: pointer;
display: inline-block;
float: left;
margin-bottom: 10px;
margin-top: 20px;
min-height: 150px;
position: relative;
transition: all 0.3s linear 0s;
width: 100%;
}
.fuzone .fu-text {
color: #98aab8;
font-size: 12px;
margin: 50px 0;
position: relative;
text-align: center;
}
.fuzone .fu-text i {
font-size: 54px;
padding-bottom: 10px;
transition: all 0.3s linear 0s;
width: 100%;
}
.fuzone input {
cursor: pointer;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Dashboard Pro

Questions / Comments: