gsf/resources/views/website/pages/our_services.blade.php

@extends('website.layouts.master')
@section('content')
<?php $currentPage = "our-services" ?>


<!--<section class="our-services">-->
<!--    <div class="container">-->
<!--        <h2>Our Services</h2>-->
<!--    </div>-->
<!--</section>-->

<section class="you-made select-your">
    <h2>SELECT YOUR <span>PREFERRED</span> <br> PROGRAM</h2>
    <div class="grids-img">
        <div class="you-main">
            <div class="you-img">
                <img src="{{asset('public/assets/website/assets/images/you-made1.png')}}" alt="">
            </div>
            <div class="hov-div">
                <div class="inn-img">
                    <img src="{{asset('public/assets/website/assets/images/you-inn1_old.png')}}" alt="">
                </div>
                <h5>TRANSFORM & BEYOND</h5>
                <h6>(Intermediate and advance)</h6>
                <div class="view-details">
                    <!--<a href="https://getsetfit.exlyapp.com/92d80abf-e1d9-4a6a-ad0d-1a1ea09604be">-->
                        <a href="{{url('/transform_beyond')}}">
                        <p>view details</p>
                    </a>
                </div>
            </div>
        </div>

        <div class="you-main">
            <div class="you-img">
                <img src="{{asset('public/assets/website/assets/images/you-made2.png')}}" alt="">
            </div>
            <div class="hov-div">
                <div class="inn-img">
                    <img src="{{asset('public/assets/website/assets/images/you-inn2_old.png')}}" alt="">
                </div>
                <h5>TRANSFORM & BEYOND</h5>
                <h6>(Beginners)</h6>
                <div class="view-details">
                    <a href="{{url('/transform_beyond_beginner')}}">
                        <p>view details</p>
                    </a>
                </div>
            </div>
        </div>
        
        <div class="you-main">
            <div class="you-img">
                <img src="{{asset('public/assets/website/assets/images/you-made4.png')}}" alt="">
            </div>
            <div class="hov-div">
                <div class="inn-img">
                    <img src="{{asset('public/assets/website/assets/images/you-inn2_old.png')}}" alt="">
                </div>
                <h5>GSF EXCLUSIVE</h5>
                <h6>(Personal Training)</h6>
                <div class="view-details">
                    <a href="{{url('/gsf_exclusive')}}">
                        <p>view details</p>
                    </a>
                </div>
            </div>
        </div>
        
        <div class="you-main">
            <div class="you-img">
                <img src="{{asset('public/assets/website/assets/images/you-made3.png')}}" alt="">
            </div>
            <div class="hov-div">
                <div class="inn-img">
                    <img src="{{asset('public/assets/website/assets/images/you-inn3_old.png')}}" alt="">
                </div>
                <h5>GET SET EAT </h5>
                <h6>(Personalised nutrition plan)</h6>
                <div class="view-details">
                    <a href="{{url('/get_set_eat')}}">
                        <p>view details</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="you-made-mob">
    <h2>SELECT YOUR <span>PREFERRED</span> <br> PROGRAM</h2>
    <div class="row d-flex justify-content-center align-items-center m-0">
        <div class="col-md-3 mb-3" style="padding-bottom: 20px;">
            <div class="main-div" style="background: linear-gradient(to bottom, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 59%, rgba(0, 0, 0, 0.50) 100%), url('{{ asset('public/assets/website/assets/images/you-made1.png') }}') no-repeat;">
                <img class="mb-2" class="mb-2" src="https://thegsf.co/public/assets/website/assets/images/you-inn1.png" width="70px" height="70px" alt="">
                <h5>TRANSFORM & BEYOND</h5>
                <h6>(Intermediate and advance)</h6>
                <div class="view-details w-50 text-center">
                    <a href="https://getsetfit.exlyapp.com/92d80abf-e1d9-4a6a-ad0d-1a1ea09604be">
                        <a href="{{url('/transform_beyond')}}">
                        <p>view details</p>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3" style="padding-bottom: 20px;">
            <div class="main-div" style="background: linear-gradient(to bottom, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 59%, rgba(0, 0, 0, 0.50) 100%), url('{{ asset('public/assets/website/assets/images/you-made2.png') }}') no-repeat;">
                <img class="mb-2" src="https://thegsf.co/public/assets/website/assets/images/you-inn2.png" width="70px" height="70px" alt="">
                <h5>TRANSFORM & BEYOND</h5>
                <h6>(beginner)</h6>
                <div class="view-details w-50 text-center">
                    <a href="https://getsetfit.exlyapp.com/92d80abf-e1d9-4a6a-ad0d-1a1ea09604be">
                        <a href="{{url('/transform_beyond_beginner')}}">
                        <p>view details</p>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3" style="padding-bottom: 20px;">
            <div class="main-div" style="background: linear-gradient(to bottom, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 59%, rgba(0, 0, 0, 0.50) 100%), url('{{ asset('public/assets/website/assets/images/you-made4.png') }}') no-repeat;">
                <img class="mb-2" src="https://thegsf.co/public/assets/website/assets/images/you-inn2.png" width="70px" height="70px" alt="">
                <h5>GSF EXCLUSIVE</h5>
                <h6>(Personal Training)</h6>
                <div class="view-details w-50 text-center">
                    <a href="https://getsetfit.exlyapp.com/92d80abf-e1d9-4a6a-ad0d-1a1ea09604be">
                        <a href="{{url('/gsf_exclusive')}}">
                        <p>view details</p>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3" >
            <div class="main-div" style="background: linear-gradient(to bottom, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 59%, rgba(0, 0, 0, 0.50) 100%), url('{{ asset('public/assets/website/assets/images/you-made3.png') }}') no-repeat;">
                <img class="mb-2" src="https://thegsf.co/public/assets/website/assets/images/you-inn3.png" width="70px" height="70px" alt="">
                <h5>GET SET FIT</h5>
                <h6>(Personalised nutrition plan)</h6>
                <div class="view-details">
                    <a href="https://getsetfit.exlyapp.com/92d80abf-e1d9-4a6a-ad0d-1a1ea09604be">
                        <a href="{{url('/get_set_eat')}}">
                        <p style="padding: 12px 27px !important;">view details</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>




@endsection