Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam risus lectus, rutrum id lacus sit amet, sagittis mollis metus.
Fusce egestas odio orci, at scelerisque tellus lacinia eget.
Donec ac ligula id velit fringilla congue maximus et ante. Aliquam a gravida ante.
Suspendisse pharetra a velit quis rutrum.
Praesent vel lacus at dolor hendrerit fermentum.
Sed sed ante egestas tortor volutpat molestie.
</p>
<p>
Nullam dapibus neque nec erat cursus tincidunt.
Vestibulum pharetra, justo eget blandit vehicula,
dui diam finibus neque, ac vulputate ante justo vitae metus.
Sed tincidunt suscipit libero, in condimentum leo suscipit et.
Cras at maximus ante, vel finibus turpis.
Curabitur vulputate eget nulla id tempor.
Praesent aliquam sodales risus at vehicula.
Aliquam consectetur justo quis magna rhoncus consequat.
Vivamus sed justo non arcu placerat rhoncus.
Aliquam posuere quam vitae tristique dignissim.
</p>
</section>
<sectionclass="index-content">
<divclass="index-top-part">
<divclass="select sorting">
<select>
<option>Řadit podle...</option>
<option>Ceny nejvyšší</option>
<option>Ceny nejnižší</option>
<option>Dostupnosti</option>
</select>
</div>
<divclass="input search_bar">
<inputtype="text"placeholder="Vyhledávání">
</div>
</div>
<ulclass="cards">
<liclass="cards__item">
<divclass="card">
<divclass="card__image card__image--fence"></div>
<divclass="card__content">
<divclass="card__title">Štěrk</div>
<pclass="card__text">This is the shorthand for flex-grow, flex-shrink and flex-basis combined. The second and third parameters (flex-shrink and flex-basis) are optional. Default is 0 1 auto. </p>
<pclass="card__text">This defines the ability for a flex item to grow if necessary. It accepts a unitless value that serves as a proportion. It dictates what amount of the available space inside the flex container the item should take up.</p>
<pclass="card__text">This defines the default size of an element before the remaining space is distributed. It can be a length (e.g. 20%, 5rem, etc.) or a keyword. The auto keyword means "look at my width or height property."</p>
<pclass="card__text">This is the shorthand for flex-grow, flex-shrink and flex-basis combined. The second and third parameters (flex-shrink and flex-basis) are optional. Default is 0 1 auto. </p>
<pclass="card__text">This defines the ability for a flex item to grow if necessary. It accepts a unitless value that serves as a proportion. It dictates what amount of the available space inside the flex container the item should take up.</p>
<pclass="card__text">This defines the default size of an element before the remaining space is distributed. It can be a length (e.g. 20%, 5rem, etc.) or a keyword. The auto keyword means "look at my width or height property."</p>