@extends('web.layouts.master')

@section('title', 'Actions page')

@section('content')
    <div class='actions-hero' style="background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url({{ asset('images/web/bg/actions.jpg') }});">
        <!-- <h1>Akcije</h1> -->
        <p class="animated fadeInDown delay-1s">{{ __('translation.our-action') }}</p>
    </div>
    <div class="container actions">
        <div class="row">
            <div class="col-md-8 col-xs-12">
                <h3 class="single-action-title">Delicious idea for your Wednesday dessert</h3>
                <p>by Igor Nikolic</p>
                <div class="single-action-info">
					<p>Posted on 01 January, 2020 at 12:00 PM</p>
                </div>
                <img class="single-action-img" src="http://themes.suelo.pl/soup/assets/img/posts/post02.jpg" alt="Action cover">
                <!-- <div class='single-action-image' style='background-image: url("http://themes.suelo.pl/soup/assets/img/posts/post02.jpg")'></div> -->
                <p class="single-action-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, vero, obcaecati, aut, error quam sapiente nemo saepe quibusdam sit excepturi nam quia corporis eligendi eos magni recusandae laborum minus inventore?</p>
                <p class="single-action-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, tenetur natus doloremque laborum quos iste ipsum rerum obcaecati impedit odit illo dolorum ab tempora nihil dicta earum fugiat. Temporibus, voluptatibus.</p>
                <ul class="single-action-tags-list">
                    <p>Tags:</p>
                    <li><a href="#">Dorucak</a></li>
                    <li><a href="#">Jaja</a></li>
                    <li><a href="#">Kajgana</a></li>
                </ul>
            </div> <!-- COL 8 -->
            <div class="col-md-4 col-xs-12">
                <div class="single-action-side">
                    <h4>Featured posts</h4>
                    <div class="single-action-side-inner">
                        <a class="single-side-action-thumb" href="#">
                            <img src="http://themes.suelo.pl/soup/assets/img/posts/post02.jpg" alt="Side action thumb">
                        </a>
                        <div class="single-side-action-desc">
                            <a class="single-action-title" href="#">Delicious idea for your Wednesday dessert</a>
                            <p class="single-action-date">01 January, 2020</p>
                        </div>
                    </div> <!-- single-action-side-inner -->
                    <div class="single-action-side-inner">
                        <a class="single-side-action-thumb" href="#">
                            <img src="http://themes.suelo.pl/soup/assets/img/posts/post02.jpg" alt="Side action thumb">
                        </a>
                        <div class="single-side-action-desc">
                            <a class="single-action-title" href="#">Delicious idea for your Wednesday dessert</a>
                            <p class="single-action-date">05 Marh, 2020</p>
                        </div>
                    </div> <!-- single-action-side-inner -->
                </div>
                <div class="single-action-side">
                    <h4>Recent posts</h4>
                    <div class="single-action-side-inner">
                        <a class="single-side-action-thumb" href="#">
                            <img src="http://themes.suelo.pl/soup/assets/img/posts/post02.jpg" alt="Side action thumb">
                        </a>
                        <div class="single-side-action-desc">
                            <a class="single-action-title" href="#">Delicious idea for your Wednesday dessert</a>
                            <p class="single-action-date">07 April, 2020</p>
                        </div>
                    </div> <!-- single-action-side-inner -->
                    <div class="single-action-side-inner">
                        <a class="single-side-action-thumb" href="#">
                            <img src="http://themes.suelo.pl/soup/assets/img/posts/post02.jpg" alt="Side action thumb">
                        </a>
                        <div class="single-side-action-desc">
                            <a class="single-action-title" href="#">Delicious idea for your Wednesday dessert</a>
                            <p class="single-action-date">09 May, 2020</p>
                        </div>
                    </div> <!-- single-action-side-inner -->
                </div>
                <div class="single-action-side">
                    <h4>Tags</h4>
                    <ul class="single-action-tags-list side-list">
                        <li><a href="#">Dorucak</a></li>
                        <li><a href="#">Jaja</a></li>
                        <li><a href="#">Kajgana</a></li>
                        <li><a href="#">Mnogo dobra AstOria akcija</a></li>
                        <li><a href="#">Vecera</a></li>
                        <li><a href="#">Gajba piva</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
@endsection