updated contact page and connect with backrnd
This commit is contained in:
parent
ccb988f7de
commit
e148a8f38f
2 changed files with 97 additions and 10 deletions
|
|
@ -1,3 +1,7 @@
|
|||
<?php
|
||||
require('admin/components/db_config.php');
|
||||
require('admin/components/utils.php');
|
||||
?>
|
||||
<!--Navbar section (bootstrap)-->
|
||||
<div class="wrap w-100">
|
||||
<div class="row align-items-center m-0 d-none d-md-flex sticky-top">
|
||||
|
|
|
|||
|
|
@ -123,6 +123,7 @@
|
|||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
|
||||
@media (max-width:980px) {
|
||||
.contact-container{
|
||||
flex-direction: column;
|
||||
|
|
@ -157,7 +158,58 @@
|
|||
.accordion-header{
|
||||
font-size: 20px;
|
||||
}
|
||||
.contact-form-title{
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
input[type=text], input[type=email], select, textarea {
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
margin-bottom: 10px;
|
||||
padding: 20px 0px 20px 10px;
|
||||
color: #333;
|
||||
text-align: left;
|
||||
border: 1px solid #747264;
|
||||
background-color: #F6F4F3;
|
||||
border-radius: 4px;
|
||||
background-clip: padding-box;
|
||||
outline: none;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
input[type=submit] {
|
||||
border: 1px solid #747264;
|
||||
background-color: #F6F4F3;
|
||||
border-radius: 4px;
|
||||
color: black;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
padding: 10px 15px 10px;
|
||||
}
|
||||
input[type=submit]:hover{
|
||||
background-color: #747264;
|
||||
color: white;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
.contact-form-container {
|
||||
max-width: 910px;
|
||||
margin: 30px 20px 50px 20px;
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
border: 1px solid #747264;
|
||||
}
|
||||
.contact-form-title{
|
||||
margin-top: 100px;
|
||||
padding-bottom: 10px;
|
||||
text-align: center;"
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -171,12 +223,18 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$contact_q = "SELECT * FROM `contact_detail` WHERE `sr_no`=?";
|
||||
$values = [1];
|
||||
$contact_r = mysqli_fetch_assoc(select($contact_q, $values, 'i'))
|
||||
?>
|
||||
<div class="panel" data-color="white">
|
||||
<div class="contact-container">
|
||||
<div class="contact-wrapper">
|
||||
<p style="margin-bottom: 50px; color: #BFB4A4; font-weight: 500; letter-spacing: 1px;">Address</p>
|
||||
<p style="text-align: center; font-size: 28px;">Midtown Hotel</p>
|
||||
<p style="text-align: center;">36381 Trantow Hill, New Port, FL 57941</p>
|
||||
<!--<p style="text-align: center;">36381 Trantow Hill, New Port, FL 57941</p>-->
|
||||
<p style="text-align: center;"><?php echo $contact_r['address']?></p>
|
||||
<div class="col-lg-12 text-center mt-5 mb-2">
|
||||
<a href="https://www.google.com/maps/place/Florida/@28.1703405,-82.5355157,7.46z/data=!4m6!3m5!1s0x88c1766591562abf:0xf72e13d35bc74ed0!8m2!3d27.6648274!4d-81.5157535!16zL20vMDJ4cnk?entry=ttu" class="btn-th">Open map</a>
|
||||
</div>
|
||||
|
|
@ -204,11 +262,11 @@
|
|||
</div>
|
||||
<div class="accordion-area">
|
||||
<p style="font-weight: 500; font-size: 18px">Phone</p>
|
||||
<p>+1 (123) 456-7891</p>
|
||||
<p><?php echo $contact_r['booking_phone']?></p>
|
||||
</div>
|
||||
<div class="accordion-area accordion-area_">
|
||||
<p style="font-weight: 500; font-size: 18px">Email</p>
|
||||
<p>accombooking@midtownhotel.com</p>
|
||||
<p><?php echo $contact_r['booking_email']?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -229,11 +287,11 @@
|
|||
</div>
|
||||
<div class="accordion-area">
|
||||
<p style="font-weight: 500; font-size: 18px">Phone</p>
|
||||
<p>+1 (123) 456-7892</p>
|
||||
<p><?php echo $contact_r['reserve_phone']?></p>
|
||||
</div>
|
||||
<div class="accordion-area accordion-area_">
|
||||
<p style="font-weight: 500; font-size: 18px">Email</p>
|
||||
<p>reservationsg@midtownhotel.com</p>
|
||||
<p><?php echo $contact_r['reserve_email']?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -254,11 +312,11 @@
|
|||
</div>
|
||||
<div class="accordion-area">
|
||||
<p style="font-weight: 500; font-size: 18px">Phone</p>
|
||||
<p>+1 (123) 456-7890</p>
|
||||
<p><?php echo $contact_r['recep_phone']?></p>
|
||||
</div>
|
||||
<div class="accordion-area accordion-area_">
|
||||
<p style="font-weight: 500; font-size: 18px">Email</p>
|
||||
<p>reception@midtownhotel.com</p>
|
||||
<p><?php echo $contact_r['recep_email']?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -279,15 +337,26 @@
|
|||
</div>
|
||||
<div class="accordion-area">
|
||||
<p style="font-weight: 500; font-size: 18px">Hotel Manager</p>
|
||||
<p style="text-align: center;">Fakey McFaker</p>
|
||||
<?php
|
||||
$team_r = selectAll('team_detail');
|
||||
$path = MANAGMENT_IMG_PATH;
|
||||
while($row = mysqli_fetch_assoc($team_r)){
|
||||
echo <<<data
|
||||
<div>
|
||||
<img src="$path$row[image]" style="width:100px; height: 100px; object-fit: cover;"/>
|
||||
<p style="margin-top: 10px; text-align: center;">$row[name]</p>
|
||||
</div>
|
||||
data;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="accordion-area">
|
||||
<p style="font-weight: 500; font-size: 18px">Phone</p>
|
||||
<p style="text-align: center;">+1 (123) 456-7899</p>
|
||||
<p style="text-align: center;"><?php echo $contact_r['offi_phone']?></p>
|
||||
</div>
|
||||
<div class="accordion-area accordion-area_">
|
||||
<p style="font-weight: 500; font-size: 18px">Email</p>
|
||||
<p style="text-align: center;">officmanager@midtownhotel.com</p>
|
||||
<p style="text-align: center;"><?php echo $contact_r['offi_email']?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -295,6 +364,20 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel" data-color="pink" style="min-height: 100%;">
|
||||
<h1 class="contact-form-title">Contact Form</h1>
|
||||
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">Can't find the contact and information you're looking for? Write to us via this quick form.</p>
|
||||
<div class="contact-form-container">
|
||||
<form>
|
||||
<input type="text" id="name" placeholder="Your Name">
|
||||
<input type="email" placeholder="Email" size="30" required></label>
|
||||
<input type="text" id="subject" placeholder="Subject">
|
||||
<textarea id="message" placeholder="Message" style="height:200px" required></textarea>
|
||||
<input type="submit" value="Send">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--footer-->
|
||||
<?php require('./components/footer.php'); ?>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue