@extends('site.layouts.master')
@section('title', 'جزئیات رویداد')
@section('content')

      {{-- <section class="page-header -type-2">
        <div class="page-header__bg">
          <div class="bg-image js-lazy" data-bg="img/event-single/bg.png"></div>
        </div>

        <div class="container">
          <div class="page-header__content">
            <div class="row">
              <div class="col-xl-5 col-lg-6">
                <div class="page-header__info d-flex items-center">

                  <div class="d-flex items-center text-white ml-15">
                    <div class="icon icon-calendar-2"></div>
                    <div class="text-14 mr-8">6 آبان، 1399</div>
                  </div>

                  <div class="d-flex items-center text-white mr-15">
                    <div class="icon icon-location"></div>
                    <div class="text-14 mr-8">ایران، تهران</div>
                  </div>

                </div>

                <div data-anim="slide-up delay-1">
                  <h1 class="page-header__title text-white mt-20">برنامه نویسی سایت با وردپرس</h1>
                </div>

                <div data-anim="slide-up delay-2">
                  <div class="d-flex x-gap-50 pt-12">

                    <div class="text-white">
                      <div class="text-40 lh-12 fw-700">20</div>
                      <div class="text-15">روز</div>
                    </div>

                    <div class="text-white">
                      <div class="text-40 lh-12 fw-700">32</div>
                      <div class="text-15">ساعت</div>
                    </div>

                    <div class="text-white">
                      <div class="text-40 lh-12 fw-700">57</div>
                      <div class="text-15">دقیقه</div>
                    </div>

                    <div class="text-white">
                      <div class="text-40 lh-12 fw-700">13</div>
                      <div class="text-15">ثانیه</div>
                    </div>

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

      <section class="pt-50 layout-pb-lg">
        <div data-anim-wrap class="container">
          <div class="row y-gap-50">
            <div class="col-xl-8 col-lg-8 lg:order-2">
              <h4 class="text-20">درباره رویداد</h4>
              <p class="text-light-1 mt-30">
                چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد.
                <br>
                <br>
                لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد!
                <br>
                <br>
                در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
              </p>
              <button class="button underline text-purple-1 mt-30">مشاهده بیشتر</button>

              <div class="mt-60">
                <h4 class="text-20 mb-30">چیزی که یاد خواهید گرفت</h4>
                <div class="row x-gap-100 justfiy-between">
                  <div class="col-md-6">
                    <div class="y-gap-20">

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>یک طراح UX شوید.</p>
                      </div>

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>شما می توانید طراح UX را به رزومه خود اضافه کنید.</p>
                      </div>

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>یک طراح رابط کاربری شوید.</p>
                      </div>

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>طراحی کامل یک سایت فروشگاهی</p>
                      </div>

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>آموزش کار به صورت متوسطه با فتوشاپ</p>
                      </div>

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>نحوه استفاده از کیت های UI از پیش ساخته شده</p>
                      </div>

                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="y-gap-20">

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>وایرفریم های سریع ایجاد کنید.</p>
                      </div>

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>فایل های تمرینی قابل دانلود</p>
                      </div>

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>یک پروژه UX از ابتدا تا انتها بسازید.</p>
                      </div>

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>آموزش طراحی وب سایت و نرم افزارهای کاربردی</p>
                      </div>

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>تمام تکنیک های متخصصان UX استفاده می شود.</p>
                      </div>

                      <div class="d-flex items-center">
                        <div class="d-flex justify-center items-center border-light rounded-full size-20 ml-10">
                          <i class="icon-check text-6"></i>
                        </div>
                        <p>شما می توانید با سایر طراح های UX صحبت کنید.</p>
                      </div>

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

              <div class="mt-60">
                <h4 class="text-20">پیش نیازها</h4>
                <ul class="ul-list y-gap-15 pt-30">
                  <li>به یک کپی از Adobe XD 2019 یا بالاتر نیاز دارید. نسخه آزمایشی رایگان را می توان از Adobe دانلود کرد.</li>
                  <li>هیچ تجربه طراحی قبلی لازم نیست.</li>
                  <li>هیچ مهارت قبلی Adobe XD مورد نیاز نیست.</li>
                </ul>
              </div>

              <div class="mt-60">
                <h4 class="text-20 mb-30">سخنرانان ما</h4>
                <div class="row y-gap-30">

                  <div class="col-lg-3 col-md-6">
                    <div class="text-center">
                      <img src="{{ asset('site/img/speakers/1.png') }}" alt="image">
                      <h5 class="text-17 fw-500 mt-20">فاطمه عسگری</h5>
                      <p class="">مدرس زبان</p>
                    </div>
                  </div>

                  <div class="col-lg-3 col-md-6">
                    <div class="text-center">
                      <img src="{{ asset('site/img/speakers/2.png') }}" alt="image">
                      <h5 class="text-17 fw-500 mt-20">علی محمدی</h5>
                      <p class="">مدیر فروش</p>
                    </div>
                  </div>

                  <div class="col-lg-3 col-md-6">
                    <div class="text-center">
                      <img src="{{ asset('site/img/speakers/3.png') }}" alt="image">
                      <h5 class="text-17 fw-500 mt-20">شیما نصیری</h5>
                      <p class="">طراح وب سایت</p>
                    </div>
                  </div>

                  <div class="col-lg-3 col-md-6">
                    <div class="text-center">
                      <img src="https://fixdevelopdemo.ir/theme/educrat/rtl/img/speakers/4.png" alt="image">
                      <h5 class="text-17 fw-500 mt-20">پویا سهرابی</h5>
                      <p class="">برنامه نویس موبایل</p>
                    </div>
                  </div>

                </div>
              </div>


              <div class="blogPost -comments mt-60">
                <div class="blogPost__content">
                  <h2 class="text-20 fw-500">
                    دیدگاه کاربران
                  </h2>

                  <ul class="comments__list mt-30">
                    <li class="comments__item">
                      <div class="comments__item-inner md:direction-column">
                        <div class="comments__img ml-20">
                          <div class="bg-image rounded-full js-lazy" data-bg="img/avatars/1.png"></div>
                        </div>

                        <div class="comments__body md:mt-15">
                          <div class="comments__header">
                            <h4 class="text-17 fw-500 lh-15">
                              علی صالحی
                              <span class="text-13 text-light-1 fw-400">3 روز قبل</span>
                            </h4>

                            <div class="stars"></div>
                          </div>

                          <h5 class="text-15 fw-500 mt-15">بهترین دوره آموزشی</h5>
                          <div class="comments__text mt-10">
                            <p>این دوره بسیار کاربردی است. پروفسور سمیعی دقیقاً هر الگوریتم را توضیح می دهد و حتی سعی می کند مفاهیم ریاضی و آماری پشت هر الگوریتم را شهودی ارائه دهد. بسیار از شما متشکرم.</p>
                          </div>

                          <div class="comments__helpful mt-20">
                            <span class="text-13 text-purple-1">آیا این دیدگاه مفید بود؟</span>
                            <button class="button text-13 -sm -purple-1 text-white">بله</button>
                            <button class="button text-13 -sm -light-7 text-purple-1">خیر</button>
                          </div>
                        </div>
                      </div>
                    </li>

                    <li class="comments__item">
                      <div class="comments__item-inner md:direction-column">
                        <div class="comments__img ml-20">
                          <div class="bg-image rounded-full js-lazy" data-bg="img/avatars/1.png"></div>
                        </div>

                        <div class="comments__body md:mt-15">
                          <div class="comments__header">
                            <h4 class="text-17 fw-500 lh-15">
                              علی صالحی
                              <span class="text-13 text-light-1 fw-400">3 روز قبل</span>
                            </h4>

                            <div class="stars"></div>
                          </div>

                          <h5 class="text-15 fw-500 mt-15">بهترین دوره آموزشی</h5>
                          <div class="comments__text mt-10">
                            <p>این دوره بسیار کاربردی است. پروفسور سمیعی دقیقاً هر الگوریتم را توضیح می دهد و حتی سعی می کند مفاهیم ریاضی و آماری پشت هر الگوریتم را شهودی ارائه دهد. بسیار از شما متشکرم.</p>
                          </div>

                          <div class="comments__helpful mt-20">
                            <span class="text-13 text-purple-1">آیا این دیدگاه مفید بود؟</span>
                            <button class="button text-13 -sm -purple-1 text-white">بله</button>
                            <button class="button text-13 -sm -light-7 text-purple-1">خیر</button>
                          </div>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>

              <div class="respondForm mt-60">
                <h3 class="text-20 fw-500">
                  ثبت دیدگاه
                </h3>

                <div class="mt-30">
                  <h4 class="text-16 fw-500">آیا این دوره را دوست داشته اید؟</h4>
                  <div class="d-flex x-gap-10 pt-10">
                    <div class="icon-star text-14 text-yellow-1"></div>
                    <div class="icon-star text-14 text-yellow-1"></div>
                    <div class="icon-star text-14 text-yellow-1"></div>
                    <div class="icon-star text-14 text-yellow-1"></div>
                    <div class="icon-star text-14 text-yellow-1"></div>
                  </div>
                </div>

                <form class="contact-form respondForm__form row y-gap-30 pt-30" action="">
                  <div class="col-12">
                    <label class="text-16 lh-1 fw-500 text-dark-1 mb-10">عنوان</label>
                    <input type="text" name="title" placeholder="دوره عالی">
                  </div>
                  <div class="col-12">
                    <label class="text-16 lh-1 fw-500 text-dark-1 mb-10">متن دیدگاه</label>
                    <textarea name="comment" placeholder="نظر خود را بنویسید" rows="8"></textarea>
                  </div>
                  <div class="col-12">
                    <button type="submit" name="submit" id="submit" class="button -md -purple-1 text-white">
                      ثبت دیدگاه
                    </button>
                  </div>
                </form>
              </div>
            </div>

            <div class="col-xl-4 col-lg-4 lg:order-1">
              <div class="event-info bg-white rounded-8 px-30 py-30 border-light shadow-1">
                <div class="d-flex justify-between items-center">
                  <div class="text-24 lh-1 fw-500 text-dark-1">96000 تومان</div>

                  <div class="d-flex items-center">
                    <div class="text-light-1 line-through ml-10">76000</div>
                    <div class="text-14 fw-500 text-dark-1 px-15 py-5 bg-green-1 rounded-4">
                      91% تخفیف
                    </div>
                  </div>
                </div>

                <div class="d-flex justify-between mt-30 pb-10">
                  <div class="d-flex items-center text-dark-1">
                    <div class="icon-location"></div>
                    <div class="mr-10">تعداد خرید</div>
                  </div>
                  <div>587</div>
                </div>

                <div class="d-flex justify-between pt-10 border-top-light">
                  <div class="d-flex items-center text-dark-1">
                    <div class="icon-location"></div>
                    <div class="mr-10">تعداد کل</div>
                  </div>
                  <div>987</div>
                </div>

                <a href="event-single#" class="button -md col-12 -purple-1 text-white mt-30">رزرو کنید</a>

                <div class="d-flex justify-center pt-25">

                  <a href="event-single#" class="d-flex justify-center items-center size-50 rounded-full">
                    <i class="fa fa-facebook"></i>
                  </a>

                  <a href="event-single#" class="d-flex justify-center items-center size-50 rounded-full">
                    <i class="fa fa-twitter"></i>
                  </a>

                  <a href="event-single#" class="d-flex justify-center items-center size-50 rounded-full">
                    <i class="fa fa-instagram"></i>
                  </a>

                  <a href="event-single#" class="d-flex justify-center items-center size-50 rounded-full">
                    <i class="fa fa-linkedin"></i>
                  </a>

                </div>
              </div>
            </div>
          </div>
        </div>
      </section> --}}

@endsection