You are on page 1of 5

.

container {
width: 100%;

padding: 1em;
/* important */
display: flex;
/* important */
align-items: stretch;
justify-content: space-around;
}

.child {
width: 100%;
background: white;
color: grey;
margin: 0 .5em;
padding: .5em;
/* important */
min-height: 100%;
}
div.absolute {

border: 2px solid black;


}
.button {
background-color: black; /* Green */
border: none;
color: gold;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
cursor: pointer;
}

.button3 {padding: 14px 40px;}

<div class="container">

<div class="child" style="color:black"><b><h1 style="font-size:25px">Bahria


Paradise</h1></b>
<p style="font-size:20px">
Precinct 54
</p>
<p>
Residenial Plot
</p>
<p>
500 Yards
</p>
<p>
Property # : Between 150 & 160
</p>
<p>
Street/Road : Street 45
</p>
<p>
<b>
Boulevard/Road,Extra Land,Park Facing,West Open ,Near Villas,Near Mosque
</b>
</p>
<br>
<div class="child1"><strong><b>Tower:</b> Not Applicable</strong><br>
<strong><b>Floor:</b> Not Applicable</strong><br>
<strong> <b>#Bedrooms:</b> Not Applicable</strong><br>
</div>
<br>
<div>
<table cellspacing="0" style="background:#272424; width:100%; border-
collapse:collapse; border:1px solid;">
<thead>
<tr class="table-row">
<th style="width:50%; padding:0px 10px 0px 10px; text-align:left;">
<h1 style="color:white">
<strong>
Asking Price :

</strong>
<br><br>
<p style="font-size:10px">
Transfer Time : 30 Days
</p>

</h1>

</th>

<th style="width:50%; padding:0px 10px 0px 10px;"> <h4 style="color:white; text-


align:right; padding-top:8px;">90,00,000 </h4>
<p style="color:white; text-align:right; padding-top:3px;">
90Lacs
</p>

<p style="color:white; font-size:9px;text-align:right; padding-top:2px;">


Plus D.p + Paid Installment
</p>

</th>
</tr>
</thead>
</table>
</div>
<div>
<table style="; width:100%; border-collapse:collapse; ">
<thead>
<tr class="table-row">
<th style="width:1%; padding:0px 10px 0px 10px; text-align:left;">
<h1 style="color:black; font-size:12px">

Possession/Utility/Category Charges :
</h1>
</th>

<th style="width:50%; padding:0px 10px 0px 10px;"> <h4 style="color:black; text-


align:right; padding-top:4px;font-size:11px">Paid
<br>
Include in Price
</h4>

</th>
</tr>
</thead>
</table>
</div>
<div>
<table style="; width:100%; border-collapse:collapse; border:1px solid">
<thead>
<tr class="table-row">
<th style="width:1%; padding:0px 10px 0px 10px; text-align:left;">
<h1 style="color:black;font-size:12px">
<b>
ExtraLandCharges:
</b>
</h1>
</th>

<th style="width:50%; padding:0px 10px 0px 10px;"> <h4 style="color:Red; text-


align:right; padding-top:4px;font-size:11px">Not Paid
<br>
Not Include in Price
</h4>

</th>
</tr>
</thead>
</table>
</div>
<button class="button button3">View Details to Make Offer</button>

</div>

<div class="child" style="color:black">


<b><h1 style="font-size:25px">Bahria Paradise</h1></b>
<p>
Precinct 54
</p>
<p>
Residenial Plot
</p>
<p>
500 Yards
</p>
<p>
Property # : Between 150 & 160
</p>
<p>
Street/Road : Street 45
</p>
<p>
<b>
Boulevard/Road,Extra Land,Park Facing,West Open ,Near Villas,Near Mosque.
</b>
</p>
<br>

<div class="child1"><strong><b>Tower:</b>Not Applicable</strong><br>


<strong><b>Floor:</b> Not Applicable</strong><br>
<strong> <b> # Bedrooms:</b> Not Applicable</strong><br>
</div>
<br>
<div>
<table cellspacing="0" style="background:#272424; width:100%; border-
collapse:collapse; border:1px solid;">
<thead>
<tr class="table-row">
<th style="width:50%; padding:0px 10px 0px 10px; text-align:left;">
<h1 style="color:white">
<strong>
Asking Price :

</strong>
<br><br>
<p style="font-size:10px">
Transfer Time : 30 Days
</p>

</h1>

</th>

<th style="width:50%; padding:0px 10px 0px 10px;"> <h4 style="color:white; text-


align:right; padding-top:8px;">90,00,000 </h4>
<p style="color:white; text-align:right; padding-top:3px;">
90Lacs<br>
Full Price
</p>
</th>
</tr>
</thead>
</table>
</div>
<div>
<table style="; width:100%; border-collapse:collapse; ">
<thead>
<tr class="table-row">
<th style="width:1%; padding:0px 10px 0px 10px; text-align:left;">
<h1 style="color:black; font-size:12px">

Possession/Utility/Category Charges :
</h1>
</th>

<th style="width:50%; padding:0px 10px 0px 10px;"> <h4 style="color:black; text-


align:right; padding-top:4px;font-size:11px">Paid
<br>
Include in Price
</h4>

</th>
</tr>
</thead>
</table>
</div>
<div>
<table style="; width:100%; border-collapse:collapse; border:1px solid">
<thead>
<tr class="table-row">
<th style="width:1%; padding:0px 10px 0px 10px; text-align:left;">
<h1 style="color:black;font-size:12px">
<b>
ExtraLandCharges:
</b>
</h1>
</th>

<th style="width:50%; padding:0px 10px 0px 10px;"> <h4 style="color:Red; text-


align:right; padding-top:4px;font-size:11px">Not Paid
<br>
Not Include in Price
</h4>

</th>
</tr>
</thead>
</table>
</div>
<button class="button button3">View Details to Make Offer</button>

</div>
</div>

You might also like