Mini Shell
<!--start switcher-->
<div class="switcher-wrapper">
<div class="switcher-btn"> <i class='bx bx-cog bx-spin'></i>
</div>
<div class="switcher-body product-list y-y100">
<div class="d-flex align-items-center">
<h5 class="mb-0 text-uppercase">Tema Seçici</h5>
<button type="button" class="btn-close ms-auto close-switcher" aria-label="Close"></button>
</div>
<hr/>
<p class="mb-0">Arkaplan</p>
<hr>
<ul class="switcher">
<li class="temadegistir" id="theme1" data-color="bg-theme1" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme2" data-color="bg-theme2" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme3" data-color="bg-theme3" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme4" data-color="bg-theme4" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme5" data-color="bg-theme5" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme6" data-color="bg-theme6" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme13" data-color="bg-theme13" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme14" data-color="bg-theme14" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme15" data-color="bg-theme15" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme16" data-color="bg-theme16" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme17" data-color="bg-theme17" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme18" data-color="bg-theme18" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme19" data-color="bg-theme19" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme20" data-color="bg-theme20" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme21" data-color="bg-theme21" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme22" data-color="bg-theme22" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme23" data-color="bg-theme23" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme24" data-color="bg-theme24" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme25" data-color="bg-theme25" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme26" data-color="bg-theme26" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme7" data-color="bg-theme7" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme8" data-color="bg-theme8" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme9" data-color="bg-theme9" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme10" data-color="bg-theme10" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme11" data-color="bg-theme11" data-id="<?= $kbilgi['id']?>"></li>
<li class="temadegistir" id="theme12" data-color="bg-theme12" data-id="<?= $kbilgi['id']?>"></li>
</ul>
<hr>
<p class="mb-0">Tablo Arkaplan</p>
<hr>
<ul class="switcher">
<li class="tablodegistir bg-primary" data-color="bg-primary" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-danger" data-color="bg-danger" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-warning" data-color="bg-warning" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-success" data-color="bg-success" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-info" data-color="bg-info" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-secondary" data-color="bg-secondary" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-light-primary" data-color="bg-light-primary" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-light-success" data-color="bg-light-success" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-light-danger" data-color="bg-light-danger" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-light-warning" data-color="bg-light-warning" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-light-info" data-color="bg-light-info" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-gradient-cosmic" data-color="bg-gradient-cosmic" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-gradient-burning" data-color="bg-gradient-burning" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-gradient-lush" data-color="bg-gradient-lush" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-gradient-kyoto" data-color="bg-gradient-kyoto" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-gradient-blues" data-color="bg-gradient-blues" data-id="<?= $kbilgi['id']?>"></li>
<li class="tablodegistir bg-gradient-moonlit" data-color="bg-gradient-moonlit" data-id="<?= $kbilgi['id']?>"></li>
</ul>
<hr>
<p class="mb-0">Animasyon</p>
<hr>
<div>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="yok" data-id="<?= $kbilgi['id']?>">Animasyon Yok</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="bounce" data-id="<?= $kbilgi['id']?>">Bounce</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="bounceIn" data-id="<?= $kbilgi['id']?>">BounceIn</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="bounceInLeft" data-id="<?= $kbilgi['id']?>">BounceInLeft</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="bounceInRight" data-id="<?= $kbilgi['id']?>">BounceInRight</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="bounceInUp" data-id="<?= $kbilgi['id']?>">BounceInUp</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="bounceInDown" data-id="<?= $kbilgi['id']?>">BounceInDown</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="flash" data-id="<?= $kbilgi['id']?>">Flash</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="rubberBand" data-id="<?= $kbilgi['id']?>">RubberBand</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="shake" data-id="<?= $kbilgi['id']?>">Shake</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="headShake" data-id="<?= $kbilgi['id']?>">HeadShake</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="swing" data-id="<?= $kbilgi['id']?>">Swing</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="tada" data-id="<?= $kbilgi['id']?>">Tada</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="jello" data-id="<?= $kbilgi['id']?>">Jello</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="fadeIn" data-id="<?= $kbilgi['id']?>">FadeIn</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="fadeInLeft" data-id="<?= $kbilgi['id']?>">FadeInLeft</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="fadeInRight" data-id="<?= $kbilgi['id']?>">FadeInRight</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="fadeInDown" data-id="<?= $kbilgi['id']?>">FadeInDown</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="fadeInUp" data-id="<?= $kbilgi['id']?>">FadeInUp</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="fadeInDownBig" data-id="<?= $kbilgi['id']?>">FadeInDownBig</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="fadeInUpBig" data-id="<?= $kbilgi['id']?>">FadeInUpBig</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="fadeInLeftBig" data-id="<?= $kbilgi['id']?>">FadeInLeftBig</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="fadeInRightBig" data-id="<?= $kbilgi['id']?>">FadeInRightBig</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="flip" data-id="<?= $kbilgi['id']?>">Flip</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="flipInX" data-id="<?= $kbilgi['id']?>">FlipInX</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="flipInY" data-id="<?= $kbilgi['id']?>">FlipInY</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="lightSpeedIn" data-id="<?= $kbilgi['id']?>">LightSpeedIn</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="rotateIn" data-id="<?= $kbilgi['id']?>">RotateIn</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="rotateInDownLeft" data-id="<?= $kbilgi['id']?>">RotateInDownLeft</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="rotateInDownRight" data-id="<?= $kbilgi['id']?>">RotateInDownRight</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="rotateInUpLeft" data-id="<?= $kbilgi['id']?>">RotateInUpLeft</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="rotateInUpRight" data-id="<?= $kbilgi['id']?>">RotateInUpRight</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="jackInTheBox" data-id="<?= $kbilgi['id']?>">JackInTheBox</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="rollIn" data-id="<?= $kbilgi['id']?>">RollIn</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="zoomIn" data-id="<?= $kbilgi['id']?>">ZoomIn</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="zoomInDown" data-id="<?= $kbilgi['id']?>">ZoomInDown</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="zoomInUp" data-id="<?= $kbilgi['id']?>">ZoomInUp</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="zoomInLeft" data-id="<?= $kbilgi['id']?>">ZoomInLeft</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="zoomInRight" data-id="<?= $kbilgi['id']?>">ZoomInRight</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="slideInDown" data-id="<?= $kbilgi['id']?>">SlideInDown</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="slideInLeft" data-id="<?= $kbilgi['id']?>">SlideInLeft</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="slideInRight" data-id="<?= $kbilgi['id']?>">SlideInRight</button>
<button type="button" class="btn btn-info animasyondegistir yazi12" data-color="slideInUp" data-id="<?= $kbilgi['id']?>">SlideInUp</button>
</div>
</div>
</div>
<!--end switcher-->