<?php
ob_start();
session_start();
$pageTitle = 'Costs calculator';
include 'init.php';
?>
<div class="nohead"></div>
<div class="py-4">
<div class="container-xl">
<div class="row justify-content-center">
<div class="col-md-10 text-center">
<h2 class="section-title" data-aos="fade-up" data-aos-delay="">Construction cost calculator</h2><hr class="m-auto">
<p class="lead fw-bold" data-aos="fade-up" data-aos-delay="100">The Construction Cost Calculator is an indicative service that aims to educate and help those planning to build their houses to understand the estimated construction cost of their projects and help in arranging the feasibility study . It gives an initial indication of the expected cost of the house with an accuracy of no less than 90%. The calculator is suitable for projects with areas ranging from 280-560 square meters (3000-6000 square feet). <br> (3000-6000 square feet).</p>
<hr class="m-auto"></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-12">
<section class="site-section border-bottom bg-light mt-4" id="services-section">
<div class="row align-items-stretch">
<div class="owl-costcalc owl-carousel">
<div class="" data-aos="fade-up">
<div class="unit-4 text-center px-2">
<div class="unit-4-icon">
<img src="img/serv_ico/arch.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
</div>
<div>
<h3 class="mt-3">Architectural Design</h3>
</div>
</div>
</div>
<div class="" data-aos="fade-up" data-aos-delay="100">
<div class="unit-4 text-center px-2">
<div class="unit-4-icon">
<img src="img/serv_ico/eng.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
</div>
<div>
<h3 class="mt-3">Engineering Design</h3>
</div>
</div>
</div>
<div class="mb-4" data-aos="fade-up" data-aos-delay="200">
<div class="unit-4 text-center px-2">
<div class="unit-4-icon">
<img src="img/serv_ico/tec.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
</div>
<div>
<h3 class="mt-3">Technical – Advisory</h3>
</div>
</div>
</div>
<div class="mb-4" data-aos="fade-up" >
<div class="unit-4 text-center px-2">
<div class="unit-4-icon">
<img src="img/serv_ico/plan.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
</div>
<div>
<h3 class="mt-3">Auditing architectural plans</h3>
<p class="atext-cus fw-bold h4">1000 <sub>AED</sub></p>
</div>
</div>
</div>
<div class="mb-4" data-aos="fade-up" data-aos-delay="100">
<div class="unit-4 text-center px-2">
<div class="unit-4-icon">
<img src="img/serv_ico/done.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
</div>
<div>
<h3 class="mt-3">Final project inspection</h3>
<p class="atext-cus fw-bold h4">1000 <sub>AED</sub></p>
</div>
</div>
</div>
<div class="mb-4" data-aos="fade-up" data-aos-delay="200">
<div class="unit-4 text-center px-2">
<div class="unit-4-icon">
<img src="img/serv_ico/value.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
</div>
<div>
<h3 class="mt-3">Value engineering</h3>
</div>
</div>
</div>
<div class="mb-4" data-aos="fade-up" data-aos-delay="200">
<div class="unit-4 text-center px-2">
<div class="unit-4-icon">
<img src="img/serv_ico/contract.png" alt="alliwan_services" class="img-fluid w-25 mb-4 m-auto">
</div>
<div>
<h3 class="mt-3">Auditing contracts and specifications</h3>
<p class="atext-cus fw-bold h4">500 <sub>AED</sub></p>
</div>
</div>
</div>
</div>
</div>
<a href="services.php"><button class="btn btn-primary mt-5">Learn More</button></a>
</section>
<section class="site-section" id="blog-section">
<div class="owl-costcalc owl-carousel">
<?php foreach (getprojhead() as $key ) {?>
<div class="item" data-aos="fade-up" data-aos-delay="">
<div class="h-entry text-center">
<a href="details.php?projectcode=<?php echo $key['code']; ?>">
<img style="height: 220px;width: 100%" src="admin/images/uploads/projects/<?php echo $key['img1'];?>" alt="Image" class="img-fluid">
</a>
<h2 class="font-size-regular"><a href="#"><?php echo $key['tittle']?></a></h2>
<div class="meta mb-4"><?php echo $key['compname'] ?><span class="mx-2">•</span> <?php echo $key['donedate'] ?></div>
<hr>
<p class="mypr_desc"><?php echo substr($key['description'], 0, 60) . "..."?></p>
<hr>
<p><a href="details.php?projectcode=<?php echo $key['code']; ?>" class="btn btn-primary m-auto text-center mr-2 mb-2">view Project</a></p>
</div>
</div>
<?php }?>
</div>
</section>
</div>
<div class="col-lg-8 col-md-12">
<section class="add_my">
<form action="costresult.php" method="POST" class="form_calc" id="form-step">
<p class="h4 add_my_p"> Construction cost calculator <br> <bold class="shadow-sm p-2 h2 rounded-pill fw-bold"> ALLIWAN </bold> </p>
<!-- Progress bar -->
<div class="progressbar">
<div class="progress" id="progress"></div>
<div class="progress-step progress-step-active" data-title="step1"></div>
<div class="progress-step" data-title="step2"></div>
<div class="progress-step" data-title="step3"></div>
<div class="progress-step" data-title="step4"></div>
</div>
<div class="ermsg">
<?php if (isset($_GET['Message'])){?>
<div class="box-root padding-top--5 padding-bottom--2 flex-flex flex-justifyContent--center">
<p class="custom_msg"><?php echo $_GET['Message']; ?></p>
</div>
<?php }?>
</div>
<!-- Steps -->
<div class="form-step form-step-active">
<hr>
<p class="text-center bg-info fw-bold bg-gradeint px-2 rounded text-light w-75 m-auto"> Make sure to fill all required filed <span class="fs-1">( ◈ )</span></p>
<hr>
<div class="row">
<div class="col-12">
<div class="type mt-4 w-50 m-auto">
<label for="type" class="text-dark fw-bold text-center"> City <span class="text-danger fs-5">◈</span></label>
<select class="form-select text-center" aria-label="Default select example" name="city_is" required="required">
<?php foreach ( actcitycalclist() as $citylist ) { ?>
<option class="bg-white fw-bold text-center px-5" value="<?php echo $citylist['citcalc_id'] ?>"> <?php echo $citylist['citcalc_name'] ?> </option>
<?php }?>
</select>
</div>
</div>
</div>
<hr class="my-5">
<div class="row">
<div class="col-12">
<div class="mycheck_finishfence">
<label for="finishfence" class="text-secondary fw-bold py-3 px-2"> Choose the finishing of the compound wall <span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-6">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="finishfence" id="finishfence" value="naturalstone">
<label class="form-check-label text-dark" for="finishfence"> natural stone </label>
</div>
</div>
<div class="col-6">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" checked name="finishfence" id="finishfence" value="dye">
<label class="form-check-label text-dark" for="finishfence"> Paint </label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="w-100">
<hr class="my-3">
<div class="input-group">
<di class="col-lg-6 col-md-12">
<label for="subject_name" class="text-secondart fw-bold text-center"> Enter the length of the street side compound walls (m) <span class="text-danger fs-5">◈</span></label>
</di>
<div class="col-lg-6 col-md-12">
<input type="number" class="w-100 fw-bold py-2" required="required" name="stfence" id="stfence" />
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="w-100">
<hr class="my-3">
<div class="input-group">
<di class="col-lg-6 col-md-12">
<label for="subject_name" class="text-secondart fw-bold text-center"> Enter the length of the side compound wall (m) <span class="text-danger fs-5">◈</span></label>
</di>
<div class="col-lg-6 col-md-12">
<input type="number" class="w-100 fw-bold py-2" required="required" name="sifence" id="sifence" />
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="mt-5">
<div class="row">
<div class="col-lg-6 col-sm-7">
<a href="#form-step" class="btn btn-next w-50 text-center m-auto">Next</a>
</div>
<div class="col-lg-4"></div>
<div class="col-lg-2">
<img src="img/logo.jpg" class="img-fluid liwan_calc_logo" alt="liwamnlogo">
</div>
</div>
</div>
</div>
<div class="form-step">
<div class="justtitle mb-5 ">
<p class="text-muted mt-3 shadow p-3 rounded-pill fw-bold text-center fs-5 m-auto w-75"> number of floors </p>
</div>
<div class="row">
<div class="col-12">
<div class="mycheck_finishinglevel">
<label for="finishinglevel" class="text-muted fw-bold px-2"> finishing level <span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-4">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="finishinglevel" id="finishinglevel" value="normal">
<label class="form-check-label " for="finishinglevel"> Normal </label>
</div>
</div>
<div class="col-4">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" checked name="finishinglevel" id="finishinglevel" value="good">
<label class="form-check-label " for="finishinglevel"> Good </label>
</div>
</div>
<div class="col-4">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="finishinglevel" id="finishinglevel" value="excellent">
<label class="form-check-label " for="finishinglevel"> Excellent </label>
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="my-5"><br>
<div class="row">
<div class="col-lg-4 col-sm-6">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" name="isabasement" id="isabasement" value="1"
data-bs-toggle="collapse" href="#basement" role="button" aria-expanded="false" aria-controls="basement">
<label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="isabasement">
Basement
</label>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" name="groundfloor" id="groundfloor" value="1"
data-bs-toggle="collapse" href="#itsgroundfloor" role="button" aria-expanded="false" aria-controls="itsgroundfloor">
<label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="groundfloor">
Ground floor
</label>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" name="firstfloor" id="firstfloor" value="1"
data-bs-toggle="collapse" href="#itsfirstfloor" role="button" aria-expanded="false" aria-controls="itsfirstfloor">
<label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="firstfloor">
First floor
</label>
</div>
</div>
<div class="col-lg-4 col-sm-6 ">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" name="secoundfloor" id="secoundfloor" value="1"
data-bs-toggle="collapse" href="#itssecondfloor" role="button" aria-expanded="false" aria-controls="itssecondfloor">
<label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="secoundfloor">
Second floor
</label>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" name="supplement" id="supplement" value="1"
data-bs-toggle="collapse" href="#itssupplement" role="button" aria-expanded="false" aria-controls="itssupplement">
<label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="supplement">
Kitchen block
</label>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" name="driverroom" id="driverroom" value="1"
data-bs-toggle="collapse" href="#itsdriverroom" role="button" aria-expanded="false" aria-controls="itsdriverroom">
<label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="driverroom">
Driver room
</label>
</div>
</div>
<div class="col-lg-4 col-sm-6 ">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" name="externalcouncil" id="externalcouncil" value="1"
data-bs-toggle="collapse" href="#itsexternalcouncil" role="button" aria-expanded="false" aria-controls="itsexternalcouncil">
<label class="form-check-label text-dark fw-bold py-3 text-nowrap" for="externalcouncil">
External Majlis
</label>
</div>
</div>
<!-- collapse start -->
<div class="col-12"><!-- collapse 1 -->
<div class="collapse w-100" id="basement">
<hr class="my-3">
<div class="input-group">
<di class="col-6">
<label for="subject_name" class="text-secondary fw-bold text-center"> Enter the basement space (ft<sup>2</sup>) <span class="text-danger fs-5">◈</span></label>
</di>
<div class="col-6">
<input type="number" class="w-100 fw-bold py-2" placeholder="less space is 1000 ft2" min="1000" name="basement_space" id="basementspace" />
</div>
</div>
</div>
</div>
<div class="col-12"><!-- collapse 2 -->
<div class="collapse w-100" id="itsgroundfloor">
<hr class="my-3">
<div class="input-group">
<di class="col-6">
<label for="subject_name" class="text-secondary fw-bold text-center"> Enter the ground floor area (ft<sup>2</sup>) <span class="text-danger fs-5">◈</span></label>
</di>
<div class="col-6">
<input type="number" class="w-100 fw-bold py-2" placeholder="less space is 1000 ft2" min="1000" name="groundfloor_space" id="groundfloor_space" />
</div>
</div>
</div>
</div>
<div class="col-12"><!-- collapse 3 -->
<div class="collapse w-100" id="itsfirstfloor">
<hr class="my-3">
<div class="input-group">
<di class="col-6">
<label for="subject_name" class="text-secondary fw-bold text-center"> Enter the First Floor space (ft<sup>2</sup>) <span class="text-danger fs-5">◈</span></label>
</di>
<div class="col-6">
<input type="number" class="w-100 fw-bold py-2" placeholder="less space is 1000 ft2" min="1000" name="firstfloor_space" id="firstfloor_space" />
</div>
</div>
</div>
</div>
<div class="col-12"><!-- collapse 4 -->
<div class="collapse w-100" id="itssecondfloor">
<hr class="my-3">
<div class="input-group">
<di class="col-6">
<label for="subject_name" class="text-secondary fw-bold text-center"> Enter the Second Floor space (ft<sup>2</sup>) <span class="text-danger fs-5">◈</span></label>
</di>
<div class="col-6">
<input type="number" class="w-100 fw-bold py-2" placeholder="less space is 1000 ft2" min="1000" name="secoundfloor_space" id="secoundfloor_space" />
</div>
</div>
</div>
</div>
<div class="col-12"><!-- collapse 5 -->
<div class="collapse w-100" id="itssupplement">
<hr class="my-3">
<div class="input-group">
<di class="col-6">
<label for="subject_name" class="text-secondary fw-bold text-center"> Enter the supplement space (ft<sup>2</sup>) <span class="text-danger fs-5">◈</span></label>
</di>
<div class="col-6">
<input type="number" class="w-100 fw-bold py-2" placeholder="less space is 1000 ft2" min="1000" name="supplement_space" id="supplement_space" />
</div>
</div>
</div>
</div>
<div class="col-12"><!-- collapse 6 -->
<div class="collapse w-100" id="itsdriverroom">
<hr class="my-3">
<div class="input-group">
<di class="col-6">
<label for="subject_name" class="text-secondary fw-bold text-center"> Enter the Driver Room space (ft<sup>2</sup>) <span class="text-danger fs-5">◈</span></label>
</di>
<div class="col-6">
<input type="number" class="w-100 fw-bold py-2" placeholder="less space is 1000 ft2" min="1000" name="driverroom_space" id="driverroom_space" />
</div>
</div>
</div>
</div>
<div class="col-12"><!-- collapse 7 -->
<div class="collapse w-100" id="itsexternalcouncil">
<hr class="my-3">
<div class="input-group">
<di class="col-6">
<label for="subject_name" class="text-secondary fw-bold text-center"> Enter the External Council space (ft<sup>2</sup>) <span class="text-danger fs-5">◈</span></label>
</di>
<div class="col-6">
<input type="number" class="w-100 fw-bold py-2" placeholder="less space is 1000 ft2" min="1000" name="externalcouncil_space" id="externalcouncil_space" />
</div>
</div>
</div>
</div>
</div>
<div class="mt-5">
<hr>
<div class="row">
<div class="col-lg-4 col-sm-12 my-2">
<a href="#form-step" class="btn btn-prev w-75 fw-bold">Previous</a>
</div>
<div class="col-lg-4 col-sm-12 my-2">
<a href="#form-step" class="btn btn-next w-75 fw-bold">Next</a>
</div>
<div class="col-lg-2"></div>
<div class="col-lg-2">
<img src="img/logo.jpg" class="img-fluid liwan_calc_logo" alt="liwamnlogo">
</div>
</div>
</div>
</div>
<div class="form-step">
<hr>
<div class="row">
<div class="col-12">
<div class="input-group">
<di class="col-6">
<label for="subject_name" class="text-secondary fw-bold text-center py-2"> Car Parking spots (0 - 8) <span class="text-danger fs-5">◈</span></label>
</di>
<div class="col-6">
<input type="number" min="0" max="8" required="required" class="w-100 fw-bold py-2" name="parking_number" id="parking_number" />
</div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-12">
<div class="mycheck_gender">
<label for="laddertoroof" class="text-secondary fw-bold px-2"> Do you want the staircase to reach the roof ? <span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-6">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="laddertoroof" id="laddertoroof" value="1">
<label class="form-check-label text-dark" for="laddertoroof"> YES </label>
</div>
</div>
<div class="col-6">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" checked name="laddertoroof" id="laddertoroof" value="0">
<label class="form-check-label text-dark" for="laddertoroof"> NO </label>
</div>
</div>
</div>
</div>
</div>
<hr>
</div>
<hr>
<div class="row">
<div class="col-lg-6">
<div class="mycheck_gender">
<label for="roadsite" class="text-secondary fw-bold px-2 text-nowrap"> Is there a road leading to the site ? <span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="roadsite" id="roadsite" value="1">
<label class="form-check-label text-dark" for="roadsite"> YES </label>
</div>
</div>
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" checked name="roadsite" id="roadsite" value="0">
<label class="form-check-label text-dark" for="roadsite"> NO </label>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="mycheck_gender">
<label for="drawer" class="text-secondary fw-bold px-2 text-nowrap"> choose the staircase type <span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="drawer" id="drawer" value="1">
<label class="form-check-label text-dark" for="drawer"> Spiral </label>
</div>
</div>
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" checked name="drawer" id="drawer" value="0">
<label class="form-check-label text-dark" for="drawer"> Normal </label>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-6">
<div class="mycheck_gender">
<label for="elevator" class="text-secondary fw-bold px-2 text-nowrap"> Do you want to build an elevator ? <span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="elevator" id="elevator" value="1">
<label class="form-check-label text-dark" for="elevator"> YES </label>
</div>
</div>
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" checked name="elevator" id="elevator" value="0">
<label class="form-check-label text-dark" for="elevator"> NO </label>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="mycheck_gender">
<label for="gaz" class="text-secondary fw-bold px-2 text-nowrap"> Do you want to set up gas ? <span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="gaz" id="gaz" value="1">
<label class="form-check-label text-dark" for="gaz"> YES </label>
</div>
</div>
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" checked name="gaz" id="gaz" value="0">
<label class="form-check-label text-dark" for="gaz"> NO </label>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12 mt-4">
<div class="mycheck_gender">
<label for="heater" class="text-secondary fw-bold px-2"> Do you want to build a central solar water heater ? <span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="heater" id="heater" value="1">
<label class="form-check-label text-dark" for="heater"> YES </label>
</div>
</div>
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" checked name="heater" id="heater" value="0">
<label class="form-check-label text-dark" for="heater"> NO </label>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="mt-5">
<div class="row">
<div class="col-lg-4 col-sm-12 my-2">
<a href="#form-step" class="btn btn-prev w-75 fw-bold">Previous</a>
</div>
<div class="col-lg-4 col-sm-12 my-2">
<a href="#form-step" class="btn btn-next w-75 fw-bold">Next</a>
</div>
<div class="col-lg-2"></div>
<div class="col-lg-2">
<img src="img/logo.jpg" class="img-fluid liwan_calc_logo" alt="liwamnlogo">
</div>
</div>
</div>
</div>
<div class="form-step">
<hr>
<div class="row">
<div class="col-lg-5">
<div class="mycheck_gender">
<label for="actype" class="text-secondary fw-bold px-2 "> AC Type <span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="actype" id="actype" value="a">
<label class="form-check-label text-dark" for="actype"> Split Decortive </label>
</div>
</div>
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" checked name="actype" id="actype" value="b">
<label class="form-check-label text-dark" for="actype"> Split Decor </label>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="mycheck_gender">
<label for="roomdecor" class="text-secondary fw-bold px-2 ">Do you want internal decoration?(basic decoration)<span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="roomdecor" id="roomdecor" value="1">
<label class="form-check-label text-dark" for="roomdecor"> YES </label>
</div>
</div>
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" checked name="roomdecor" id="roomdecor" value="0">
<label class="form-check-label text-dark" for="roomdecor"> NO </label>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-5">
<div class="mycheck_gender">
<label for="outdecortype" class="text-secondary fw-bold px-2"> External finishing type <span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="checkbox" name="outdecortype" id="outdecortype" value="1">
<label class="form-check-label text-dark text-nowrap" for="outdecortype"> Natural stone </label>
</div>
</div>
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="checkbox" name="outdecortype" id="outdecortype" value="2">
<label class="form-check-label text-dark text-nowrap" for="outdecortype"> Roof tiles </label>
</div>
</div>
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="checkbox" checked name="outdecortype" id="outdecortype" value="0">
<label class="form-check-label text-dark text-nowrap" for="outdecortype"> paint </label>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="mycheck_gender">
<label for="sanitation" class="text-secondary fw-bold px-2 text-nowrap"> Is there drainage connection ? <span class="text-danger fs-5">◈</span></label>
<div class="row">
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" checked name="sanitation" id="sanitation" value="1">
<label class="form-check-label text-dark" for="sanitation"> YES </label>
</div>
</div>
<div class="col-12">
<div class="form-check form-check-inline w-50 px-2">
<input class="form-check-input" type="radio" name="sanitation" id="sanitation" value="0">
<label class="form-check-label text-dark" for="sanitation"> NO </label>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-12">
<div class="input-group">
<di class="col-6">
<label for="subject_name" class="text-secondary fw-bold text-center"> interlock area (M<sup>2</sup>) <span class="text-danger fs-5">◈</span></label>
</di>
<div class="col-6">
<input type="number" class="w-100 fw-bold py-2" required="required" name="interlock_space" id="interlock_space" />
</div>
</div>
</div>
</div>
<hr class="my-4">
<p class="text-white px-5 py-3 bg-danger bg-gradeint rounded-pill shadow-sm text-center"> Please make sure to fill in all required fields, the calculator will not work if any required field is missing </p>
<hr class="my-4">
<div class="row">
<div class="col-lg-6 col-sm-12 my-2">
<a href="#form-step" class="btn btn-prev w-50">Previous</a>
</div>
<div class="col-lg-6 col-sm-12 my-2">
<input type="submit" name="Const_Cost_Calc" value="Submit" class="btn btn-primary opacity-100 w-75" />
</div>
</div>
</div>
</form>
</section>
</div>
</div>
</div>
<?php
include $tpl . 'footer.php';
ob_end_flush();
?>| Name | Type | Size | Permission | Actions |
|---|---|---|---|---|
| .well-known | Folder | 0755 |
|
|
| admin | Folder | 0755 |
|
|
| ar | Folder | 0755 |
|
|
| cgi-bin | Folder | 0755 |
|
|
| css | Folder | 0755 |
|
|
| fonts | Folder | 0755 |
|
|
| images | Folder | 0755 |
|
|
| img | Folder | 0755 |
|
|
| includes | Folder | 0755 |
|
|
| js | Folder | 0755 |
|
|
| set | Folder | 0755 |
|
|
| aboutus.php | File | 13.61 KB | 0644 |
|
| add_consultation.php | File | 2.94 KB | 0644 |
|
| amp.php | File | 26.25 KB | 0644 |
|
| contact.php | File | 3.96 KB | 0644 |
|
| costresult.php | File | 13.62 KB | 0644 |
|
| costscalc.php | File | 42.66 KB | 0644 |
|
| costscalc2.php | File | 42.68 KB | 0644 |
|
| customer_special.php | File | 17.66 KB | 0644 |
|
| details.php | File | 6.1 KB | 0644 |
|
| error_log | File | 63.37 KB | 0644 |
|
| favicon.jpg | File | 604 B | 0644 |
|
| googleb1aa3c3470ce80fb (16).html | File | 53 B | 0644 |
|
| googleb1aa3c3470ce80fb.html | File | 53 B | 0644 |
|
| googlef3aa636d4a99ee0b.html | File | 53 B | 0644 |
|
| index.php | File | 20.92 KB | 0644 |
|
| init.php | File | 560 B | 0644 |
|
| liwan2023.zip | File | 10.56 MB | 0644 |
|
| projects.php | File | 2.72 KB | 0644 |
|
| ret.php | File | 2.9 KB | 0644 |
|
| robots.txt | File | 65 B | 0644 |
|
| services.php | File | 8.58 KB | 0644 |
|
| sitemap.xml | File | 491 B | 0644 |
|
