@extends('site.layout.master')
@section('content')
        
    <section class="onboard-top sticky-menu">
        <div class="container">
            <div class="onboard-top-content">
                <div class="onboard-left">
                    <a class="navbar-brand sticky-onboard-logo" href="{{ URL::to(Session::get('locale')) }}">
                        <img src="{{ URL::to('assets/images/logo.svg') }}" alt="{{ $set->sitename }}">
                    </a>
                    <h3>| Platformunuzu birkaç adımda <span>kişiselleştirelim.</span></h3>
                </div>
            
                <div class="onboard-right">
                    <p>3/3</p>
                </div>
            </div>
        </div>
    </section>


    <section class="themalist">
        <div class="container">
            <div class="themalist-content">
               
                <div class="themalist-l">
                    <div class="row">
                        <div class="col-3 ">
                            <div class="left-menu sticky-top ">
                                <div class="left-menu-inside">
                                    <div class="inside-top">
                                        <div class="inside-title">
                                            <h5>Fiyat</h5>
                                           
                                        </div>
                                        <div class="inside-list">
                                            <div class="list-item">
                                                <div class="login-input checkbox">
                                                    <input type="checkbox" value="1" id="price-1">
                                                    <label for="price-1">Ücretsiz</label>
                                                </div>
                                                <div class="list-box">
                                                    12
                                                </div>
                                            </div>
                                            <div class="list-item">
                                                <div class="login-input checkbox">
                                                    <input type="checkbox" value="1" id="price-2">
                                                    <label for="price-2">Ücretli</label>
                                                </div>
                                                <div class="list-box">
                                                    9
                                                </div>
                                            </div>
                                        </div>                                     
                                    </div>
                                    <div class="inside-bottom">
                                        <div class="inside-title">
                                            <h5>Sektör</h5>
                                           
                                        </div>
                                        <div class="inside-list">
                                            <div class="list-item">
                                                <div class="login-input checkbox">
                                                    <input type="checkbox" value="1" id="sector-1">
                                                    <label for="sector-1">Psikoloji</label>
                                                </div>
                                                <div class="list-box">
                                                    12
                                                </div>
                                            </div>
                                            <div class="list-item">
                                                <div class="login-input checkbox">
                                                    <input type="checkbox" value="1" id="sector-2">
                                                    <label for="sector-2">Fitness</label>
                                                </div>
                                                <div class="list-box">
                                                    9
                                                </div>
                                            </div>
                                            <div class="list-item">
                                                <div class="login-input checkbox">
                                                    <input type="checkbox" value="1" id="sector-3">
                                                    <label for="sector-3">Hukuk</label>
                                                </div>
                                                <div class="list-box">
                                                    9
                                                </div>
                                            </div>
                                            <div class="list-item">
                                                <div class="login-input checkbox">
                                                    <input type="checkbox" value="1" id="sector-4">
                                                    <label for="sector-4">Wellness</label>
                                                </div>
                                                <div class="list-box">
                                                    9
                                                </div>
                                            </div>
                                            <div class="list-item">
                                                <div class="login-input checkbox">
                                                    <input type="checkbox" value="1" id="sector-5">
                                                    <p for="sector-5">Eğitim / Özelabel Ders</label>
                                                </div>
                                                <div class="list-box">
                                                    9
                                                </div>
                                            </div>
                                            <div class="list-item">
                                                <div class="login-input checkbox">
                                                    <input type="checkbox" value="1" id="sector-6">
                                                    <label for="sector-6">X</label>
                                                </div>
                                                <div class="list-box">
                                                    9
                                                </div>
                                            </div>
                                            <div class="list-item">
                                                <div class="login-input checkbox">
                                                    <input type="checkbox" value="1" id="sector-7">
                                                    <label for="sector-7">Y</label>
                                                </div>
                                                <div class="list-box">
                                                    9
                                                </div>
                                            </div>
                                            <div class="list-item">
                                                <div class="login-input checkbox">
                                                    <input type="checkbox" value="1" id="sector-8">
                                                    <label for="sector-8">Z</label>
                                                </div>
                                                <div class="list-box">
                                                    9
                                                </div>
                                            </div>
                                           
                                        </div>                                     
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-9">
                            <div class="themalist-title">
                                <h4>
                                    1-24 of 145 themes
                                </h4>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="thema-box">
                                        <div class="box-image">
                                            <a data-bs-toggle="modal" data-bs-target="#exampleModal">
                                                <img src="{{ URL::to('assets/images/onboardthema.png') }}" alt="">
                                            </a>
                                        </div>
                                        <div class="box-text">
                                            <div class="box-title">
                                                <h5>Fitness</h5>
                                            </div>
                                            <div class="box-p">
                                                Fitness ve spor danışmanlığı platformu için birebir! Dolor amet.
                                            </div>
                                            <button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" class="form-input btn-gurulize">
                                               Temayı Kullan
                                            </button>
                                        </div>
                                    </div>
                                </div>
                               <div class="col-6">
                                    <div class="thema-box">
                                        <div class="box-image">
                                            <a data-bs-toggle="modal" data-bs-target="#exampleModal">
                                                <img src="{{ URL::to('assets/images/onboardthema.png') }}" alt="">
                                            </a>
                                        </div>
                                        <div class="box-text">
                                            <div class="box-title">
                                                <h5>Fitness</h5>
                                            </div>
                                            <div class="box-p">
                                                Fitness ve spor danışmanlığı platformu için birebir! Dolor amet.
                                            </div>
                                            <button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" class="form-input btn-gurulize">
                                               Başla
                                            </button>
                                        </div>
                                    </div>
                                </div>
                               <div class="col-6">
                                    <div class="thema-box">
                                        <div class="box-image">
                                            <a data-bs-toggle="modal" data-bs-target="#exampleModal">
                                                <img src="{{ URL::to('assets/images/onboardthema.png') }}" alt="">
                                            </a>
                                        </div>
                                        <div class="box-text">
                                            <div class="box-title">
                                                <h5>Fitness</h5>
                                            </div>
                                            <div class="box-p">
                                                Fitness ve spor danışmanlığı platformu için birebir! Dolor amet.
                                            </div>
                                            <button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" class="form-input btn-gurulize">
                                               Başla
                                            </button>
                                        </div>
                                    </div>
                                </div>
                               <div class="col-6">
                                    <div class="thema-box">
                                        <div class="box-image">
                                            <a data-bs-toggle="modal" data-bs-target="#exampleModal">
                                                <img src="{{ URL::to('assets/images/onboardthema.png') }}" alt="">
                                            </a>
                                        </div>
                                        <div class="box-text">
                                            <div class="box-title">
                                                <h5>Fitness</h5>
                                            </div>
                                            <div class="box-p">
                                                Fitness ve spor danışmanlığı platformu için birebir! Dolor amet.
                                            </div>
                                            <button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" class="form-input btn-gurulize">
                                               Başla
                                            </button>
                                        </div>
                                    </div>
                                </div>
                               <div class="col-6">
                                    <div class="thema-box">
                                        <div class="box-image">
                                            <a data-bs-toggle="modal" data-bs-target="#exampleModal">
                                                <img src="{{ URL::to('assets/images/onboardthema.png') }}" alt="">
                                            </a>
                                        </div>
                                        <div class="box-text">
                                            <div class="box-title">
                                                <h5>Fitness</h5>
                                            </div>
                                            <div class="box-p">
                                                Fitness ve spor danışmanlığı platformu için birebir! Dolor amet.
                                            </div>
                                            <button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" class="form-input btn-gurulize">
                                               Başla
                                            </button>
                                        </div>
                                    </div>
                                </div>
                               <div class="col-6">
                                    <div class="thema-box">
                                        <div class="box-image">
                                            <a data-bs-toggle="modal" data-bs-target="#exampleModal">
                                                <img src="{{ URL::to('assets/images/onboardthema.png') }}" alt="">
                                            </a>
                                        </div>
                                        <div class="box-text">
                                            <div class="box-title">
                                                <h5>Fitness</h5>
                                            </div>
                                            <div class="box-p">
                                                Fitness ve spor danışmanlığı platformu için birebir! Dolor amet.
                                            </div>
                                            <button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" class="form-input btn-gurulize">
                                               Başla
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                   
                </div>
            </div>
        </div>
    </section>

    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="container">


                    <div class="modal-gurulize">
                        <div class="modal-title">
                            <div class="modal-title-text">
                                <h3>Temayı İncele</h3>
                            </div>
                            <div class="modal-btn">
                                <button class="form-input btn-gurulize">
                                    Fitness Teması ile Başla!
                                </button>
                            </div>
                        </div>
                        <div class="modal-text">
                            <div class="text-title">
                                <h5>Fitness Teması</h5>
                            </div>
                            <div class="text-p">
                                <p>Fitness ve spor danışmanlığı için en uygun tema olan, Fitness Temalarından
                                    ‘’xxx’’ temamızı incele!</p>
                            </div>
                        </div>
                        <div class="modal-html">
                            <img src="{{ URL::to('assets/images/fiyat.png') }}" alt="">

                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

@section('css')
    <style type="text/css">
        .top-demo{display: none;}
        .main-header{display: none;}
    </style>
@endsection

@section('js')

@endsection

@endsection