MAINHACK

Viewing / Editing File: contact-us.php

<?php session_start();?>
<!DOCTYPE html>
<html lang="en">
<head>
  
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>The Salon Friend | Contact Us</title>

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

<link rel="stylesheet" href="./assets/vendor/bootstrap-icons/font/bootstrap-icons.css">
  <link rel="stylesheet" href="./assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.css">

<link rel="stylesheet" href="./assets/css/theme.min.css">
</head>

<main id="content" role="main">

<div class="overflow-hidden">
      <div class="container content-space-1 content-space-lg-4">
        <div class="row">

<form method="POST" action="sendContact.php">
                    <div class="row">
                      <div class="col-sm-6 mb-4 mb-sm-0">
                        
                        <div class="mb-4">
                          <label class="form-label" for="contactsFormFirstName">First name</label>
                          <input type="text" class="form-control" name="first_name" id="contactsFormFirstName" required>
                        </div>
                        
                      </div>

<div class="row">
                      <div class="col-sm-6 mb-4 mb-sm-0">
                        
                        <div class="mb-4">
                          <label class="form-label" for="contactsFormCompany">Phone number</label>
                          <input type="text" class="form-control" name="phone" id="contactsFormCompany"  aria-label="thesalonfriend">
                        </div>
                        
                      </div>

<div class="col-sm-6">
                        
                        <div class="mb-4">
                          <label class="form-label" for="contactsFormCompanyWebsite"> Subject</label>
                          <input type="text" class="form-control" name="subject" id="contactsFormCompanyWebsite" required>
                        </div>
                        
                      </div>
                      
                    </div>

<div class="mb-4">
                      <label class="form-label" for="contactsFormWorkEmail">Work email</label>
                      <input type="text" class="form-control" name="email" id="contactsFormWorkEmail" required>
                    </div>

<div class="mb-4">
                      <label class="form-label" for="contactsFormDetails">Details</label>
                      <textarea class="form-control" required name="message" id="contactsFormDetails" rows="4"></textarea>
                    </div>

<div class="d-grid" style="width: 150px;">
                      <button type="submit" class="btn btn-primary btn-lg">Send inquiry</button>
                    </div>
                  </form>
                </div>
                
              </div>

<figure class="position-absolute bottom-0 end-0 zi-n1 d-none d-md-block mb-n10" style="width: 15rem; margin-right: -8rem;">
                <img class="img-fluid" src="./assets/svg/illustrations/grid-grey.svg" alt="Image Description">
              </figure>

<figure class="position-absolute bottom-0 end-0 d-none d-md-block me-n5 mb-n5" style="width: 10rem;">
                <img class="img-fluid" src="./assets/svg/illustrations/plane.svg" alt="Image Description">
              </figure>
              
            </div>
          </div>
          
        </div>
        
      </div>
    </div>
    
  </main>
  
     <?php include("includes/footer.php");?>

<a class="js-go-to go-to position-fixed" href="javascript:;" style="visibility: hidden;"
     data-hs-go-to-options='{
       "offsetTop": 700,
       "position": {
         "init": {
           "right": "2rem"
         },
         "show": {
           "bottom": "2rem"
         },
         "hide": {
           "bottom": "-2rem"
         }
       }
     }'>
    <i class="bi-chevron-up"></i>
  </a>

<script src="./assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

<script src="./assets/vendor/hs-header/dist/hs-header.min.js"></script>
  <script src="./assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script>
  <script src="./assets/vendor/hs-go-to/dist/hs-go-to.min.js"></script>

<script src="./assets/js/theme.min.js"></script>

<script>
    (function() {
      // INITIALIZATION OF NAVBAR
      // =======================================================
      new HSHeader('#header').init()

// INITIALIZATION OF MEGA MENU
      // =======================================================
      const megaMenu = new HSMegaMenu('.js-mega-menu', {
        desktop: {
          position: 'left'
        }
      })

// INITIALIZATION OF GO TO
      // =======================================================
      new HSGoTo('.js-go-to')
    })()
  </script>
</body>
</html>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: contact-us.php

Server Info

System Features

User Info