<div class="container">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">

            <li class="breadcrumb-item">
                <a href="homepage">Domů</a>
            </li>

            <li class="breadcrumb-item active" aria-current="page">Poradna</li>
        </ol>
    </nav>
</div>

<div class="container page">

    <div class="row">
        <div class="col">
            <h1>Poradna</h1>
        </div>
    </div>

    <div class="row">
        <div class="col">

            <div class="card ">
                <a href="poradna-detail" class="card__image ">
                    <img alt="Fotka článku Jak vyměnit sáček ve vysavači" src="../../img/poradna-img-01.jpg" />
                </a>
                <div class="card__content">
                    <div class="card__title">
                        <h4>
                            <a href="poradna-detail">Jak vyměnit sáček ve vysavači</a>
                        </h4>
                    </div>
                    <div class="card__meta">
                        <span class="card__date">18. 11. 2019</span>
                        — autor:
                        <span class="card__author">Andrej Kašický</span>
                    </div>
                    <div class="card__text">
                        Obdrželi jste zásilku sáčků VACS? V několika krocích vám poradíme, jak vyměnit sáčky do vysavače a jak vyměnit filtr ve vysavači. Není to nic těžkého a zvládne to každý. Ať už máte vysavač Eta, Zelmer, Rowenta či jakýkoliv jiný, postup se příliš neliší....
                    </div>
                </div>
            </div>
            <div class="card ">
                <a href="poradna-detail" class="card__image ">
                    <img alt="Fotka článku Polarised multimedia internet solution" src="https://picsum.photos/500/250?random=10" />
                </a>
                <div class="card__content">
                    <div class="card__title">
                        <h4>
                            <a href="poradna-detail">Polarised multimedia internet solution</a>
                        </h4>
                    </div>
                    <div class="card__meta">
                        <span class="card__date">29.1.2019</span>
                        — autor:
                        <span class="card__author">Sloan Boddy</span>
                    </div>
                    <div class="card__text">
                        In hac habitasse platea dictumst. Morbi vestibulum, velit id pretium iaculis, diam erat fermentum justo, nec condimentum neque sapien placerat ante. Nulla justo.

                        Aliquam quis turpis eget elit sodales scelerisque. Mauris sit amet eros. Suspendisse...
                    </div>
                </div>
            </div>
            <div class="card ">
                <a href="poradna-detail" class="card__image ">
                    <img alt="Fotka článku Monitored well-modulated portal" src="https://picsum.photos/500/250?random=1" />
                </a>
                <div class="card__content">
                    <div class="card__title">
                        <h4>
                            <a href="poradna-detail">Monitored well-modulated portal</a>
                        </h4>
                    </div>
                    <div class="card__meta">
                        <span class="card__date">12.7.2019</span>
                        — autor:
                        <span class="card__author">Nikoletta Digance</span>
                    </div>
                    <div class="card__text">
                        In sagittis dui vel nisl. Duis ac nibh. Fusce lacus purus, aliquet at, feugiat non, pretium quis, lectus.

                        Suspendisse potenti. In eleifend quam a odio. In hac habitasse platea dictumst.
                    </div>
                </div>
            </div>
            <div class="card ">
                <a href="poradna-detail" class="card__image ">
                    <img alt="Fotka článku Visionary asynchronous circuit" src="https://picsum.photos/500/250?random=2" />
                </a>
                <div class="card__content">
                    <div class="card__title">
                        <h4>
                            <a href="poradna-detail">Visionary asynchronous circuit</a>
                        </h4>
                    </div>
                    <div class="card__meta">
                        <span class="card__date">20.6.2019</span>
                        — autor:
                        <span class="card__author">Raimund Mylechreest</span>
                    </div>
                    <div class="card__text">
                        Praesent id massa id nisl venenatis lacinia. Aenean sit amet justo. Morbi ut odio.

                        Cras mi pede, malesuada in, imperdiet et, commodo vulputate, justo. In blandit ultrices enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                    </div>
                </div>
            </div>
            <div class="card ">
                <a href="poradna-detail" class="card__image ">
                    <img alt="Fotka článku Reverse-engineered asynchronous moratorium" src="https://picsum.photos/500/250?random=3" />
                </a>
                <div class="card__content">
                    <div class="card__title">
                        <h4>
                            <a href="poradna-detail">Reverse-engineered asynchronous moratorium</a>
                        </h4>
                    </div>
                    <div class="card__meta">
                        <span class="card__date">25.10.2019</span>
                        — autor:
                        <span class="card__author">Babita Lethcoe</span>
                    </div>
                    <div class="card__text">
                        In hac habitasse platea dictumst. Etiam faucibus cursus urna. Ut tellus.

                        Nulla ut erat id mauris vulputate elementum. Nullam varius. Nulla facilisi.

                        Cras non velit nec nisi vulputate nonummy. Maecenas tincidunt lacus at velit. Vivamus vel nulla eget...
                    </div>
                </div>
            </div>
            <div class="card ">
                <a href="poradna-detail" class="card__image ">
                    <img alt="Fotka článku Synergized 24 hour internet solution" src="https://picsum.photos/500/250?random=4" />
                </a>
                <div class="card__content">
                    <div class="card__title">
                        <h4>
                            <a href="poradna-detail">Synergized 24 hour internet solution</a>
                        </h4>
                    </div>
                    <div class="card__meta">
                        <span class="card__date">5.6.2019</span>
                        — autor:
                        <span class="card__author">Meta MacAllister</span>
                    </div>
                    <div class="card__text">
                        Maecenas tristique, est et tempus semper, est quam pharetra magna, ac consequat metus sapien ut nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris viverra diam vitae quam. Suspendisse potenti.

                        Nullam...
                    </div>
                </div>
            </div>
            <div class="card ">
                <a href="poradna-detail" class="card__image ">
                    <img alt="Fotka článku Synergistic cohesive approach" src="https://picsum.photos/500/250?random=5" />
                </a>
                <div class="card__content">
                    <div class="card__title">
                        <h4>
                            <a href="poradna-detail">Synergistic cohesive approach</a>
                        </h4>
                    </div>
                    <div class="card__meta">
                        <span class="card__date">5.6.2019</span>
                        — autor:
                        <span class="card__author">Rocky Kerbey</span>
                    </div>
                    <div class="card__text">
                        Praesent blandit. Nam nulla. Integer pede justo, lacinia eget, tincidunt eget, tempus vel, pede.

                        Morbi porttitor lorem id ligula. Suspendisse ornare consequat lectus. In est risus, auctor sed, tristique in, tempus sit amet, sem.

                        Fusce consequat. Nulla...
                    </div>
                </div>
            </div>
            <div class="card ">
                <a href="poradna-detail" class="card__image ">
                    <img alt="Fotka článku Re-contextualized zero defect time-frame" src="https://picsum.photos/500/250?random=6" />
                </a>
                <div class="card__content">
                    <div class="card__title">
                        <h4>
                            <a href="poradna-detail">Re-contextualized zero defect time-frame</a>
                        </h4>
                    </div>
                    <div class="card__meta">
                        <span class="card__date">28.1.2019</span>
                        — autor:
                        <span class="card__author">Vidovic Zum Felde</span>
                    </div>
                    <div class="card__text">
                        Praesent id massa id nisl venenatis lacinia. Aenean sit amet justo. Morbi ut odio.
                    </div>
                </div>
            </div>
            <div class="card ">
                <a href="poradna-detail" class="card__image ">
                    <img alt="Fotka článku Upgradable 3rd generation data-warehouse" src="https://picsum.photos/500/250?random=7" />
                </a>
                <div class="card__content">
                    <div class="card__title">
                        <h4>
                            <a href="poradna-detail">Upgradable 3rd generation data-warehouse</a>
                        </h4>
                    </div>
                    <div class="card__meta">
                        <span class="card__date">24.9.2019</span>
                        — autor:
                        <span class="card__author">Maurise Kohring</span>
                    </div>
                    <div class="card__text">
                        Phasellus in felis. Donec semper sapien a libero. Nam dui.

                        Proin leo odio, porttitor id, consequat in, consequat ut, nulla. Sed accumsan felis. Ut at dolor quis odio consequat varius.

                        Integer ac leo. Pellentesque ultrices mattis odio. Donec vitae nisi.
                    </div>
                </div>
            </div>
            <div class="card ">
                <a href="poradna-detail" class="card__image ">
                    <img alt="Fotka článku Profound directional productivity" src="https://picsum.photos/500/250?random=8" />
                </a>
                <div class="card__content">
                    <div class="card__title">
                        <h4>
                            <a href="poradna-detail">Profound directional productivity</a>
                        </h4>
                    </div>
                    <div class="card__meta">
                        <span class="card__date">21.10.2019</span>
                        — autor:
                        <span class="card__author">Menard Tortice</span>
                    </div>
                    <div class="card__text">
                        Cras non velit nec nisi vulputate nonummy. Maecenas tincidunt lacus at velit. Vivamus vel nulla eget eros elementum pellentesque.
                    </div>
                </div>
            </div>
            <div class="card ">
                <a href="poradna-detail" class="card__image ">
                    <img alt="Fotka článku Cross-group holistic superstructure" src="https://picsum.photos/500/250?random=9" />
                </a>
                <div class="card__content">
                    <div class="card__title">
                        <h4>
                            <a href="poradna-detail">Cross-group holistic superstructure</a>
                        </h4>
                    </div>
                    <div class="card__meta">
                        <span class="card__date">20.4.2019</span>
                        — autor:
                        <span class="card__author">Wally Langwade</span>
                    </div>
                    <div class="card__text">
                        Fusce posuere felis sed lacus. Morbi sem mauris, laoreet ut, rhoncus aliquet, pulvinar sed, nisl. Nunc rhoncus dui vel sem.
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="row">
        <div class="col backToSearch text-center mb-3">
            <a href="#" class="btn btn-secondary">
                <i class="icon-plus"></i>
                Načíst dalších 10 článků</a>
        </div>
    </div>
    <div class="row">
        <div class="col text-center">
            <nav aria-label="..." class="d-inline-block">
                <ul class="pagination">
                    <li class="page-item disabled">
                        <a class="page-link" href="#" tabindex="-1" aria-disabled="true">&laquo; Předchozí</a>
                    </li>
                    <li class="page-item active">
                        <a class="page-link" href="#">1</a>
                    </li>
                    <li class="page-item" aria-current="page">
                        <a class="page-link" href="#">2
                            <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="#">3</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="#">Další &raquo;</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</div>

<div class="container-fluid stripe stripe--guarantee">
    <div class="container">
        <div class="row">
            <div class="col">
                <h2>Nadstandardní garance</h2>
            </div>
        </div>
        <div class="row badge-100">
            <div class="col">
                <span>100%</span>záruka na vrácení zboží
            </div>
        </div>
        <div class="row">
            <div class="col">
                <p>můžete vrátit zboží
                    <strong>do 3 měsíců od nákupu</strong>
                    bez udání důvodu
                </p>
                <div class="stars">
                    <i class="fas fa-star" aria-hidden="true"></i>
                    <i class="fas fa-star" aria-hidden="true"></i>
                    <i class="fas fa-star" aria-hidden="true"></i>
                    <i class="fas fa-star" aria-hidden="true"></i>
                    <i class="fas fa-star" aria-hidden="true"></i>
                </div>
                <p>můžete vrátit i
                    <strong>rozbalené balení</strong>
                    sáčků
                </p>
                <div class="stars">
                    <i class="fas fa-star" aria-hidden="true"></i>
                    <i class="fas fa-star" aria-hidden="true"></i>
                    <i class="fas fa-star" aria-hidden="true"></i>
                    <i class="fas fa-star" aria-hidden="true"></i>
                    <i class="fas fa-star" aria-hidden="true"></i>
                </div>
                <p>můžete vrátit balení i v případě, že
                    <strong>jeden sáček je použitý a chybí</strong>
                </p>
            </div>
        </div>
    </div>
</div>
{% render '@breadcrumb',
breadcrumb %}

<div class="container page">

	<div class="row">
		<div class="col">
			<h1>Poradna</h1>
		</div>
	</div>

	<div class="row">
		<div class="col">
			{% render '@list-cards' %}
		</div>
	</div>
	<div class="row">
		<div class="col backToSearch text-center mb-3">
			<a href="#" class="btn btn-secondary">
				<i class="icon-plus"></i>
				Načíst dalších 10 článků</a>
		</div>
	</div>
	<div class="row">
		<div class="col text-center">
			<nav aria-label="..." class="d-inline-block">
				<ul class="pagination">
					<li class="page-item disabled">
						<a class="page-link" href="#" tabindex="-1" aria-disabled="true">&laquo; Předchozí</a>
					</li>
					<li class="page-item active">
						<a class="page-link" href="#">1</a>
					</li>
					<li class="page-item" aria-current="page">
						<a class="page-link" href="#">2
							<span class="sr-only">(current)</span></a>
					</li>
					<li class="page-item">
						<a class="page-link" href="#">3</a>
					</li>
					<li class="page-item">
						<a class="page-link" href="#">Další &raquo;</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>
</div>

{% render '@stripe-guarantee' %}
{
  "breadcrumb": {
    "links": [
      {
        "link": "homepage",
        "text": "Domů"
      }
    ],
    "active": "Poradna"
  }
}

No notes defined.