semicircle

Darstellung

Code

Code wurde kopiert!
<div class="wrapper-semicircle">
<div class="rotater">
<div class="btn-semicircle" style="transform: rotate(0deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-left fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(25deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-left fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(50deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-left fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(75deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-left fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(100deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-right fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(125deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-right fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(150deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-right fettes-kind">Titel</span>
</a>
</div>
<div class="btn-semicircle" style="transform: rotate(175deg);transform-origin: center right;">
<a href="#" title="#">
<span class="icon-right fettes-kind">Titel</span>
</a>
</div>
</div>
<div class="semicircle"></div>
</div>

Vorbestellen

Kontakt

Musterweg 123 | 12345 Musterstadt
Öffnungszeiten
Mo Di Mi Do Fr
Anfahrt & Parken Beispiel Apotheke
Parkplätze befinden sich vor der Apotheke Unsere Apotheke ist barrierefrei
Auto Bus und Bahn

Social Media