@extends('layouts.front.main')
@section('title', __('frontWords.album_single'))
@section('content')



<style>
.card{
height:250px;
border-radius:0px;
}
/* Clickable CTA card styles */
.card-cta, .card-cta-email{ cursor: pointer; }
.card-cta:focus, .card-cta-email:focus{ outline: 2px solid rgba(220,20,60,0.25); }
@media (max-width:600px) {
.card{
height:auto;
border-radius:10px;
}
}
</style>
		<div class="events-area hero-area-contact mt-5">
    <div class="container">

       <div class="row postcard_1">
                    
						

 
						
							   <div class="col-lg-12 col-md-6 col-xl-12 pb-5 pt-5" data-cues="fadeIn" data-group="images" data-duration="1000" data-disabled="true">
                       	<div class="postcard_img">
						<h1 class="m-5">Contact</h1>
                               
                            </div>
							</div>
					  </div>
    </div>

</div>




       
	   
	   
	   <div class="events-area schedules-style-two-areas bg_4 pb-3 pt-5">
    <div class="container">

        <div class="row ">
                        
                        <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 pd">
      <!-- Card-->
      <div class="card  shadow border-0 bg_5 card-cta-email" role="button" tabindex="0" onclick="location.href='mailto:hello@disrupt.radio';">
        <div class="card-body  h-50">
              <div class=" px-2 py-2 text-center card-img-top">
            <div class="icon_cont"><i class="fas fa-envelope-open fa-lg text-white"></i></div>
                    <h5 class="text-white  mt-3 mb-2">SEND US AN EMAIL</h5>
                    <p class=" text-white mb-0">hello@disrupt.radio</p>
          </div>
          
        </div>
      </div>
    </div>

    <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 pd" >
      <!-- Card-->
      <div class="card  shadow border-0 card-cta" style="background-color: #dc143c;" role="button" tabindex="0" onclick="window.open('https://www.google.com/maps/search/?api=1&query=111+Coventry+Street+Southbank+VIC+3006','_blank');">
        <div class="card-body  h-50">
        <div class=" px-2 py-2 text-center card-img-top">
    <div class="icon_cont"><i class="fas fa-map-marker-alt fa-lg text-white"></i></div>
            <h5 class="text-white mt-3 mb-2">ADDRESS </h5>
            <p class=" text-white mb-0">111 Coventry Street, Southbank VIC 3006</p>
          </div>
          
        </div>
      </div>
    </div>

    <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 pd">
      <!-- Card-->
      <div class="card  shadow border-0 bg_5 card-cta" role="button" tabindex="0" onclick="location.href='tel:1300973846';">
        <div class="card-body  h-50">
        <div class=" px-2 py-2 text-center card-img-top">
        
      <div class="icon_cont"><i class="fas fa-phone fa-lg text-white"></i></div>
            <h5 class="text-white  mt-3 mb-2">TALK BACK LINE </h5>
            <p class=" text-white mb-0">1300 973 846</p>
          </div>
          
        </div>
      </div>
    </div>

    <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 pd">
      <!-- Card-->
      <div class="card  shadow border-0 bg_5 card-cta" style="background-color: #dc143c;" role="button" tabindex="0" onclick="location.href='sms:+61426307511';">
        <div class="card-body  h-50">
        <div class=" px-2 py-2 text-center card-img-top">
        
      <div class="icon_cont"><i class="far fa-comment-dots fa-lg text-white"></i></div>
            <h5 class="text-white  mt-3 mb-2">SMS TEXT NUMBER</h5>
            <p class=" text-white mb-0">+61 426 307 511</p>
          </div>
          
        </div>
      </div>
    </div>
						
                       
						  </div>
    </div>

</div>

		


<section class="bg_4">
<div class="container-fluid   wd pt-5  pb-4" >
<div class="row area-5">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.2582514367764!2d144.9659161!3d-37.830839600000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642aa3c6878fd%3A0x75eb227e6f14a3c9!2s111%20Coventry%20St%2C%20Southbank%20VIC%203006%2C%20Australia!5e0!3m2!1sen!2sin!4v1686592336679!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
	</div>
	</div>
</section>

</div>
@endsection


@section('script')
<script>
    /*read more read less js start here*/
    // Set up the toggle effect:
    $('#show-more-content').hide();

    $('#show-more').click(function() {
        $('#show-more-content').show(800);
        $('#show-less').show();
        $('#show-more').hide();
    });

    $('#show-less').click(function() {
        $('#show-more-content').hide(150);
        $('#show-more').show();
        $(this).hide();
    });
</script>
<script>
     function play_song(el) {
        event.preventDefault();
        var audio = document.getElementById(el);
        var el_Id = '#' + el;
        $('audio').not(audio).each(function() {
            $(this).removeClass('playing');
            this.pause();
        });
        if ($(el_Id).hasClass('playing')) {
            audio.pause();
            $(el_Id).removeClass('playing');
        } else {
            $(el_Id).addClass('playing');
            audio.play();
        }
        return false;
    }
</script>
<script>
  // Enable keyboard activation for CTA cards (Enter key)
  document.addEventListener('DOMContentLoaded', function(){
    document.querySelectorAll('.card-cta, .card-cta-email').forEach(function(card){
      card.addEventListener('keypress', function(e){
        var key = e.key || e.keyCode;
        if(key === 'Enter' || key === 13){
          // Trigger the same action as click (will follow onclick handlers)
          card.click();
        }
      });
    });
  });
</script>
@endsection