<!DOCTYPE html>
<html lang="tr-TR">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

<meta property="og:description" content="Türkiye’de 20 farklı ilde 50’den fazla kuruma ve 40 bin katılımcıya eğitim veren Akın Başal’ın internet sitesine hoş geldiniz. Kişisel gelişim kitapları, çocuk öykü kitapları, makaleler, ücretsiz zaman yönetimi anketi, ücretsiz e-kitap ve ödüllü öykülerle dolu sitemize abone olarak haftalık 'Bilgi deposu' paylaşımlarını almaya başlayabilirsiniz." /> 


    <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="css/bootstrap-theme.min.css">

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery.ticker.js"></script>
<!--for fancybox-->
<!-- Add mousewheel plugin (this is optional) -->
    <script type="text/javascript" src="lib/jquery.mousewheel-3.0.6.pack.js"></script>

    <!-- Add fancyBox main JS and CSS files -->
    <script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.5"></script>
    <link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.5" media="screen" />

    <!-- Add Button helper (this is optional) -->
    <link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
    <script type="text/javascript" src="source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

    <!-- Add Thumbnail helper (this is optional) -->
    <link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
    <script type="text/javascript" src="source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

    <!-- Add Media helper (this is optional) -->
    <script type="text/javascript" src="source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

    
    <!--fancybox finish-->

<script type="text/javascript">
$(function(){
    $('#ayril').click(function(){
        if ($('.alteposta').val()==""){
            alert('Lütfen Eposta alanını doldurunuz.');
        }else{
          $.ajax({ // ajax işlemi başlar
      type:'POST', // veri gönderme tipimiz. get olabilirdi json olabilirdi. ama biz post kullanıyoruz
      url:'aboneliktenayril', // post edilecek adres
      data:$('#ayrilform').serialize(), //post edilecek veriler
      success:function(cevap){// işlem başarılıysa
        //sonuc id'sine ajaxPost.php den dönen verileri basıyoruz. 
            $('#ayrilsonuc').html(cevap);
            $.fancybox.open([
                {
                    href : '#ayrilsonuc',
                    title : 'Abonelik'
                }    
            ], {
                padding : 10   
            });
        
      }
    });
      }
    })
   
})
</script>
<script>
 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
  ga('create', 'UA-69255915-1', 'auto');
  ga('send', 'pageview');
 


</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');

fbq('init', '1110121889019578');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1110121889019578&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<style>
.basinicerik img{
    max-width: 100% !important;
    height:auto;
    margin-right:5px;
    margin-bottom:5px;
}
.arifmenu{
    /*width:690px !important;*/
}
/*.container{width:1170px !important;}*/
.yanmenu{
    position:absolute;
    left:950px;
    background-color: #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
top:40px;
z-index:500;
}
.yanmenu li a{
    color:white;
}
.yanmenuul{
    list-style: none;
    padding:10px;
    margin:0;
}

@font-face {
    font-family: helv;
    src: url(fonts/HelveticaNeue.otf);
    font-weight: bold;
}
.resim{
    margin-bottom:5px;

}
ul.egitim{
    padding-left:5px;
    padding-top:20px;
}
ul.egitim li{
    padding-bottom:3px;
}
.footer h5{
    color:#FFF;
    font-size:16px;
}
.footer p{
    font-size:12px;
}
    .akinbasal{
        
        height:500px;
     
        background-color:#ddd4cb ;

    }
    .altlik{
color:#FFF;
background-color:#033F60;
}
.altlik a{
color:#FFF; 
}
.sayfa{
    min-height:300px;
    position:relative;
}
#cagrimerkez{
    display:none;
}
.kitapdis{
text-align:center;background-color:#FFF;margin:10px;height:465px;


margin:0; background-color:#e1eefe; border: 5px solid #fff; border-radius:5px; padding:5px;
-webkit-box-shadow: 1px 0 2px blue;
  -moz-box-shadow: 1px 0 2px black;
  box-shadow: 2px 0 6px #999999;
}
    .akin{

background:url(bgust2.jpg);
   background-position: -200px;
        background-repeat: no-repeat;
        height:500px;
        position:relative;
    }

@media screen and (min-width: 768px){
 .arifmenu{
        margin-top:30px;
        

    }
    .kitap .kitaplar{
        width:470px;
        margin:auto !important;
    }
    .kitap{
        background-position-x:center !important;
    }
}
@media screen and (max-width: 768px){
 .akinbasal{
    background-size:auto 100% !important;
    height:40px !important;
 }
.kitap ul.kitaplar li img {
height: 88px !important;
width:auto;
}
.kitapaltraf li img {
height: 44px !important;
width:auto;
}
.kitapaltraf li{
    margin-right:0 !important;
}
ul.kitaplar {
padding-top:40px !important;
    }
    .kitapaltraf ul.kitaplar{
        padding-top:100px !important;
    }
    .kitapaltraf{
        padding-left:30px;
    }


}


   
    #ustmenu{
        background-color:#033F60;
        padding-left:5px;
        padding-right:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
white-space: nowrap;
text-align:center;
    }
    #ustmenu li{
        list-style: none;
        display:inline-block;
        position:relative;
           padding-top:13px;
        padding-bottom:13px;
       
    }
    #ustmenu li a{
        color:#FFFFFF;
        
        font-size:16px;
        margin-right:18px;
        margin-left:7px;
        font-family: "helv",Helvetica,Arial,sans-serif;
    }

#ustmenu li ul{
    position:absolute;
    background-color: #FFFFFF;
    padding:10px;
    top:100%;
    z-index:5000;

    left:-4px;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
    display: none;
    opacity: 1;
}

#ustmenu li:hover > ul{
    display: inline;
}
#ustmenu li ul li a{
    background-color: #FFF !important;
    color:#062A64;
    font-weight: bolder;
    display:block;

}
#ustmenu li >ul li{
    background-color: #FFF;
    padding:0;
    display:block;
}


.donenkitaplar{
    height:180px;
    width:380px !important;
}

.adimlar{
    background-color:#FFF;
    border:1px dotted #819FAF;
            -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-top:5px;
        padding:5px;
}
.adimlar p{
    margin:2px;
    padding:0;
}
.uyeolform{
    margin:5px;
     background-color:#FFF;
padding:10px;
            -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-top:5px;
         border:1px dotted #819FAF;
}
.uyeolform h4{
    color:#000;
    margin:5px;
    font-size:16px;
}
.donenkitaplaric{
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-bottom:10px
}
    .kitap{
        margin-top:5px;
        background:url(images/kitapraf2.png);
        background-repeat:no-repeat;
        background-position: bottom;
        background-position-x:0;
        background-position-y: 125px;
        height:190px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding-top:3px;
        padding-right:7px;
        padding-left:40px;
    }

    .ustkitaplar{
        
    }
    .kitapaltraf{
        margin-top:5px;
        background:url(images/rafkitap2.png);
        background-repeat:no-repeat;
        background-position: bottom;
        
        background-position-x:0;
        background-position-y: 125px;
        height:190px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding-top:3px;
        padding-right:7px;
        padding-left:71px;
    }
    ul.kitaplar{
        padding-left:10px;
        padding-right:0;
        margin:0;
        padding-top:0px;
        list-style: none;
        text-align: center;
    }
    ul.kitaplar li{
        float:left;
        position:relative;
        margin-right:15px;

    }
    ul.kitaplar li img{
        height:130px;
        width:auto;
        margin-left:1px;
        -webkit-transition: all .5s;
        transition: all .5s;
       
    }
    .kayanyazi{
        background-color:#819FAF;

        color:#FFF;
        position:relative;
        padding:5px;
        -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    }
    .kayanbaslik{
        padding:5px;
        position:absolute;
        left:3px;
        top:0;
        background-color:#819FAF;
        z-index:50;
    }
    .headerbolumdis{
        position:relative;
    }
    .yorum{
        position:absolute;
        top:50px;
        left:420px;
        background:url(images/notepad.png);
        width:187px;
        height:307px;
        background-repeat: no-repeat;
        padding-left:40px;
        padding-top:30px;
        overflow: hidden;
        padding-right:7px;
        padding-bottom:10px;
    }
    .nav-tabs>li{
            width: 33%;
    text-align: center;
    }
    .tab-pane{
        background-color: #FFF;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    }
    .kitapresim{
        
    background-color: #fff;
    border: 1px solid #ddd;

    }

    ul.kitaplar li:hover img{
        position:relative;
        z-index:100;
        margin:-45px;
        height:240px !important;
        width:auto !important;
    }
    .sayfa{
        background: url(images/sayfabg.png);
    }
    .band{
        /*background-color:#5e1d1e;*/
        background-color:#033F60;
        color:#FFF;
        position:relative;

    }
    .bandici{
        padding-top:10px;
        padding-bottom:10px;
    }
</style>
   <title>Akın BAŞAL - Eğitim Danışmanlığı ve Yayıncılık</title>


</head>
<body>



<div class="akinbasal">

<div class="container akin">

    <div class="row">

        <div class="col-xs-12 col-md-12 arifmenu" style="background: #FFFF66">



        	<div style="display:none;" id="ayrilsonuc">



</div>

    <ul id="ustmenu" class="hidden-xs">

    <li><a style='margin-right:0 !important;' href='https://www.akinbasal.com'><span class='glyphicon glyphicon-home'></span></a></li>

    <li><a href="#">Akın BAŞAL</a><ul><li><a href='basinda'>Basında</a></li><li><a href='zamanokulu'>Zaman Okulu</a></li><li><a href='sayfa-referanslarim'>Referanslarım</a></li><li><a href='hakkimda'>Hakkımda</a></li><li><a href='makaleler-13'>Makalelerim</a></li><li><a href="http://www.akinbasal.com/album.php?id=12">Altını Çizdiklerim</a></li><li><a href='sayfa-onerdigim_kitaplar'>Önerdiğim Kitaplar</a></li><li><a href='egtmalbm'>Eğitim Fotoğrafları</a></li><li><a href='oykuler'>Öykülerim</a></li><li><a href="https://www.akinbasal.com/projesorulari.php">Çocuk Kitapları Proje soruları</a></li></ul></li><li><a href="kitaplar">Kitaplarım</a></li><li><a href="yorumlar">Kitap Yorumları</a></li><li><a href="siparis">Kitap Siparişi</a></li><li><a href="iletisim">İletişim</a></li>
  </ul>



  <div class="kucukmenu visible-xs" style="border: #FF0066;">

<select name="menum" class="form-control" onchange="location = this.options[this.selectedIndex].value;" style="border: none; background: #FFFF66; font-feature-settings: 3; font-size: larger; font-weight: bolder; text-shadow: 0px 1px 0px #FFF74E; text-emphasis-color: #FFFFFF; text-align: center; text-decoration: blink; line-height: 2%; color: #0000FF; box-shadow: inset   29px #808080; text-align-last: center">

<option style="font: bolder/">MENÜ LİNKLERİ</option>

<option value="index.php">Ana Sayfa</option>

 <option value="siparis">Kitap Siparişi</option><option value="makaleler-13">Makalelerim</option><option value="https://www.akinbasal.com/album.php?id=12">Altını Çizdiklerim</option><option value="sayfa-onerdigim_kitaplar">Önerdiğim Kitaplar</option><option value="egtmalbm">Eğitim Fotoğrafları</option><option value="oykuler">Öykülerim</option><option value="zamanokulu">Zaman Okulu</option><option value="sayfa-referanslarim">Referanslarım</option><option value="basinda">Basında</option><option value="kitaplar">Kitaplarım</option><option value="yorumlar">Kitap Yorumları</option><option value="hakkimda">Hakkımda</option><option value="iletisim">İletişim</option> <option value="https://www.akinbasal.com/projesorulari.php">Çocuk Kitapları Proje soruları</option>
</select>



  </div>


        </div>

    </div>

    <div class="row headerbolumdis">







     <div id="cagrimerkez">

                    <h3 class="text-center">Kariyer Merkezi</h3>

                    <p><strong>“Kariyer merkezi”</strong> isimli ücretsiz e-kitabımıza ulaşmanıza bir adım kaldı. <br>

Yeni eğitimlerim, konferanslarım, kitaplarım,makalelerim

ve son okuduğum kitaplarda altını çizdiğim bölümlerden sizi de haberdar etmemi ister misiniz?<br>

Lütfen, akinbasal.com “haftalık bilgi paylaşımı” bültenine abone olun.</p>

                    <form method="post" action="">

                    <input type="hidden" name="sec" value="cagriindir">

                    <input type="email" required name="eposta" class="form-control" style='margin-bottom:6px;' placeholder="Eposta Adresinizi Giriniz">

                  

                    

                    <input style='margin-top:6px;margin-bottom:8px;' type="submit" value="Eposta Gönderilmesini Kabul Ediyorum" class="form-control btn btn-info">

                    </form>

                    <a target="_blank" href='kariyermerkezi.pdf'>Abone olmadan indirmek için tıklayınız</a>

               </div>

                   <div class="row">

        <div class="col-xs-12" style="margin-top:7px;">

            <div class="kitap">

               <ul class='kitaplar'>

                <li><a href='kitap-12'><img src='uploads/smlimg29223.jpg'></a></li>

                <li><a href='kitap-1'><img src='uploads/smlimg73174.jpg'></a></li>

                <li><a href='kitap-3'><img src='uploads/smlimg92408.jpg'></a></li>

                <li><a href='kitap-2'><img src='uploads/smlimg36205.jpg'></a></li></ul>
            </div>

        </div>

    </div>

    <div class="row">

<div class="col-xs-12" style="margin-top:7px;">

    <div class="kitapaltraf">

       <ul class='kitaplar'>

        <li><a href='kitap-6'><img src='uploads/smlimg39092.jpg'></a></li>

        <li><a href='kitap-7'><img src='uploads/smlimg68216.jpg'></a></li>

        <li><a href='kitap-8'><img src='uploads/smlimg23126.jpg'></a></li>

        <li><a href='kitap-9'><img src='uploads/smlimg47178.jpg'></a></li>

        <li><a href='kitap-10'><img src='uploads/smlimg26841.jpg'></a></li>

        <li><a href='kitap-11'><img src='uploads/smlimg10601.jpg'></a></li>

        <li><a href='kitap-13'><img src='uploads/smlimg51576.jpg'></a></li>

        <li><a href='kitap-14'><img src='uploads/smlimg82291.jpg'></a></li></ul>
    </div>

</div>

</div>



<!-- donenkitaplar başlangıç
    <div class="col-xs-12 col-md-6 col-lg-4 donenkitaplar text-center">

        <div class="donenkitaplaric">


             <a href='zamanyonetimianket'><img width="150" src="images/zamanyonetimi1.png"></a>

            

            

               <a class="various" href='#cagrimerkez'><img width="150" src="images/cagrimerkez1.png"></a>

        </div>

        </div>
 

    </div>
-->

</div>


</div>


<div class="sayfa">
<div class="container">
<div class="row">
    <div class="col-md-8">
            <a target="_blank" href="https://www.akinbasal.com/kitaplar.php">
            <img src="images/akinbasal1.jpg"  class="img-responsive"><br>



    </div>
    <div class="col-md-4">
      <!--

<h3>Abone Olun</h3>



<form method="post">

<input type="email" name="eposta" placeholder="Eposta" class="form-control">

<input type="submit" class="btn btn-info form-control" value="Ekle">



</form>

<br>

<div class="col-md-12" style="margin-bottom:20px; padding:5px; background-color:#ebebeb; border: 5px solid #fff; border-radius:15px; 

-webkit-box-shadow: 1px 0 2px blue;

	-moz-box-shadow: 1px 0 2px black;

	box-shadow: 1px 0 3px #999999; min-height:90px; padding:15px;">

<h5 style="font-family: OpenSans, Arial, sans-serif; color: rgb(90, 90, 90); text-align: center;"><span style="color: rgb(0, 74, 143);"><strong>Bizi Sosyal Medyada&nbsp;Takip Edin</strong></span></h5>

<img alt="" src="uploads/images/rss.png" style="width: 40px; height: 40px; margin: 5px;"><img alt="" src="uploads/images/facebook.png" style="width: 40px; height: 40px; margin: 5px; border-width: 0px; border-style: solid;"><img alt="" src="uploads/images/twitter.png" style="width: 40px; height: 40px; margin: 5px;"><img alt="" src="uploads/images/googleplus.png" style="width: 40px; height: 40px; margin: 5px;"><img alt="" src="uploads/images/youtube.png" style="width: 40px; height: 40px; margin: 5px;"><img alt="" src="uploads/images/instagram.png" style="width: 40px; height: 40px; margin: 5px;"></div>



-->

<br>
<a href='zamanyonetimianket'>
<img style="width:45%;-webkit-border-radius: 8px;-moz-border-radius: 8px;
border-radius: 8px;margin-right:10px;" src="images/zamanyonetimi1.png">
</a>

<a class="various" href='#cagrimerkez' href='zamanyonetimianket'>
<img style="width:45%;-webkit-border-radius: 8px;-moz-border-radius: 8px;
border-radius: 8px;" src="images/cagrimerkez1.png">
</a>

<img class="img-responsive" style="width:100%;margin-top:50px;" src="images/banner.jpg">





    </div>
</div>
</div>
</div> 
 <div class="altlik">
   <div class="container">
    <div class="row footer">
    <div class="col-md-3">
     <h5>SOSYAL MEDYA</h5>

<p><span style="font-size: 12px;"><a href="https://www.facebook.com/Ak%C4%B1n-Ba%C5%9Fal-E%C4%9Fitim-Dan%C4%B1%C5%9Fmanl%C4%B1%C4%9F%C4%B1-ve-Yay%C4%B1nc%C4%B1l%C4%B1k-275971682563714/timeline/?ref=br_rs" target="_blank">FACEBOOK</a><br />
<a href="https://twitter.com/zamanokulu" target="_blank">TWITTER</a><br />
<a href="https://instagram.com/akinbasal_egitim" target="_blank">INSTAGRAM</a><br />
<a href="https://www.linkedin.com/in/akin-ba%C5%9Fal-4339a836/">LİNKEDİN</a></span></p>

<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</p>
   </div>

   <!-- <div class="col-md-3">
        </div>-->

<div class="col-md-3" style="margin-top:0;line-height:1.6">
 <h5>ABONELİK</h5>
<form action="" method="post" name="ayrilform" id="ayrilform">
<input type="hidden" name="abonelik" value="istek">
<p><span style="font-size:11px;">Merhaba,&nbsp;Yeni eğitimlerim, konferanslarım, kitaplarım,makalelerim&nbsp;ve son okuduğum kitaplarda altını &ccedil;izdiğim b&ouml;l&uuml;mlerden sizi de haberdar etmemi ister misiniz?&nbsp;L&uuml;tfen, akinbasal.com &ldquo;haftalık bilgi paylaşımı&rdquo; b&uuml;ltenine abone olun.</span></p>

<p><input class='alteposta' style="color:#000;width:100%;" type="email" name="eposta" placeholder="Eposta adresinizi giriniz" type="text" required/></p>

<p><input class="btn btn-success" name="gonder" type="submit" value="Abone Ol" />
<a class="btn btn-danger" name="ayril" id="ayril">Abonelikten Ayrıl</a>
</p>
</form>
   </div>

    <div class="col-md-6">
     <h5>TEŞEKK&Uuml;R</h5>

<p>Sitemi ziyaret ettiğiniz, daha da &ouml;nemlisi verdiğim eğitimlere, yazdığım kitaplara, kısaca &quot;bana&quot; ilgi g&ouml;sterdiğiniz i&ccedil;in teşekk&uuml;r ederim :)</p>

<p>Fotoğraflarımın &ccedil;ekiminde emeği ge&ccedil;en sevgili &Ouml;zg&uuml;r &Ouml;NEY&#39;e (<a href="http://www.kalenderhane.com" target="_blank">www.kalenderhane.com</a>) ve Volkan ŞEKER&#39;e (www.volkanseker.com)&nbsp;teşekk&uuml;r ederim.&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:9px;">Web Tasarım / Programlama:(Arif CEYLAN) Düzenleme : <a href="http://www.akinbasal.com" target="_blank">Soner Ferguson</a></span></p>
   </div>

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

<script type="text/javascript">
    $(document).ready(function() {
      /*
       *  Simple image gallery. Uses default settings
       */
$('.ticker').ticker();
      $('.fancybox').fancybox();

      /*
       *  Different effects
       */

      // Change title type, overlay closing speed
      $(".fancybox-effects-a").fancybox({
        helpers: {
          title : {
            type : 'outside'
          },
          overlay : {
            speedOut : 0
          }
        }
      });

      // Disable opening and closing animations, change title type
      $(".fancybox-effects-b").fancybox({
        openEffect  : 'none',
        closeEffect : 'none',

        helpers : {
          title : {
            type : 'over'
          }
        }
      });

      // Set custom style, close if clicked, change title type and overlay color
      $(".fancybox-effects-c").fancybox({
        wrapCSS    : 'fancybox-custom',
        closeClick : true,

        openEffect : 'none',

        helpers : {
          title : {
            type : 'inside'
          },
          overlay : {
            css : {
              'background' : 'rgba(238,238,238,0.85)'
            }
          }
        }
      });

      // Remove padding, set opening and closing animations, close if clicked and disable overlay
      $(".fancybox-effects-d").fancybox({
        padding: 0,

        openEffect : 'elastic',
        openSpeed  : 150,

        closeEffect : 'elastic',
        closeSpeed  : 150,

        closeClick : true,

        helpers : {
          overlay : null
        }
      });

      /*
       *  Button helper. Disable animations, hide close button, change title type and content
       */

      $('.fancybox-buttons').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',

        prevEffect : 'none',
        nextEffect : 'none',

        closeBtn  : false,

        helpers : {
          title : {
            type : 'inside'
          },
          buttons : {}
        },

        afterLoad : function() {
          this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
        }
      });


      /*
       *  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
       */

      $('.fancybox-thumbs').fancybox({
        prevEffect : 'none',
        nextEffect : 'none',

        closeBtn  : false,
        arrows    : false,
        nextClick : true,

        helpers : {
          thumbs : {
            width  : 50,
            height : 50
          }
        }
      });

      /*
       *  Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
      */
      $('.fancybox-media')
        .attr('rel', 'media-gallery')
        .fancybox({
          openEffect : 'none',
          closeEffect : 'none',
          prevEffect : 'none',
          nextEffect : 'none',

          arrows : false,
          helpers : {
            media : {},
            buttons : {}
          }
        });

      /*
       *  Open manually
       */

      $("#fancybox-manual-a").click(function() {
        $.fancybox.open('1_b.jpg');
      });

      $("#fancybox-manual-b").click(function() {
        $.fancybox.open({
          href : 'iframe.html',
          type : 'iframe',
          padding : 5
        });
      });

      $(".various").fancybox({
    maxWidth  : 400,
    maxHeight : 400,
    fitToView : false,
    width   : '400',
    height    : '370',
    autoSize  : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none'
  });

      $("#fancybox-manual-c").click(function() {
        $.fancybox.open([
          {
            href : '1_b.jpg',
            title : 'My title'
          }, {
            href : '2_b.jpg',
            title : '2nd title'
          }, {
            href : '3_b.jpg'
          }
        ], {
          helpers : {
            thumbs : {
              width: 75,
              height: 50
            }
          }
        });
      });
      
    });
  </script>
   

</body>
</html>