circle
Download
Darstellung
Code
Code wurde kopiert!
<div class="circle-wrapper"> <div class="inner-circle"></div> <div class="outer-circle"> <a href="https://wp6.staudeintern.de/base-template/leistungen/augenlidstraffung/" style="transform: rotate(0deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Augenlidstraffung" class="btn-inner-circle"> <div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-2.jpeg);" aria-label="Augenlidstraffung" role="img"></div> <div class="btn-inner-circle-title">Augenlidstraffung</div></a> <a href="https://wp6.staudeintern.de/base-template/leistungen/botox/" style="transform: rotate(60deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Botox" class="btn-inner-circle"> <div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-3.jpeg);" aria-label="Botox" role="img"></div> <div class="btn-inner-circle-title">Botox</div></a> <a href="https://wp6.staudeintern.de/base-template/leistungen/facelift/" style="transform: rotate(120deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Facelift" class="btn-inner-circle"><div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-1.jpeg);" aria-label="Facelift" role="img"></div> <div class="btn-inner-circle-title" style="transform: rotate(180deg);">Facelift</div></a> <a href="https://wp6.staudeintern.de/base-template/leistungen/faltenunterspritzung/" style="transform: rotate(180deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Faltenunterspritzung" class="btn-inner-circle"><div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-2.jpeg);" aria-label="Faltenunterspritzung" role="img"></div><div class="btn-inner-circle-title" style="transform: rotate(180deg);">Faltenunterspritzung</div></a> <a href="https://wp6.staudeintern.de/base-template/leistungen/faltenbehandlung/" style="transform: rotate(240deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Faltenbehandlung" class="btn-inner-circle"><div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-3.jpeg);" aria-label="Faltenbehandlung" role="img"></div><div class="btn-inner-circle-title" style="transform: rotate(180deg);">Faltenbehandlung</div></a> <a href="https://wp6.staudeintern.de/base-template/leistungen/lippenkorrektur/" style="transform: rotate(300deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Lippenkorrektur" class="btn-inner-circle"><div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-1.jpeg);" aria-label="Lippenkorrektur" role="img"></div><div class="btn-inner-circle-title">Lippenkorrektur</div></a> </div> </div>