Source: scss/_3-Components/_bike-teaser.scss, line 7
Source: scss/_3-Components/_bike-teaser.scss, line 7
<section class="page-section">
<div class="grid align-items-center">
<div class="col-desk-6 col-tab-3 col-mob-6">
<div class="bike-teaser">
<h5>Canyon</h5>
<div class="bike-teaser__header">
<h6>Endurace:on 7.0</h6>
<span class="p4 bike-teaser__energy">
<svg class="icon"><use xlink:href="#icon-energy" href="#icon-energy" aria-hidden="true"></use></svg>
50<span>evation</span></span>
<div class="bike-teaser__color-wrapper">
<span class="bike-teaser__color black"></span>
<span class="bike-teaser__color blue"></span>
<span class="bike-teaser__color red"></span>
</div>
<span class="f2 bike-teaser__weight">12,3 kg</span>
</div>
<div class="bike-teaser__image">
<img class="img-fluid" src="/placeholder/bike.png" srcset="/placeholder/bike@2x.png 2x" alt="">
</div>
<p class="f2">Aluminium Frame, Shimano GRX Di2 RX815</p>
<hr>
<div class="bike-teaser__action">
<span class="p4">ab 3.456 €</span>
<a class="link-sm" href="#" data-toggle="modal" data-target="#exampleModalLong">Verfügbarkeit prüfen</a>
</div>
</div>
</div>
<div class="col-desk-6 col-tab-3 col-mob-4 d-none d-md-block">
<img class="img-fluid" src="/placeholder/highlightbike-02.jpg" alt="">
</div>
</div>
</section>