@extends('layouts/frontend/layoutFrontendNo')

@section('title', 'Novosti')

@section('page-style')
<!-- Page -->
<link
    href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap"
    rel="stylesheet">
<link
    href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
    rel="stylesheet">
<link rel="stylesheet" href="{{asset('assets/vendor/frontend/css/all.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/frontend/css/slick.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/frontend/css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/frontend/css/style.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/frontend/css/style.css')}}">

@endsection

@section('page-script')
<script src="{{asset('assets/vendor/frontend/js/jquery.min.js')}}"></script>
<script src="{{asset('assets/vendor/frontend/js/slick.min.js')}}"></script>
<script src="{{asset('assets/vendor/frontend/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('assets/vendor/frontend/js/modal.js')}}"></script>
<script src="{{asset('assets/vendor/frontend/js/custom.js')}}"></script>
@endsection


@section('content')

<div class="site-content">
    <!-- Preloader start -->
    <div class="loader-mask">
        <div class="loader">
        </div>
    </div>
    <!-- Preloader end -->
    <section id="single-description-screen">
        <div class="first-desc-img-sec">
            <div class="hero-img-desc">
                <img src="{{ asset($stavke->slika) }}" alt="social-media-img" class="img-fluid w-100">
                <div class="single-courses-top">
                    <div class="course-back-icon">
                        <a href="javascript:history.go(-1)">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <mask id="mask0_330_7385" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0"
                                    width="24" height="24">
                                    <rect width="24" height="24" fill="black" />
                                </mask>
                                <g mask="url(#mask0_330_7385)">
                                    <path d="M15 18L9 12L15 6" stroke="white" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" />
                                </g>
                            </svg>
                        </a>
                    </div>

                </div>
            </div>
            <div class="container">
                <div class="single-courses-description">
                    <div class="fifth-decs-sec mt-32">
                        <div class="fifth-decs-sec-wrap">
                            <div class="tab-content" id="description-tabContent">
                                <div class="tab-pane fade show active" id="description-content" role="tabpanel"
                                    tabindex="0">
                                    <div class="description-content-wrap mt-24">
                                        <div class="description-first-content">
                                            <h3 class="des-con-txt1">{{$stavke->naslov}}</h3>
                                            <div>
                                                <p class="des-con-txt2">{{$stavke->sadrzaj}}
                                                </p>

                                            </div>
                                        </div>


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


                        </div>
                    </div>

                </div>
            </div>
            <!-- <div class="seventh-decs-sec mt-32">
                <div class="seventh-decs-sec-wrap">
                    <h2 class="third-txt1">Students Also Bought</h2>
                    <div class="seventh-decs-sec-wrap-slider mt-16">
                        <div>
                            <div class="student-course">
                                <img src="assets/images/single-courses/course-img1.png" alt="course-img">
                                <div class="single-courses-bookmark">
                                    <a href="javascript:void(0);" class="item-bookmark active">
                                        <img src="assets/svg/black-bookmark.svg" alt="bookmark-icon">
                                    </a>
                                </div>
                                <div class="single-courses-bottom-txt">
                                    <p>3D Design</p>
                                </div>
                            </div>
                            <div class="single-courses-stu-details mt-12">
                                <p class="seventh-txt1">Learning Blender & 3D Max for...</p>
                                <div class="single-course-price">
                                    <span class="seventh-txt2 mr-8">$180.00</span>
                                    <span class="seventh-txt3">$210.00</span>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="student-course">
                                <img src="assets/images/single-courses/course-img2.png" alt="course-img">
                                <div class="single-courses-bookmark">
                                    <a href="javascript:void(0);" class="item-bookmark ">
                                        <img src="assets/svg/black-bookmark.svg" alt="bookmark-icon">
                                    </a>
                                </div>
                                <div class="single-courses-bottom-txt">
                                    <p>Development</p>
                                </div>
                            </div>
                            <div class="single-courses-stu-details mt-12">
                                <p class="seventh-txt1">Learning Python For Data Analy...</p>
                                <div class="single-course-price">
                                    <span class="seventh-txt2 mr-8">$150.00</span>
                                    <span class="seventh-txt3">$210.00</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>
    </section>
    <!-- Homescreen content start -->
</div>

<div class="dark-overlay"></div>
@endsection