BAGS — Design System

Stripe Products 

<div class="container-fluid stripe stripe--products">
    <div class="container">
        <div class="row">
            <div class="col mb-3">
                <h2>Naše produkty</h2>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="grid-container">
                    <a href="#" class="card c01">
                        <div class="card__title">Sáčky do vysavačů</div>
                        <div class="card__image">
                            <img src="../../img/product-c01.jpg" alt="Sáčky do vysavačů" class="img-fluid">
                        </div>
                    </a>
                    <a href="#" class="card c02">
                        <div class="card__title">HEPA filtry</div>
                        <div class="card__image">
                            <img src="../../img/product-c02.jpg" alt="HEPA filtry" class="img-fluid">
                        </div>
                    </a>
                    <a href="#" class="card c03">
                        <div class="card__title">Roušky</div>
                        <div class="card__image">
                            <img src="../../img/product-c03.jpg" alt="Roušky" class="img-fluid">
                        </div>
                    </a>
                    <a href="#" class="card c04">
                        <div class="card__title">Motorové filtry</div>
                        <div class="card__image">
                            <img src="../../img/product-c04.jpg" alt="Motorové filtry" class="img-fluid">
                        </div>
                    </a>
                    <a href="#" class="card c05">
                        <div class="card__title">Podlahové hubice a kartáče</div>
                        <div class="card__image">
                            <img src="../../img/product-c05.jpg" alt="Podlahové hubice a kartáče" class="img-fluid">
                        </div>
                    </a>
                    <a href="#" class="card c06">
                        <div class="card__title">Vůně do vysavače</div>
                        <div class="card__image">
                            <img src="../../img/product-c06.jpg" alt="Vůně do vysavače" class="img-fluid">
                        </div>
                    </a>
                    <a href="#" class="card c07">
                        <div class="card__title">Náhradní díly</div>
                        <div class="card__image">
                            <img src="../../img/product-c07.jpg" alt="Náhradní díly" class="img-fluid">
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="container-fluid stripe stripe--products">
	<div class="container">
		<div class="row">
			<div class="col mb-3">
				<h2>Naše produkty</h2>
			</div>
		</div>
		<div class="row">
			<div class="col">
				<div class="grid-container">
				  <a href="#" class="card c01">
						<div class="card__title">Sáčky do vysavačů</div>
						<div class="card__image">
								<img src="{{ '/img/product-c01.jpg' | path }}" alt="Sáčky do vysavačů" class="img-fluid">
						</div>
					</a>
				  <a href="#" class="card c02">
						<div class="card__title">HEPA filtry</div>
						<div class="card__image">
								<img src="{{ '/img/product-c02.jpg' | path }}" alt="HEPA filtry" class="img-fluid">
						</div>
					</a>
				  <a href="#" class="card c03">
						<div class="card__title">Roušky</div>
						<div class="card__image">
								<img src="{{ '/img/product-c03.jpg' | path }}" alt="Roušky" class="img-fluid">
						</div>
					</a>
				  <a href="#" class="card c04">
						<div class="card__title">Motorové filtry</div>
						<div class="card__image">
								<img src="{{ '/img/product-c04.jpg' | path }}" alt="Motorové filtry" class="img-fluid">
						</div>
					</a>
				  <a href="#" class="card c05">
						<div class="card__title">Podlahové hubice a kartáče</div>
						<div class="card__image">
								<img src="{{ '/img/product-c05.jpg' | path }}" alt="Podlahové hubice a kartáče" class="img-fluid">
						</div>
					</a>
				  <a href="#" class="card c06">
						<div class="card__title">Vůně do vysavače</div>
						<div class="card__image">
								<img src="{{ '/img/product-c06.jpg' | path }}" alt="Vůně do vysavače" class="img-fluid">
						</div>
					</a>
				  <a href="#" class="card c07">
						<div class="card__title">Náhradní díly</div>
						<div class="card__image">
								<img src="{{ '/img/product-c07.jpg' | path }}" alt="Náhradní díly" class="img-fluid">
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
 
/* No context defined. */

No notes defined.