@extends('layouts.frontend')

@section('page-content')

<section class="fullsize-video-bg melbourne-bk-mob">
	<div class="inner">
		<div data-aos="fade-up" data-aos-duration="1000">
			<h1><a href="" class="typewrite" data-period="2000" data-type='[ "Hire our Educational Infrastructure", "We have campuses in Melbourne, Sydney & perth" ]'><span class="wrap"></span></a></h1>
            
            
            <!--<h1>Hire our <br>Educational <br>Infrastructure</h1>-->
            <a href="{{ URL::to('/contact') }}" class="home-btn">Enquire Now !</a>
		</div>
	</div>
	<div id="video-viewport">
		<video width="1920" height="1280" autoplay muted loop>
			<source src="{{ asset('frontend/images/video.mp4') }}" type="video/mp4" />
		</video>
	</div>
</section>


<section class="our-gallery-section campus-location">
  <div class="container" data-aos="fade-up" data-aos-duration="1000">
  	<div class="row">
      	<div class="col-md-12">
            	<h2>Our state of the art learning spaces are available to hire for educational purposes, meetings, conferences,examinations, medical simulation lab practices. </h2>
                <p>Space I max has fully serviced educational campus infrastructure in Victoria, New South Wales and Western Australia. We intend to promote sustainability through sharing our fully furnished infrastructure with external clients. We have mapped bookable spaces which can be accessed by the clients through our user friendly platform. Making use of our infrastructure in various locations enables the client business to scale itself across Australia.  </p>
        </div>
    </div>
  </div>
</section>




<section class="campus-selector">
	<div class="container">
    	<div class="row">
        	<div class="col-md-12">
            	<h2 class="text-white" data-aos="fade-up" data-aos-duration="1000">We are Located in</h2>
            	<ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item" data-aos="fade-up" data-aos-duration="1300">
                          <a class="nav-link" data-toggle="tab" href="#home"><div class="tab-overlay"></div><img src="{{ asset('frontend/images/melbourne-city.jpg') }}"><p>Melbourne <span>Click Here</span></p></a>
                        </li>
                        <li class="nav-item" data-aos="fade-up" data-aos-duration="1600">
                          <a class="nav-link" data-toggle="tab" href="#menu1"><div class="tab-overlay"></div><img src="{{ asset('frontend/images/sydney-city.jpg') }}"><p>Sydney<span>Click Here</span></p></a>
                        </li>
                        <li class="nav-item" data-aos="fade-up" data-aos-duration="1900">
                          <a class="nav-link" data-toggle="tab" href="#menu2"><div class="tab-overlay"></div><img src="{{ asset('frontend/images/perth-city.jpg') }}"><p>perth<span>Click Here</span></p></a>
                        </li>
                 </ul>
                
                  <!-- Tab panes -->
                  <div class="tab-content" data-aos="fade-up" data-aos-duration="1000">
                    <div id="home" class="container tab-pane fade"><br>
                      <div class="location-details-box text-center">
                      	<h3 class="text-white">Campus Locations in Melbourne</h3>
                        <div class="row pt-5 pb-4">
                          <div class="col-md-3">
                            <div class="location">
                                <img src="{{ asset('frontend/images/location.png') }}">
                                  <h4>Level 2, 187, Boundary Rd, North Melbourne, VIC 3051 </h4>
                                  <a href="{{ URL::to('/facility-sharing-melbourne') }}">Know More <i class="fa fa-angle-right"></i></a>
                              </div>
                          </div>                          
                        	<div class="col-md-3">
                            	<div class="location">
                                	<img src="{{ asset('frontend/images/location.png') }}">
                                    <h4>597 Upper Heidelberg Rd,Heidelberg Heights VIC3081</h4>
                                    <a href="#">Know More <i class="fa fa-angle-right"></i></a>
                                </div>
                            </div>
                            <div class="col-md-3">
                            	<div class="location">
                                	<img src="{{ asset('frontend/images/location.png') }}">
                                    <h4>Level 5, CBD campus,melbourne</h4>
                                    <a href="#">Know More <i class="fa fa-angle-right"></i></a>
                                </div>
                            </div>
                            <div class="col-md-3">
                            	<div class="location">
                                	<img src="{{ asset('frontend/images/location.png') }}">
                                    <h4>Level 6, CBD campus, Melbourne</h4>
                                    <a href="#">Know More <i class="fa fa-angle-right"></i></a>
                                </div>
                            </div>

                            
                        </div>
                      </div>
                    </div>
                    <div id="menu1" class="container tab-pane fade"><br>
                      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    </div>
                    <div id="menu2" class="container tab-pane fade"><br>
                      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
                    </div>
                  </div>
            </div>
        </div>
    </div>
</section>

<section class="our-clients-sec">
	<div class="container">
    	<div class="row">
        	<div class="col-md-12 pb-3" data-aos="fade-up" data-aos-duration="1000">
            	<h2 class="text-white">Our Clients</h2>
            	<p class="text-white">Currently our facilities are being hired by our educational partners </p>
            </div>
            <div class="col-md-3">
            	<div class="partner-box" data-aos="fade-up" data-aos-duration="1300">
                	<img src="{{ asset('frontend/images/ihm.png') }}" class="img-fluid">
                </div>
            </div>
            <div class="col-md-3">
            	<div class="partner-box" data-aos="fade-up" data-aos-duration="1600">
                	<img src="{{ asset('frontend/images/ihna.png') }}" class="img-fluid">
                </div>
            </div>
            <div class="col-md-3">
            	<div class="partner-box" data-aos="fade-up" data-aos-duration="1900">
                	<img src="{{ asset('frontend/images/cdu.png') }}" class="img-fluid">
                </div>
            </div>
        </div>
    </div>
</section>

@endsection