<?php
include('start.php');
?>

<style>
    body {
        background: url(images/tfn2.png) repeat;
        background-color: #373737;
    }

    h4 {
        background: #d0d0d0;

    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #212121;
        text-transform: none !important;
    }

    html,
    html a {
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    }

    .ma4 {
        margin: 1.2rem;
    }

    .ml-auto,
    .mx-auto {
        margin-left: auto;
    }

    .mr-auto,
    .mx-auto {
        margin-right: auto;
    }

    img {

        width: 100%;
        border: 0;
        padding: 0;
        margin: 0;
    }

    .animate-fade {
        animation: pulse 5s infinite;
    }

    @keyframes pulse {
        0% {
            color: white;
        }

        100% {
            color: black;
        }
    }

    .btn-buy {
        background: rgba(255, 255, 255, 0.2);
    }

    .rounded {
        border-radius: 0.25rem;
    }

    .pl-3,
    .px-3 {
        padding-left: 1rem;
    }

    .pr-3,
    .px-3 {
        padding-right: 1rem;
    }

    .pb-2,
    .py-2 {
        padding-bottom: 0.5rem;
    }

    .pt-2,
    .py-2 {
        padding-top: 0.5rem;
    }

    .d-flex {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
    }

    @media (max-width: 576px) * {
        font-size: .9rem;
    }

    * {
        font-weight: 400;
    }

    a,
    * {
        outline: none;
    }

    .mr-1,
    .mx-1 {
        margin-right: 0.25rem;
    }

    .text-center {
        text-align: center;
    }

    .w-100,
    .col-sm-4 {
        width: 100%;
    }

    .button {
        cursor: pointer;
    }

    .btn-buy .price .old {
        font-size: 16px;
        text-decoration: line-through;
    }

    .d-block {
        display: block;
    }

    .font-weight-300 {
        font-weight: 300;
    }

    .btn-buy .price .new {
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
    }

    .bg-primary {
        background-color: #314E85;
    }

    .myButton {
        box-shadow: -3px 10px 13px -5px #bab8a7;
        background: linear-gradient(to bottom, #ffec64 5%, #e09620 100%);
        background-color: #ffec64;
        border-radius: 24px;
        border: 1px solid #ffd08a;
        display: inline-block;
        cursor: pointer;
        color: #333333;
        font-weight: bold;
        padding: 12px 38px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #ffee66;
        width: 100%;
        font-size: 0.9em;
    }

    .myButton:hover {
        background: linear-gradient(to bottom, #e09620 5%, #ffec64 100%);
        background-color: #e09620;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }

    @media (max-width: 767px) {
        .gifsticky {
            margin-top: -425.4%;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .gifsticky {
            margin-top: -423.7%;
        }
    }

    @media (min-width: 992px) {
        .gifsticky {
            margin-top: -423.5%;
        }
    }
</style>

<!--container-->
<style>
    body {
        background: url(images/tfn2.png) repeat;
        background-color: #373737;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #212121;
        text-transform: capitalize;
    }

    html,
    html a {
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    }

    .ma4 {
        margin: 1.2rem;
    }

    .ghold {
        width: 33%;
        float: left;
        padding: 5px;

    }

    .ghold_b {
        width: 49%;
        float: left;
        padding: 3px;

    }
    
.owl-wrapper img {
    max-width: 410px;
    margin-left: -4px;
}


#fixed_menu {
position: fixed;
width: 100%;
z-index: 99999;
display: none;
bottom: 0px;
}

.owl-carousel {
width: 100%;
-ms-touch-action: pan-y;
z-index: -1;
}

.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
float: left;
padding-left: 6px;
}


.slider-container-8462 {
        position: fixed;
        bottom: -100%;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 600px;
        background: white;
        padding: 0;
        margin: 0;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        transition: bottom 0.3s ease-in-out;
        z-index: 1000;
        border-radius: 8px 8px 0 0;
    }

    @media screen and (max-width: 768px) {
        .slider-container-8462 {
            position: fixed;
            bottom: -100%;
            left: 0;
            right: 0;
            transform: none;
            width: 100%;
            max-width: 100%;
            border-radius: 0;
            margin: 0;
            padding: 0;
        }
    }

    .swiper-8462 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    @media screen and (max-width: 768px) {
        .swiper-8462 {
            width: 100%;
        }
    }

    .swiper-slide {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .swiper-slide img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 8px 8px 0 0;
        display: block;
    }

    @media screen and (max-width: 768px) {
        .swiper-slide img {
            border-radius: 0;
            width: 100%;
            height: auto;
        }
    }

    .show-slider-8462 {
        bottom: 0 !important;
    }
</style>
<div class="container" style="font-family: 'Poppins', sans-serif; color: #212121;">


    <div class="row">
        <div class="col-xs-12">
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/1.webp?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/ara.jpeg?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/2.webp?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/ust.jpg?v2" alt="solar" /></a>
        </div>
        <div class="col-xs-12" style="    margin-top: 0%; opacity:1;">
        <div class="slider">
            <div><img src="img/slide_b/a.jpg?v1"></div>
            <div><img src="img/slide_b/b.jpg?v1"></div>
            <div><img src="img/slide_b/c.jpg?v1"></div>
            <div><img src="img/slide_b/d.jpg?v1"></div>
            <div><img src="img/slide_b/e.jpg?v1"></div>
            <div><img src="img/slide_b/f.jpg?v1"></div>
            <div><img src="img/slide_b/g.jpg?v1"></div>

        </div>
    </div>
        <div class="col-xs-12">
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/3.webp?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/ara.jpeg?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/4.webp?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/5.webp?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/ara.jpeg?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/gif1.gif?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/6.webp?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/7.webp?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/ust.jpg?v2" alt="solar" /></a>
        </div>
        <div class="col-xs-12" style="    margin-top: 0%; opacity:1;">
        <div class="slider">
            <div><img src="img/slide_b/h.jpg?v1"></div>
            <div><img src="img/slide_b/j.jpg?v1"></div>
            <div><img src="img/slide_b/k.jpg?v1"></div>
            <div><img src="img/slide_b/l.jpg?v1"></div>
            <div><img src="img/slide_b/m.jpg?v1"></div>
            <div><img src="img/slide_b/n.jpg?v1"></div>
            <div><img src="img/slide_b/r.jpg?v1"></div>
            <div><img src="img/slide_b/s.jpg?v1"></div>

        </div>
    </div>
        <div class="col-xs-12">
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/ara.jpeg?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/gif2.gif?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/8.webp?v2" alt="solar" /></a>
        </div>
    </div>
<div>
    <br><br><br>
</div>

</div>

<div class="row">
    <div class="col-xs-12">


	<div class="area_a" style="padding:20px; background: #ffffff;">
		<h1><b>iCollagen Şampuan </b><br>Sıkça Sorulan Sorular
		</h1>
		<h4>iCollagen nasıl bir şampuan?

		</h4>
		iCollagen, saç derisinin mikrobiyal dengesini yeniden kurmak için geliştirilmiş klinik içerikli prebiyotik şampuandır. Sadece saç tellerine değil, saç köklerini çevreleyen biyolojik yapıya etki eder.

		<br>

		<h4>Hangi sorunlar için kullanılır?

		</h4>
		Saç dökülmesi, kepek, kaşıntı, yağlanma, seyrelme ve saç cansızlığı gibi saç derisine bağlı tüm sorunlar için kullanılır.

		<br>
		<h4>Etkisini ne zaman gösterir?

		</h4>
		İlk 7 günde saç derisinde hafiflik ve rahatlama hissi başlar. Klinik çalışmalarda 6 haftada dökülmede %93.3 azalma bildirilmiştir.

		<br>


		<h4>Her saç tipine uygun mu?

		</h4>
		Evet. iCollagen; kuru, yağlı, ince telli ya da işlem görmüş tüm saç tiplerinde güvenle kullanılabilir.


		<br>
		<h4>Günlük kullanıma uygun mu?


		</h4>
		Haftada 3–4 kullanım yeterlidir. Aşırı kullanım gerekmez çünkü içeriklerin etkisi saç derisinde kalıcı çalışır.




		<br>

		<h4>Kimler kullanabilir?


		</h4>
		Kadın / erkek fark etmeksizin saç dökülmesi, kaşıntı, hızlı yağlanma yaşayan herkes kullanabilir. Hamilelik dönemi dışında her yaş grubuna uygundur.




		<br>
		<h4>Ne kadar sürede fark yaratır?


		</h4>
		Kullanıcıların %87’si 2. haftada saçlarında gözle görülür parlaklık, %93’ü 6. haftada dökülme azalması bildirmiştir.




		<br>
		<h4>Ürün alerjen ya da kimyasal içeriyor mu?


		</h4>
		Hayır. iCollagen SLS, paraben, sülfat, boya ve ağır parfüm içermez. Almanya menşeili, ISO ve GMP belgeli içerikler kullanılmıştır.




		<br>
		<h4>Eczanelerde veya Trendyol’da satılıyor mu?


		</h4>
		Evet. iCollagen Türkiye’de birçok eczanede ve Trendyol’da resmi mağaza üzerinden satıştadır. Ayrıca bugüne özel iCollagen tablet hediyeli kampanya mevcuttur.


	</div>
</div>
</div>

    <div class="col-xs-12">
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/t1.png?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/t2.png?v2" alt="solar" /></a>
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/footer.png?v2" alt="solar" /></a>
    </div>

<div class="slider-container-8462">
    <div class="swiper swiper-8462">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/5b.jpg?v2" alt="solar" /></a> 
            </div>
            <div class="swiper-slide">
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/4b.jpg?v2" alt="solar" /></a> 
            </div>
            <div class="swiper-slide">
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/3b.jpg?v2" alt="solar" /></a> 
            </div>
            <div class="swiper-slide">
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/2b.jpg?v2" alt="solar" /></a> 
            </div>
            <div class="swiper-slide">
                    <a href="https://siparisver.online/icollagen-sampuan/?ref=icollagen-sampuan-soft"><img style="margin-top: 0%;"
                    class="lazy" src="img/1b.jpg?v2" alt="solar" /></a> 
            </div>
        </div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
    (function() {
        function initSlider() {
            const swiper = new Swiper('.swiper-8462', {
                loop: true,
                autoplay: {
                    delay: 5000,
                    disableOnInteraction: false,
                },
                slidesPerView: 1,
                observer: true,
                observeParents: true
            });

            const sliderContainer = document.querySelector('.slider-container-8462');
            
            window.addEventListener('scroll', () => {
                const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
                if (scrollTop > 70 && scrollTop < 10000) {
                    sliderContainer.classList.add('show-slider-8462');
                } else {
                    sliderContainer.classList.remove('show-slider-8462');
                }
            });
        }

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', initSlider);
        } else {
            initSlider();
        }
    })();
</script>


<script>
    $(document).ready(function () {

        $("#owl-bottom").owlCarousel({
            responsiveBaseWidth: window,
            autoPlay: 3000, //Set AutoPlay to 3 seconds
            pagination: false,
            items: 1, //10 items above 1000px browser width
            itemsDesktop: [1000, 1], //5 items between 1000px and 901px
            itemsDesktopSmall: [900, 1], // 3 items betweem 900px and 601px
            itemsTablet: [600, 1], //2 items between 600 and 0;
            itemsMobile: true // itemsMobile disabled - inherit from itemsTablet option
        });

    });
</script>

<script>
    $(document).ready(function () {

        $("#owl-top").owlCarousel({
            responsiveBaseWidth: window,
            autoPlay: 3000, //Set AutoPlay to 3 seconds
            pagination: false,
            items: 1, //10 items above 1000px browser width
            itemsDesktop: [1000, 1], //5 items between 1000px and 901px
            itemsDesktopSmall: [900, 1], // 3 items betweem 900px and 601px
            itemsTablet: [600, 1], //2 items between 600 and 0;
            itemsMobile: true // itemsMobile disabled - inherit from itemsTablet option
        });

    });
</script>

<script type="text/javascript">
    (function ($) {
        $(function () {
            $("#scroller").simplyScroll({ autoMode: 'loop', speed: 3, pauseOnTouch: false, pauseOnHover: false });
        });
    })(jQuery);
</script>
<script>
    $(document).ready(function () {
        var owl = $('#owl-bottom');
        owl.owlCarousel({
            items: 8,
            loop: true,
            margin: 20,
            autoplay: true,
            slideTransition: 'linear',
            autoplayTimeout: 0,
            autoplaySpeed: 2000,
            autoplayHoverPause: false

        });

    });
</script>

<script>

    var _scrollSpeed = 2000;

    $(".gotouser").click(function () {
        $('html, body').animate({ scrollTop: $("#user").offset().top }, _scrollSpeed);
    });
    /*************************************************/
    $(".gotosss").click(function () {
        $('html, body').animate({ scrollTop: $("#sss").offset().top }, _scrollSpeed);
    });

    /*************************************************/
    $("3ncilink").click(function () {
        console.log(" sayfaya gidiyorummmm ");
    });



    $(document).ready(function () {

        $("#owl-top").owlCarousel({
            responsiveBaseWidth: window,
            autoPlay: 3000, //Set AutoPlay to 3 seconds
            pagination: false,
            items: 1, //10 items above 1000px browser width
            itemsDesktop: [1000, 1], //5 items between 1000px and 901px
            itemsDesktopSmall: [900, 1], // 3 items betweem 900px and 601px
            itemsTablet: [600, 1], //2 items between 600 and 0;
            itemsMobile: true // itemsMobile disabled - inherit from itemsTablet option
        });

    });
</script>
<link href="js/lity.css" rel="stylesheet" />
<script src="js/lity.js"></script>
<script type="text/javascript" src="js/jquery.simplyscroll.js"></script>
<link rel="stylesheet" href="js/jquery.simplyscroll.css" media="all" type="text/css">
<script src="js/jquery.lazyload.min.js"></script>
</body>

</html>