@extends('layouts.new-layout')
@section('title', 'Contact')

@section('content')
<!-- <section class="bg-bb1 pb-5">
<div class="container">
<div class="text-center padding-top-section"><h1 class="text-white">Contact</h1></div></div>
</section> -->
<style>
.moving-text-container {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.moving-text {
    display: inline-block;
    white-space: nowrap;
    animation: scroll-text 10s linear infinite;
}

@keyframes scroll-text {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
</style>





<section class="pb-lg-8 pb-md-8 pt-5">
  
  <!--/.bg-holder-->

  <div class="container">
    <div class="row">
      <div class="col-12">
       
              <div class="row h-100">
                <div class="col-md-6" data-aos="fade-up">
                  <div class=" py-2">
                  <h1 class="text-uppercase">Contact Us</h1>
                    <p class=" text-uppercase mt-3">WE ARE OPEN 6 DAYS A WEEK BY APPOINTMENT ONLY</p>
                    <h4 class=" text-uppercase mt-3">TEXT US or CALL US</h4>
                    <p class="my-2 ">
                      <a href="tel:2509611320" class="">(250) 961-1320</a
                      ></p>
                    <h4 class="  text-uppercase mt-3">Mail Us</h4>
                    <p class="my-2">info@studioontheridge.ca</p>
                  </div>
                </div>
                <div class="col-md-6" data-aos="fade-up">
                  <div class="py-2">
                  @include('partials._notice')
                    <!-- <form>
                      <div class="row">
                        <div class="col-md-6 mb-3">
                          <label for="" class="form-label">First Name</label>
                          <input type="text" class="form-control p-2 bg-transparent">

                        </div>
                        <div class="col-md-6 mb-3">
                          <label for="exampleInputPassword1" class="form-label">Last
                            Name</label>
                          <input type="text" class="form-control p-2 bg-transparent">
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-md-6 mb-3">
                          <label for="" class="form-label">Email</label>
                          <input type="email" class="form-control p-2 bg-transparent">

                        </div>
                        <div class="col-md-6 mb-3">
                          <label for="exampleInputPassword1" class="form-label">Phone</label>
                          <input type="tel" class="form-control p-2 bg-transparent" id="">
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-md-12 mb-3">
                          <label for="" class="form-label">Message</label>
                          <textarea class="form-control p-2 bg-transparent" id="exampleFormControlTextarea1" rows="3"></textarea>

                        </div>

                      </div>
                      <button type="submit" class="btn-yellow">Submit</button>
                    </form> -->
                  </div>
                
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

@endsection