@extends("vitrines.base");
@php
    $header = htmlHeader("","","","");
@endphp
@section('content')

<div class="page-wrapper">

    <!-- Preloader -->
    <div class="preloader"></div>
 	<!-- Header span -->



    <!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/5.jpg);">
        <div class="auto-container">
            <h1>Speakers</h1>
            <ul class="bread-crumb clearfix">
                <li><a href="index.html">Home</a></li>
                <li>Speakers</li>
            </ul>
        </div>
    </section>
    <!--End Page Title-->

    <!-- Speker Detail -->
    <section class="speaker-detail">
        <div class="auto-container">
            <div class="row">
                <div class="image-column col-lg-4 col-md-12 col-sm-12">
                    <div class="image-box">
                        <figure class="image"><img src="{{ asset('assets/img/events/chronograms/speakers/'.$speaker->photo) }}" alt=""></figure>
                        <ul class="social-icon-two social-icon-colored text-center">
                            <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                            <li><a href="#"><span class="fab fa-google-plus-g"></span></a></li>
                            <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                            <li><a href="#"><span class="fab fa-skype"></span></a></li>
                            <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                        </ul>
                    </div>
                </div>

                <div class="info-column col-lg-8 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="text-box">
                            <h3>{{ $speaker->name }}</h3>
                            <p>{{ $speaker->activity_area }}</p>
                            <h4>Interventions :</h4>
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="speaker-session-info">
                                        <h5>Day 1</h5>
                                        <span> 10.30 - 11.30 am </span>
                                        <p> Marketing Matters </p>
                                    </div>
                                </div>

                                <div class="col-lg-4">
                                    <div class="speaker-session-info">
                                        <h5>Day 2</h5>
                                        <span> 12.30 - 11.30 am </span>
                                        <p> Education Matters </p>
                                    </div>
                                </div>

                                <div class="col-lg-4">
                                    <div class="speaker-session-info">
                                        <h5>Day 3</h5>
                                        <span> 12.30 - 11.30 am </span>
                                        <p> Education Matters </p>
                                    </div>
                                </div>
                            </div>
                            {{-- <p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Speker Detail -->

    <!-- Fluid Section One -->
    {{-- <section class="fluid-section-one">
        <div class="outer-box clearfix">

            <!-- Content Column -->
            <div class="content-column">
                <div class="shape-layers">
                    <div class="shape-2"></div>
                    <div class="shape-1"></div>
                </div>
                <div class="inner-column">
                    <h3>Modern Marketing <br>Summit Sydney 2018</h3>
                    <div class="text">Dolor sit amet consectetur elit sed do eiusmod tempor incd idunt labore et dolore magna aliqua enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat</div>
                    <div class="btn-box"><a href="buy-ticket.html" class="theme-btn btn-style-four"><span class="btn-title">Buy Ticket</span></a></div>
                </div>
            </div>

            <!-- Image Column -->
            <div class="image-column" style="background-image: url(images/resource//image-1.jpg);">
                <div class="image-box">
                    <figure class="image"><img src="images/resource/image-1.jpg" alt=""></figure>
                </div>
            </div>
        </div>
    </section> --}}
    <!--End Fluid Section One -->

    <!-- Pricing Section -->
    <section class="pricing-section-three">
        {{-- <div class="anim-icons">
            <span class="icon icon-line-1 wow zoomIn"></span>
            <span class="icon icon-circle-1 wow zoomIn"></span>
            <span class="icon icon-dots wow zoomIn"></span>
        </div> --}}

        <div class="auto-container">
            {{-- <div class="sec-title text-center">
                <span class="title">Get Ticket</span>
                <h2>Choose a Ticket</h2>
            </div> --}}

            <div class="outer-box">
                <div class="row">
                    <!-- Pricing Block -->
                    {{-- <div class="pricing-block-three col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="inner-box">
                            <div class="title">Parson</div>
                            <h4 class="price">$19</h4>
                            <ul class="features">
                                <li>01 Conference Tickets</li>
                                <li>Free Lunch And Coffee</li>
                                <li>Certificate</li>
                            </ul>
                            <div class="btn-box">
                                <a href="buy-ticket.html" class="theme-btn btn-style-one"><span class="btn-title">BUY Ticket</span></a>
                            </div>
                        </div>
                    </div> --}}

                    <!-- Pricing Block -->
                    {{-- <div class="pricing-block-three col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
                        <div class="inner-box">
                            <div class="title">Family</div>
                            <h4 class="price">$59</h4>
                            <ul class="features">
                                <li>05 Conference Tickets</li>
                                <li>Free Lunch And Coffee</li>
                                <li>Certificate</li>
                            </ul>
                            <div class="btn-box">
                                <a href="buy-ticket.html" class="theme-btn btn-style-one"><span class="btn-title">BUY Ticket</span></a>
                            </div>
                        </div>
                    </div> --}}

                    <!-- Pricing Block -->
                    {{-- <div class="pricing-block-three col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="1200ms">
                        <div class="inner-box">
                            <div class="title">GROUP</div>
                            <h4 class="price">$99</h4>
                            <ul class="features">
                                <li>10 Conference Tickets</li>
                                <li>Free Lunch And Coffee</li>
                                <li>Certificate</li>
                            </ul>
                            <div class="btn-box">
                                <a href="buy-ticket.html" class="theme-btn btn-style-one"><span class="btn-title">BUY Ticket</span></a>
                            </div>
                        </div>
                    </div> --}}
                </div>
            </div>
        </div>
    </section>
    <!--End Pricing Section -->
@endsection