
<!DOCTYPE html>
<html lang="en" dir="ltr" data-nav-layout="vertical" data-theme-mode="light" data-header-styles="gradient" data-menu-styles="dark">

<head>

    <!-- Meta Data -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="Description" content="B2B">
    <meta name="Author" content="Artı Partners">

    <!-- TITLE -->
    <title>Canik Store - B2B Sistemleri</title>
    <!-- FAVICON -->
    <link rel="icon" href="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/images/brand-logos/fav.ico" type="image/x-icon">
    <!-- BOOTSTRAP CSS -->
    <link  id="style" href="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- ICONS CSS -->
    <link href="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/css/icons.css" rel="stylesheet">
    <!-- STYLES CSS -->
    <link href="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/css/styles.css" rel="stylesheet">
    <!-- MAIN JS -->
    <script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/js/main.js"></script>
    <!-- NODE WAVES CSS -->
    <link href="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/node-waves/waves.min.css" rel="stylesheet">
    <!-- SIMPLEBAR CSS -->
    <link rel="stylesheet" href="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/simplebar/simplebar.min.css">
    <!-- COLOR PICKER CSS -->
    <link rel="stylesheet" href="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" href="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/@simonwep/pickr/themes/nano.min.css">
    <!-- CHOICES CSS -->
    <link rel="stylesheet" href="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/choices.js/public/assets/styles/choices.min.css">
    <!-- CHOICES JS -->
    <script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/choices.js/public/assets/scripts/choices.min.js"></script>

    <!-- SWIPER CSS -->
    <link rel="stylesheet" href="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/swiper/swiper-bundle.min.css">

</head>

<body>

<div class="row mx-0 authentication">

    <div class="col-xxl-6 col-xl-7 col-lg-12">
        <div class="row mx-0 justify-content-center align-items-center h-100">
            <div class="col-xxl-6 col-xl-7 col-lg-7 col-md-7 col-sm-8 col-12">
                <div class="p-sm-5 p-0">
                    <form class="form-style-1" method="post" action="https://b2byonetim.mecanik.com/en" id="form_uye_giris" accept-charset="UTF-8">
                        <input name="nereden" type="hidden" value="https://b2byonetim.mecanik.com/en">
                        <input name="yonetici_giris" type="hidden" value="1">
                        <input name="niha" type="hidden" value="">
                        <input name="islem" value="1" type="hidden">
                        <p class="h4 fw-semibold mb-2">Sign In</p>
                        <p class="mb-3 text-muted op-7 fw-normal">Canik Store | B2B</p>
                        <div class="row mx-0 gy-3 mt-3">
                            <div class="col-xl-12 mt-0 px-0">
                                <label for="kullanici_adi" class="form-label text-default">E-Mail</label>
                                <input name="kullanici_adi" type="text" class="form-control form-control-lg" id="kullanici_adi" placeholder="Kullanıcı Adı">
                            </div>
                            <div class="col-xl-12 mb-3  px-0">
                                <label for="sifre" class="form-label text-default d-block">Password</label>
                                <div class="input-group">
                                    <input name="sifre" type="password" class="form-control form-control-lg" id="sifre" placeholder="Password">
                                </div>
                                <div class="mt-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                                        <label class="form-check-label text-muted fw-normal" for="defaultCheck1">
                                            Remember password ?
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-12 d-grid mt-2  px-0">
                                <button type="submit" class="btn btn-lg btn-primary">Sign In</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xxl-6 col-xl-5 col-lg-5 d-xl-block px-0">
        <div class="authentication-cover">
            <div class="card-body">
                <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner" style="height: 800px;">
                        <div class="carousel-item active">
                            <img src="resim/1.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item" style="height: 300px;">
                            <img src="resim/2.jpg" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item" style="height: 300px;">
                            <img src="resim/3.jpg" class="d-block w-100" alt="...">
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button"
                            data-bs-target="#carouselExampleControls" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button"
                            data-bs-target="#carouselExampleControls" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Next</span>
                    </button>
                </div>
            </div>
        </div>
    </div>

</div>

</body>

<!-- POPPER JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/@popperjs/core/umd/popper.min.js"></script>

<!-- BOOTSTRAP JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- DATE & TIME PICKER JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/flatpickr/flatpickr.min.js"></script>
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/js/date&time_pickers.js"></script>

<!-- NODE WAVES JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/node-waves/waves.min.js"></script>

<!-- SIMPLEBAR JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/simplebar/simplebar.min.js"></script>
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/js/simplebar.js"></script>

<!-- COLOR PICKER JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/@simonwep/pickr/pickr.es5.min.js"></script>

<!-- DEFAULTMENU JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/js/defaultmenu.js"></script>

<!-- STICKY JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/js/sticky.js"></script>

<!-- CUSTOM JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/js/custom.js"></script>

<!-- CUSTOM-SWITCHER JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/js/custom-switcher.js"></script>

<!-- END SCRIPTS -->

!-- SWIPER JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/libs/swiper/swiper-bundle.min.js"></script>

<!-- INTERNAL PRODUCT-DETAILS JS -->
<script src="https://b2byonetim.mecanik.com//kullanici/goruntu/tasarim/assets/js/product-details.js"></script>
</html>