@extends('layouts.master2022')

@section('title','Creating the third workspace. View our events')

@section('meta')
  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="{{Request::url()}}">
  <meta property="og:title" content="Creating the third workspace. View our events">
  <meta property="og:image" content="{{asset('images/reef-rocks-ltd.jpg')}}">
  <meta property="og:description" content="We throw events across the UK, from networking events to informative talks. View our events and make sure you don’t miss out on them.">

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="{{Request::url()}}">
  <meta property="twitter:title" content="We throw events across the UK, from networking events to informative talks. View our events and make sure you don’t miss out on them.">
  <meta property="twitter:image" content="{{asset('images/reef-rocks-ltd.jpg')}}">

  <meta property="og:image:width" content="600"/>
  <meta property="og:image:height" content="315"/>

  <meta name="description" content="We throw events across the UK, from networking events to informative talks. View our events and make sure you don’t miss out on them.">
  @endsection


  @section('header')
  @include('front.partials.header')
@endsection


<div class="page-wrapper">
<section class="home-top text-center text-sm-start">
    <div class="container h-100 position-relative">
        <div class="row g-5 h-100 align-items-center">
            <div class="col-10 offset-1 col-sm-8 offset-sm-2 col-md-6 offset-md-0 col-lg-7 offset-lg-0 order-last order-md-first">
                <img src="{{asset('images/about-home-bg.png')}}" alt="#" class="image-auto">
            </div>
            <div class="col-12 col-md-6 col-lg-5 order-first order-mg-last">
                <h1 class="mb-4">Join us for networking and hybrid working</h1>
                <p class="pe-0 pe-xl-5 mb-3 mb-md-4">View our networking events below. We meet up as much as we can across the UK in our amazing spaces, to learn, network and relax with others.</p>
                <ul class="list-inline list-mobile-fix mb-0">
                    <li class="list-inline-item py-1">
                        <a href="#" class="btn w160 mobile-full">Eventbrite</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <a href="#" class="scroll-down scrollto" target="next-div">Scroll down</a>
</section>

<section class="standard-block" id="next-div">
    <div class="container">
        <div class="row g-5">
            <div class="col-12 offset-0 col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-4 offset-lg-0 text-center">
                <div class="pricing-box">
                    <div class="icon pe-0 d-flex red align-items-center justify-content-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="53.127" height="50.67" viewBox="0 0 53.127 50.67">
                            <path d="M28.063,3l7.745,15.69,17.319,2.531L40.595,33.427,43.552,50.67,28.063,42.525,12.574,50.67l2.957-17.244L3,21.221,20.319,18.69Z" transform="translate(-1.5 -1.5)" fill="none" stroke="#7FDAC7" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
                        </svg>
                    </div>
                    <p class="h2 mb-3 mb-md-4 text-center font-bold">Our next event</p>
                    <p>DD/MM/YYYY</p>
                    <p class="mb-0">Join us for XYZ<br>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.</p>
                    <a href="#" class="stretched-link"><span class="visually-hidden">One Link</span></a>
                </div>
            </div>

            <div class="col-12 col-lg-8">
                <div class="dropdown mb-3 mb-md-4">
                    <a href="#" class="dropdown-toggle" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">Filter</a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                        <li><a class="dropdown-item" href="#">Option1</a></li>
                        <li><a class="dropdown-item" href="#">Option2</a></li>
                        <li><a class="dropdown-item" href="#">Option3</a></li>
                    </ul>
                </div>

                <div class="events-block">
                    <div class="single d-flex align-items-start flex-row flex-wrap">
                        <div class="date">DD/MM/YYYY</div>
                        <div class="info">Event name - clicks through to Eventbrite event page</div>
                        <a href="#" class="stretched-link"><span class="visually-hidden">One Link</span></a>
                    </div>

                    <div class="single d-flex align-items-start flex-row flex-wrap">
                        <div class="date">DD/MM/YYYY</div>
                        <div class="info">Event name - clicks through to Eventbrite event page</div>
                        <a href="#" class="stretched-link"><span class="visually-hidden">One Link</span></a>
                    </div>

                    <div class="single d-flex align-items-start flex-row flex-wrap">
                        <div class="date">DD/MM/YYYY</div>
                        <div class="info">Event name - clicks through to Eventbrite event page</div>
                        <a href="#" class="stretched-link"><span class="visually-hidden">One Link</span></a>
                    </div>

                    <div class="single d-flex align-items-start flex-row flex-wrap">
                        <div class="date">DD/MM/YYYY</div>
                        <div class="info">Event name - clicks through to Eventbrite event page</div>
                        <a href="#" class="stretched-link"><span class="visually-hidden">One Link</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="black-bar-block">
    <div class="container text-center py-4 py-lg-5">
        <ul class="list-inline list-mobile-fix mb-0">
            <li class="list-inline-item py-2 align-middle color-white font-bold h2 mb-0 me-4 me-xl-5">Sign up today and start your 7 day free trial! </li>
            <li class="list-inline-item py-2 align-middle">
                <a href="#" class="btn w160 mobile-full green">Start 7 day trial</a>
            </li>
        </ul>
    </div>
</section>





@section('footer')
    @include('front.partials.footer')
@endsection