Advertisement
Guest User

Untitled

a guest
Oct 30th, 2014
160
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.26 KB | None | 0 0
  1. <?php include ("_init.php"); ?>
  2. <script type="text/javascript">
  3.  // Background color animation
  4.     $(document).ready(function(){
  5.  
  6.         $("div.tab").hide();
  7.         $("div.tab").delay(800).fadeIn(2000);
  8.  
  9.         $('.content_block').each(function(){
  10.             if( $(this).attr('data-select') == 'jsRun' ){
  11.                 var url = $(this).children('a').attr('href');
  12.                 var name = $(this).find('h2').find('a').text();
  13.  
  14.                 $(this).children('a').attr({
  15.                     title: name,
  16.                     alt: name
  17.                 });
  18.  
  19.                 $(this).children('a').find('img').attr({
  20.                     title: name,
  21.                     alt: name
  22.                 });
  23.  
  24.                 $(this).children('h2').find('a').attr({
  25.                     title: name,
  26.                     alt: name
  27.                 });
  28.  
  29.             }
  30.         });
  31.  
  32.         $(window).load( function(){
  33.             $('.pic').each(function(){
  34.                 if( $(this).find('img').height() < $('.pic').height() ){
  35.                    $(this).find('img').height('100%');
  36.                }
  37.            });
  38.        });
  39.  
  40.        $('#change').click(function(){
  41.            if( $(this).hasClass('swap') ){
  42.                $('.content_block h2').css('text-align','left');
  43.                $('.content_block').css('float','left');
  44.                $('.content_block').children('a').css({
  45.                    "display": "block",
  46.                    'float':'left'});
  47.                $('.content_block').children('h2').css({
  48.                    "display": "block",
  49.                    'float':'left'});
  50.            } else {
  51.                $('.content_block h2 ').css('text-align','center');
  52.                $('.content_block').css('float','none');
  53.                $('.content_block').children('h2').css({
  54.                    "display": "static",
  55.                    'float':'none'});
  56.            }
  57.        });
  58.  
  59.    });
  60. </script>
  61.  
  62.  
  63. </head>
  64.  
  65.  
  66. <body>
  67. <?php include("_toppanel.php"); ?>
  68.  
  69. <div class="container">
  70.  
  71.     <?php include ("_toppanelbtn.php"); ?>
  72.  
  73.     <div class="header">
  74.     <?php include ("_header.php"); ?>
  75.  
  76.     </div>
  77.     <!--Header Close-->
  78.  
  79.     <!--Begin Page Area, below header navigation-->
  80.     <div class="page">
  81.  
  82.         <!--Declare 950px width w/ right border-->
  83.         <div class="span-24">
  84.             <!--Intro Image shown here, about site-->
  85.             <div class="intro">
  86.             <img src="img/banner/referanslar.png" alt="">
  87.             </div>
  88.             <!--Close intro image-->
  89.         </div>
  90.         <!--Close 950px width-->
  91.  
  92.  
  93.  
  94.         <!--We have to declare span-24 so the hr bar is full width, and aligns with content boxes below-->
  95.         <div class="span-24">
  96.             <div class="hrbg_small"></div>
  97.         </div>
  98.         <!--Close span-24-->
  99.  
  100.  
  101.         <!--BEGIN Portfolio Entry Area-->
  102.         <!--This area makes use of jQuery 'swap' functionality, allowing the user to toggle thumb view -->
  103.         <!--And a standard image / description style, as well as lightbox functionality for each img-->
  104.         <!--Thanks to IE, We again have to declare span-24 so content positions correctly -->
  105.         <div class="span-24">
  106.             <div class="switch">
  107.             <!--show image for switching portfolio style-->
  108.             <a href="#" class="switch_thumb" id="change">Switch Thumb</a>
  109.  
  110.             <!--Default Style is set to thumb view showing first. -->
  111.             <ul class="thumb_view">
  112.  
  113.  
  114.                 <li>
  115.                     <div class="content_block">
  116.                         <a href="http://www.3ddt.com.tr/" target="_blank" title="3ddt Design Technologies Ltd.">
  117.                             <div class="imgWrapper">
  118.                                 <div class="pic">
  119.                                     <img src="img/ref/3ddt_design.jpg" alt="3ddt_design" />
  120.                                 </div>
  121.                             </div>
  122.                         </a>
  123.  
  124.                        <h2><a href="#">3ddt Design Tech.</a></h2>
  125.                     </div>
  126.                 </li>
  127.  
  128.                 <li>
  129.                     <div class="content_block">
  130.                         <a href="http://www.hiccompany.com/" target="_blank" title="HICC Endüstriyel Enerji İnşaat San. Tic. A.Ş.">
  131.                                 <div class="imgWrapper">
  132.                                     <div class="pic">
  133.                                         <img src="img/ref/hicc_company.jpg" alt="hicc_company" />
  134.                                     </div>
  135.                                 </div>
  136.                             </a>
  137.                         <h2><a href="#">HICC Enerji & İnşaat</a></h2>
  138.                    </div>
  139.                 </li>
  140.  
  141.                <li>
  142.                     <div class="content_block">
  143.                         <a href="http://www.img-ind.com/" target="_blank" title="IMG İzoleli İletken San. Tic. A.Ş.">
  144.                            <div class="imgWrapper">
  145.                                <div class="pic">
  146.                                    <img src="img/ref/img_izoleli_iletken.jpg" alt="img_izoleli_iletken" />
  147.                                </div>
  148.                            </div>
  149.                        </a>
  150.                        <h2><a href="#">IMG İzoleli İletken</a></h2>
  151.                    </div>
  152.                 </li>
  153.  
  154.                <li>
  155.                     <div class="content_block">
  156.                         <a href="http://www.imamoglu.com.tr/" target="_blank" title="İmamoğlu Soğutma Cihazları San. Tic. Ltd. Şti.">
  157.                            <div class="imgWrapper">
  158.                                <div class="pic">
  159.                                    <img src="img/ref/imamoglu_sogutma.jpg" alt="imamoglu_sogutma" />
  160.                                </div>
  161.                            </div>
  162.                        </a>
  163.                        <h2><a href="#">İmamoğlu Soğutma</a></h2>
  164.                    </div>
  165.                 </li>
  166.  
  167.                <li>
  168.                     <div class="content_block">
  169.                         <a href="http://www.kufragroup.com/" target="_blank" title="Kufra International Contract Co., Ltd.">
  170.                            <div class="imgWrapper">
  171.                                <div class="pic">
  172.                                    <img src="img/ref/kufragroup.jpg" alt="kufragroup" />
  173.                                </div>
  174.                            </div>
  175.                        </a>
  176.                        <h2><a href="#">Kufra Intr'l Contracts</a></h2>
  177.                    </div>
  178.                 </li>
  179.  
  180.                <li>
  181.                     <div class="content_block">
  182.                         <a href="http://www.cozumdenetim.com/tr/" target="_blank" title="Çözüm Denetim ve Finansal Müşavirlik">
  183.                            <div class="imgWrapper">
  184.                                <div class="pic">
  185.                                    <img src="img/ref/cozumdenetim.jpg" alt="cozumdenetim" />
  186.                                </div>
  187.                            </div>
  188.                        </a>
  189.                        <h2><a href="#">Çözüm Finansal Müşv.</a></h2>
  190.                    </div>
  191.                 </li>
  192.  
  193.                <li>
  194.                     <div class="content_block">
  195.                         <a href="http://www.mindray.com/" target="_blank" title="Mindray Medical Imaging Solutions - Istanbul Liasion Office">
  196.                            <div class="imgWrapper">
  197.                                <div class="pic">
  198.                                    <img src="img/ref/mindray.jpg" alt="mindray" />
  199.                                </div>
  200.                            </div>
  201.                        </a>
  202.                        <h2><a href="#">Mindray Medical</a></h2>
  203.                    </div>
  204.                 </li>
  205.  
  206.                <li>
  207.                    <div class="content_block">
  208.                        <a href="http://www.gunaysogutma.com.tr/" target="_blank" title="Günay Soğutma Sanayi ve Ticaret Ltd. Şti.">
  209.                            <div class="imgWrapper">
  210.                                <div class="pic">
  211.                                    <img src="img/ref/gunaysogutma.jpg" alt="gunaysogutma" />
  212.                                </div>
  213.                            </div>
  214.                        </a>
  215.                        <h2><a href="#">Günay Soğutma Sanayi</a></h2>
  216.                    </div>
  217.                </li>
  218.  
  219.                <li>
  220.                    <div class="content_block" data-select='jsRun'>
  221.                        <a href="http://www.bulutlarinsaat.com.tr/" target="_blank" title="">
  222.                            <div class="imgWrapper">
  223.                                <div class="pic">
  224.                                    <img src="img/ref/bulutlar_insaat.jpg" alt="" />
  225.                                </div>
  226.                            </div>
  227.                        </a>
  228.                        <h2><a href="#">Bulutlar İnşaat</a></h2>
  229.                    </div>
  230.                </li>
  231.  
  232.                <li>
  233.                    <div class="content_block" data-select='jsRun'>
  234.                        <a href="http://butiklezzetler.com/" target="_blank" title="">
  235.                            <div class="imgWrapper">
  236.                                <div class="pic">
  237.                                    <img src="img/ref/butiklezzetler.jpg" alt="" />
  238.                                </div>
  239.                            </div>
  240.                        </a>
  241.                        <h2><a href="#">Butik Lezzetler</a></h2>
  242.                    </div>
  243.                </li>
  244.  
  245.                <li>
  246.                    <div class="content_block" data-select='jsRun'>
  247.                        <a href="http://www.gorkemmotor.com/" target="_blank" title="">
  248.                            <div class="imgWrapper">
  249.                                <div class="pic">
  250.                                    <img src="img/ref/gorkemmotor.jpg" alt="" />
  251.                                </div>
  252.                            </div>
  253.                        </a>
  254.                        <h2><a href="#">Görkem Motor</a></h2>
  255.                    </div>
  256.                </li>
  257.  
  258.                <li>
  259.                    <div class="content_block" data-select='jsRun'>
  260.                        <a href="http://www.canacan.biz.tr/" target="_blank" title="">
  261.                            <div class="imgWrapper">
  262.                                <div class="pic">
  263.                                    <img src="img/ref/canacan.jpg" alt="" />
  264.                                </div>
  265.                            </div>
  266.                        </a>
  267.                        <h2><a href="#">Canacan Sigorta</a></h2>
  268.                    </div>
  269.                </li>
  270.  
  271.                <li>
  272.                    <div class="content_block" data-select='jsRun'>
  273.                        <a href="http://www.celikkasashop.com/" target="_blank" title="">
  274.                            <div class="imgWrapper">
  275.                                <div class="pic">
  276.                                    <img src="img/ref/celikkasashop.jpg" alt="" />
  277.                                </div>
  278.                            </div>
  279.                        </a>
  280.                        <h2><a href="#">E.P Çelik Kasa</a></h2>
  281.                    </div>
  282.                </li>
  283.  
  284.                <li>
  285.                    <div class="content_block" data-select='jsRun'>
  286.                        <a href="http://www.erenyonetim.com/" target="_blank" title="">
  287.                            <div class="imgWrapper">
  288.                                <div class="pic">
  289.                                    <img src="img/ref/erenyonetim.jpg" alt="" />
  290.                                </div>
  291.                            </div>
  292.                        </a>
  293.                        <h2><a href="#">Eren Yönetim</a></h2>
  294.                    </div>
  295.                </li>
  296.  
  297.                <li>
  298.                    <div class="content_block" data-select='jsRun'>
  299.                        <a href="http://www.fankey.com.tr/" target="_blank" title="">
  300.                            <div class="imgWrapper">
  301.                                <div class="pic">
  302.                                    <img src="img/ref/fankey.jpg" alt="" />
  303.                                </div>
  304.                            </div>
  305.                        </a>
  306.                        <h2><a href="#">Fankey</a></h2>
  307.                    </div>
  308.                </li>
  309.  
  310.                <li>
  311.                    <div class="content_block" data-select='jsRun'>
  312.                        <a href="http://www.gessogroup.com/" target="_blank" title="">
  313.                            <div class="imgWrapper">
  314.                                <div class="pic">
  315.                                    <img src="img/ref/gessogroup.jpg" alt="" />
  316.                                </div>
  317.                            </div>
  318.                        </a>
  319.                        <h2><a href="#">Gesso Group</a></h2>
  320.                    </div>
  321.                </li>
  322.  
  323.                <li>
  324.                    <div class="content_block" data-select='jsRun'>
  325.                        <a href="http://www.hicctrade.com/" target="_blank" title="">
  326.                            <div class="imgWrapper">
  327.                                <div class="pic">
  328.                                    <img src="img/ref/hicctrade.jpg" alt="" />
  329.                                </div>
  330.                            </div>
  331.                        </a>
  332.                        <h2><a href="#">Hicc Trade</a></h2>
  333.                    </div>
  334.                </li>
  335.  
  336.                <li>
  337.                    <div class="content_block" data-select='jsRun'>
  338.                        <a href="http://www.korkmazlarinsaatemlak.com/" target="_blank" title="">
  339.                            <div class="imgWrapper">
  340.                                <div class="pic">
  341.                                    <img src="img/ref/korkmazlarinsaatemlak.jpg" alt="" />
  342.                                </div>
  343.                            </div>
  344.                        </a>
  345.                        <h2><a href="#">Korkmazlar İnşaat</a></h2>
  346.                    </div>
  347.                </li>
  348.  
  349.                <li>
  350.                    <div class="content_block" data-select='jsRun'>
  351.                        <a href="http://www.metsagold.com/" target="_blank" title="">
  352.                            <div class="imgWrapper">
  353.                                <div class="pic">
  354.                                    <img src="img/ref/metsagold.jpg" alt="" />
  355.                                </div>
  356.                            </div>
  357.                        </a>
  358.                        <h2><a href="#">Metsa Maden A.Ş </a></h2>
  359.                    </div>
  360.                </li>
  361.  
  362.                <li>
  363.                    <div class="content_block" data-select='jsRun'>
  364.                        <a href="http://www.mircder.org/" target="_blank" title="">
  365.                            <div class="imgWrapper">
  366.                                <div class="pic">
  367.                                    <img src="img/ref/mircder.jpg" alt="" />
  368.                                </div>
  369.                            </div>
  370.                        </a>
  371.                        <h2><a href="#">MIRC Dernek</a></h2>
  372.                    </div>
  373.                </li>
  374.  
  375.                <li>
  376.                    <div class="content_block" data-select='jsRun'>
  377.                        <a href="http://msnyildirim.com.tr/" target="_blank" title="">
  378.                            <div class="imgWrapper">
  379.                                <div class="pic">
  380.                                    <img src="img/ref/msnyildirim.jpg" alt="" />
  381.                                </div>
  382.                            </div>
  383.                        </a>
  384.                        <h2><a href="#">MSN Yıldırım</a></h2>
  385.                    </div>
  386.                </li>
  387.  
  388.                <li>
  389.                    <div class="content_block" data-select='jsRun'>
  390.                        <a href="http://newal.com.tr/" target="_blank" title="">
  391.                            <div class="imgWrapper">
  392.                                <div class="pic">
  393.                                    <img src="img/ref/newal.jpg" alt="" />
  394.                                </div>
  395.                            </div>
  396.                        </a>
  397.                        <h2><a href="#">Newal Dış Tic.</a></h2>
  398.                    </div>
  399.                </li>
  400.  
  401.                <li>
  402.                    <div class="content_block" data-select='jsRun'>
  403.                        <a href="http://orca.com.tr/" target="_blank" title="">
  404.                            <div class="imgWrapper">
  405.                                <div class="pic">
  406.                                    <img src="img/ref/orca.jpg" alt="" />
  407.                                </div>
  408.                            </div>
  409.                        </a>
  410.                        <h2><a href="#">Orca Elektr. Ev Tem. Alt..</a></h2>
  411.                    </div>
  412.                </li>
  413.  
  414.                <li>
  415.                    <div class="content_block" data-select='jsRun'>
  416.                        <a href="http://ortakakildanismanlik.com/" target="_blank" title="">
  417.                            <div class="imgWrapper">
  418.                                <div class="pic">
  419.                                    <img src="img/ref/ortakakildanismanlik.jpg" alt="" />
  420.                                </div>
  421.                            </div>
  422.                        </a>
  423.                        <h2><a href="#">Ortak Akıl Danışmanlık</a></h2>
  424.                    </div>
  425.                </li>
  426.  
  427.                <li>
  428.                    <div class="content_block" data-select='jsRun'>
  429.                        <a href="http://beylikduzugunlukkiralik.org/" target="_blank" title="">
  430.                            <div class="imgWrapper">
  431.                                <div class="pic">
  432.                                    <img src="img/ref/nsuites.jpg" alt="" />
  433.                                </div>
  434.                            </div>
  435.                        </a>
  436.                        <h2><a href="#">N suites</a></h2>
  437.                    </div>
  438.                </li>
  439.  
  440.                <li>
  441.                    <div class="content_block" data-select='jsRun'>
  442.                        <a href="http://promint.net/" target="_blank" title="">
  443.                            <div class="imgWrapper">
  444.                                <div class="pic">
  445.                                    <img src="img/ref/promint.jpg" alt="" />
  446.                                </div>
  447.                            </div>
  448.                        </a>
  449.                        <h2><a href="#">Promint</a></h2>
  450.                    </div>
  451.                </li>
  452.  
  453.                <li>
  454.                    <div class="content_block" data-select='jsRun'>
  455.                        <a href="http://renovagumruk.com/" target="_blank" title="">
  456.                            <div class="imgWrapper">
  457.                                <div class="pic">
  458.                                    <img src="img/ref/renovagumruk.jpg" alt="" />
  459.                                </div>
  460.                            </div>
  461.                        </a>
  462.                        <h2><a href="#">Renova Gümrük</a></h2>
  463.                    </div>
  464.                </li>
  465.  
  466.                <li>
  467.                    <div class="content_block" data-select='jsRun'>
  468.                        <a href="http://sarnainsaat.com/" target="_blank" title="">
  469.                            <div class="imgWrapper">
  470.                                <div class="pic">
  471.                                    <img src="img/ref/sarnainsaat.jpg" alt="" />
  472.                                </div>
  473.                            </div>
  474.                        </a>
  475.                        <h2><a href="#">Sarna İnşaat</a></h2>
  476.                    </div>
  477.                </li>
  478.  
  479.                <li>
  480.                    <div class="content_block" data-select='jsRun'>
  481.                        <a href="http://senahediyelik.com/" target="_blank" title="">
  482.                            <div class="imgWrapper">
  483.                                <div class="pic">
  484.                                    <img src="img/ref/senahediyelik.jpg" alt="" />
  485.                                </div>
  486.                            </div>
  487.                        </a>
  488.                        <h2><a href="#">Sena Hediyelik</a></h2>
  489.                    </div>
  490.                </li>
  491.  
  492.                <li>
  493.                    <div class="content_block" data-select='jsRun'>
  494.                        <a href="http://sivasrom2014.org/" target="_blank" title="">
  495.                            <div class="imgWrapper">
  496.                                <div class="pic">
  497.                                    <img src="img/ref/sivasrom2014.jpg" alt="" />
  498.                                </div>
  499.                            </div>
  500.                        </a>
  501.                        <h2><a href="#">Sivas Romatoloji</a></h2>
  502.                    </div>
  503.                </li>
  504.  
  505.                <li>
  506.                     <div class="content_block" data-select='jsRun'>
  507.                         <a href="http://teknomatsan.com" target="_blank" title="">
  508.                            <div class="imgWrapper">
  509.                                <div class="pic">
  510.                                    <img src="img/ref/teknomatsan.jpg" alt="" />
  511.                                </div>
  512.                            </div>
  513.                        </a>
  514.                        <h2><a href="#">Teknomatsan</a></h2>
  515.                    </div>
  516.                 </li>
  517.  
  518.             </ul>
  519.            <!--thumb view close-->
  520.             </div>
  521.            <!--close switch -->
  522.         </div>
  523.        <!--span24 close-->
  524.  
  525.     </div><!--page close-->
  526.  
  527.    <!-- Declare 950px width for IE-->
  528.    <div class="span-24">
  529.         <!--add hr line-->
  530.         <div class="hrbg_small"></div>
  531.    </div>
  532.    <!--close hr line, 950px IE fix-->
  533.  
  534.  
  535.  
  536.    <!-- Declare 950px width for IE, once again. Corrects positioning-->
  537.    <!--BEGIN Footer Area-->
  538.    <div class="span-24">
  539.    <?php include("_footer.php");?>
  540.     </div><!--span24 close-->
  541.  
  542. </div><!--container close-->
  543.  
  544.  
  545.  
  546. <!--IE Fix for over-shadow text replacement-->
  547. <script type="text/javascript"> Cufon.now(); </script>
  548.  
  549. </body>
  550. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement