@extends('site.layout.master')
@section('content')
        
    <section class="help-section">
        <div class="container">
            <div class="help-content">
                <div class="help-title">
                    <h1>Yardım Merkezi</h1>
                </div>
                <div class="help-p">
                    <p>Lorem ipsum dolor sit amet consectetur. Vulputate morbi non ac <br> bibendum sed etiam lacus.</p>
                </div>
                <div class="help-input">
                    <input type="text" class="email-login form-input" placeholder="Ne konuda yardıma ihtiyacın var? Arama yap.">
                </div>
            </div>
           
        </div>
    </section>

    <section class="help-box-section">
        <div class="container">         
            <div class="help-col">
                <div class="row">
                    <div class="col-4">
                        <div class="help-box" data-aos="fade-up">
                            <div class="box-title">
                                <h3>Gurulize E-Consultancy
                                    Expert Guide</h3>
                            </div>
                            <div class="box-p">
                                <p>Guide for experts.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="help-box" data-aos="fade-up">
                            <div class="box-title">
                                <h3>Yönetim Paneli Yardım
                                    Merkezi</h3>
                            </div>
                            <div class="box-p">
                                <p>E-danışmanlık sitenizin yönetim paneli ile ilgili makaleleri, ekran görüntülerini ve videoları burada bulabilirsiniz</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="help-box" data-aos="fade-up">
                            <div class="box-title">
                                <h3>Sıkça Sorulan
                                    Sorular</h3>
                            </div>
                            <div class="box-p">
                                <p>Bizimle ilgili sıkça sorulan soruları senin için derledik.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <section class="help-bottom">
        <div class="container">
            <div class="help-bottom-content">
                <div class="row">
                    <div class="col-6">
                        <div class="help-bottom-box">
                            <div class="help-bottom-h">
                                <h5>Son Makaleler</h5>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="help-box-item">
                                        <div class="box-icon">
                                            <img src="images/makale.svg" alt="">
                                        </div>
                                        <div class="box-a">
                                            <a href="#">Gurulize Voice API Dökümantasyonu</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="help-box-item">
                                        <div class="box-icon">
                                            <img src="images/makale.svg" alt="">
                                        </div>
                                        <div class="box-a">
                                            <a href="#">WEBRTC Sunucusu nedir?</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="help-box-item">
                                        <div class="box-icon">
                                            <img src="images/makale.svg" alt="">
                                        </div>
                                        <div class="box-a">
                                            <a href="#">Gurulize Click2Call Sunucusu nedir?</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="help-box-item">
                                        <div class="box-icon">
                                            <img src="images/makale.svg" alt="">
                                        </div>
                                        <div class="box-a">
                                            <a href="#">Görsel Yönetimi</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="help-box-item">
                                        <div class="box-icon">
                                            <img src="images/makale.svg" alt="">
                                        </div>
                                        <div class="box-a">
                                            <a href="#">Görsel Ekleme</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="help-bottom-box">
                            <div class="help-bottom-h">
                                <h5>Popüler Makaleler</h5>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="help-box-item">
                                        <div class="box-icon">
                                            <img src="images/makale.svg" alt="">
                                        </div>
                                        <div class="box-a">
                                            <a href="#">Daha fazla sormak istediklerim var. Gurulize ekibine ulaşabilir miyim?</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="help-box-item">
                                        <div class="box-icon">
                                            <img src="images/makale.svg" alt="">
                                        </div>
                                        <div class="box-a">
                                            <a href="#">Uzman Ekleme</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="help-box-item">
                                        <div class="box-icon">
                                            <img src="images/makale.svg" alt="">
                                        </div>
                                        <div class="box-a">
                                            <a href="#">Uzman Kategorisi Ekleme</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="help-box-item">
                                        <div class="box-icon">
                                            <img src="images/makale.svg" alt="">
                                        </div>
                                        <div class="box-a">
                                            <a href="#">Etkinlik ve Sunumlar</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="help-box-item">
                                        <div class="box-icon">
                                            <img src="images/makale.svg" alt="">
                                        </div>
                                        <div class="box-a">
                                            <a href="#">Etkinlik Kuponu Ekleme</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@section('css')
    
@endsection

@section('js')

@endsection

@endsection