<?php require_once("header.php");?>

    <div class="site-section"  data-aos="fade">
      <div class="container">
        <div class="row justify-content-center">

          <div class="col-md-7">
            <div class="row mb-5">
              <div class="col-12 ">
                <h2 class="site-section-heading text-center">Contact</h2>
              </div>
            </div>
          </div>

        </div>
        
        <!-- Rad med formulär och kontaktinfo sida vid sida -->
        <div class="row">
          <!-- FORMULÄR -->
          <div class="col-lg-8 mb-5">
           <!-- Lagt in kontaktformilär till skript samt method! -->
           <form action="confirm-request.php" method="POST">
             <!-- FORMULÄRINNEHÅLL -->
        
            
              <div class="row form-group">
                <div class="col-md-6 mb-3 mb-md-0">
                  <label class="text-gray" for="name">First Name</label>
                  <input type="text" id="name" name="name" class="form-control" required>
                </div>
                <div class="col-md-6">
                  <label class="text-gray" for="fname">Last Name</label>
                  <input type="text" id="fname" name="fname" class="form-control" required>
                </div>
              </div>

              <div class="row form-group">
                <div class="col-md-6 mb-3 mb-md-0">
                  <label class="text-gray" for="email">Email</label> 
                  <input type="email" id="email" name="email" class="form-control" required>
                </div>
                <div class="col-md-6 mb-3 mb-md-0">
                  <label class="text-gray" for="mobile">Mobile</label> 
                  <input type="Mobile" id="mobile" name="mobile" class="form-control" required>
                </div>
              </div>

              <div class="row form-group">
                <div class="col-md-12">
                  <label class="text-gray" for="message">Message</label> 
                  <textarea name="message" id="message" cols="30" rows="7" class="form-control" placeholder="Please use this area to specify your request" required></textarea>
                </div>
              </div>
            

               <div class="row form-group">
                <div class="col-md-12 text-right"> 
                
                  <input name="submit" type="submit" class="btn btn-link" value="Send message">
</div>                  
</div>  
              </form>   
              </div>
              

        <!-- KONTAKTUPPGIFTER -->
            <div class="col-lg-4 mb-5">
            <div class="mb-3">
              <p class="mb-0 font-weight-bold contact-postal">Address</p>
              <p class="mb-4">Digit Road, Stockholm, Sweden</p>

              <p class="mb-0 font-weight-bold contact-postal">Phone</p>
              <p class="mb-4">+46-08-121212</p>

              <p class="mb-0 font-weight-bold contact-postal">Email Address</p>
              <p class="mb-0">artgallery@boogie.com</p>

            </div>
          </div>
        </div>
      </div>
    </div>

    <?php require_once("footer.php");?> 