. . . . . . . . . . . . . .
" 1 2 3 4 5 6 7 8 9 0 ? -
Q W E R T Y U I O P Ğ Ü
A S D F G H J K L Ş İ ;
< Z X C V B N M Ö Ç .
TYPE HERE!

İstanbul Cerrahi

İstanbul Cerrahi Logo images/projects/detail/istanbul_cerrahi.jpg
Website

Turkey's one of leading healthcare institution's portal website.

Team === Back End: Uğur Özkan, Design: Ayşegül Gönenç, Ebru Maşalı

Bilol Machinery

Website

Corporate website with admin panel.

Team === Back End: Uğur Özkan, Design: Cem Mirkelam

Radikal

Radikal Logo images/projects/detail/dedemin_insanlari.jpg
Website

National Newspaper's portal website. Front end development with 2700 lined css.

Team === Back End: Radikal Team, Design: Caner Çolakoğlu

Harry Potter ve Ölüm Yadigârları 2

Harry Potter Logo images/projects/detail/harry_potter.jpg
Facebook Application

Local fan page's question competition.

Team === Back End: Barış Atasoy, Design: Caner Çolakoğlu

Dedemin İnsanları

Dedemin İnsanları Logo Dedemin İnsanları Facebook Application
Facebook Application

Just coding with patiance. Used varius JQuery tricks and stuff.

Team === Back End: Barış Atasoy, Design: Caner Çolakoğlu

TENTEN'in Maceraları

Tenten'in Maceraları Logo images/projects/detail/tenten.jpg
Facebook Application

Just coding with patiance. Used varius JQuery tricks and stuff.

Team === Design: Caner Çolakoğlu

Hürriyet Okur Meclisi

Hürriyet Okur Meclisi Logo Hürriyet Okur Meclisi Website
Website

Just coding with patiance. Used varius JQuery tricks and stuff.

Team === Design: Caner Çolakoğlu

CP Piliç

CP Logo images/projects/detail/cppilic.jpg
Facebook Application

Just coding with patiance. Used varius JQuery tricks and stuff.

Team === Back End: Sezgin Riggs, Design: Caner Çolakoğlu

ODTÜ Kuzey Kıbrıs Kampüsü

ODTÜ Kuzey Kıbrıs Kampüsü Logo images/projects/detail/odtu.jpg
Facebook Application

Just coding with patiance. Used varius JQuery tricks and stuff.

Team === Design: Caner Çolakoğlu

Bamtur

Bamtur Logo images/projects/detail/bamtur.jpg
Facebook Application

Just coding with patiance. Used varius JQuery tricks and stuff.

Team === Back End: Barış Atasoy, Design: Caner Çolakoğlu

Reis Dizi

Hürriyet Kelebek Logo Hürriyet Kelebek Facebook Application
Website

Just coding with patiance. Used varius JQuery tricks and stuff.

Team === Back End: Barış Atasoy, Design: Caner Çolakoğlu

Patrondan Kurtulma Sanatı

Patrondan Kurtulma Sanatı Logo images/projects/detail/patrondankurtulmasanati.jpg
Facebook Application

Just coding with patiance. Used varius JQuery tricks and stuff.

Team === Back End: Barış Atasoy, Design: Caner Çolakoğlu

Corporate Identity - Doğal Şeyler

Doğal Şeyler Logo Doğal Şeyler Thumb
School Project

Just coding with patiance. Used varius JQuery tricks and stuff.

Bilol Machinery

Wireframe

Corporate website with admin panel.

Corporate Identity - Kangaroo Logistics

Kangaroo Logistics Logo Kangaroo Logistics Thumb
School Project

Just coding with patiance. Used varius JQuery tricks and stuff.

ODTU Kampüsüm

ODTU Kampüsüm Logo images/projects/detail/odtu_design.jpg
Facebook App

Just coding with patiance. Used varius JQuery tricks and stuff.

Merdiven / Stairs

Merdiven Stairs Merdiven Stairs
Animation

Just coding with patiance. Used varius JQuery tricks and stuff.

Klavye / Keyboard

Klavye Keyboard Klavye Keyboard
Animation

Just coding with patiance. Used varius JQuery tricks and stuff.

Zincography - Rose

Zincography Rose Zincography Rose
School Project

Just coding with patiance. Used varius JQuery tricks and stuff.

Serigraphy - Cartoon

Serigraphy Cartoon Serigraphy Cartoon
School Project

Just coding with patiance. Used varius JQuery tricks and stuff.

Back Up

Back Up Logo Back Up Thumb
School Project

Just coding with patiance. Used varius JQuery tricks and stuff.

Yumurta

Yumurta Logo Yumurta Thumb
School Project

Just coding with patiance. Used varius JQuery tricks and stuff.

Wood Press - Night and Day

Wood Press Night and Day Wood Press Night and Day
School Project

Just coding with patiance. Used varius JQuery tricks and stuff.

none
x < < < o > > > x
x < < < o > > > x

Simple customizable jQuery tab plugin with url response.

Usage:
                
    <-- html mark up -->
    <div id="selector">
        <ul>
            <li>
                <a href="#/tab1">Tab 1</a>
            </li>
            <li>
                <a href="#/tab2">Tab 2</a>
            </li>
            <li>
                <a href="#/tab3">Tab 3</a>
            </li>
            <li>
                <a href="#/tab4">Tab 4</a>
            </li>
        </ul>
        
        <div id="tab1" class="tabContainer">
            <-- content -->
        </div>
        
        <div id="tab2" class="tabContainer">
            <-- content -->
        </div>
        
        <div id="tab3" class="tabContainer">
            <-- content -->
        </div>
        
        <div id="tab4" class="tabContainer">
            <-- content -->
        </div>
    </div>
                        
                    
                        
    // jQuery
    $('#selector').linkedtabs({
    
      // Required:
        
        // define href selectors
        tab1: '#/tab1',
        tab2: '#/tab2',
        tab3: '#/tab3',
        tab4: '#/tab4',
        
        // define your tab selector class
        tabClass : 'tabContainer',
        
        
      // Options:
        
        // default selected class is ".active"
        // but in case usage with different definition
        activeClass: 'myActiveClass'
        
        // true for mouse over response
        hover: true,
        
        // there two animation methods at the moment
        // fading and bounce
        animation: 'bounce',
        
        // default value is 444
        // but you can customise this
        speed: 600
        
    });
                        
                    

Simple customizable jQuery tab plugin with url response.

Usage:
  • barlas windsurf
  • barlas snowboard
  • barlas windsurf
  • barlas snowboard

Borned on 31 May 1987 in İstanbul, Turkey. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas placerat enim pretium nulla volutpat lacinia. Donec ut felis quis tellus venenatis ornare. Nam felis orci, pretium quis vulputate ac, venenatis et eros. In ut enim libero, posuere fermentum justo. Duis arcu leo, egestas a ornare eget, convallis sit amet quam. Phasellus neque felis, facilisis volutpat laoreet et, congue semper magna. Integer eget nisi sit amet ante gravida rhoncus id nec diam. Cras ac mi sit amet eros ultrices vulputate a id est.

Curabitur a nisl vel lorem scelerisque pharetra at vitae enim. Suspendisse quam ante, cursus non lacinia sit amet, volutpat eu ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc vel erat velit, eu vulputate dolor. Donec at nulla vitae dolor sollicitudin pellentesque quis vitae augue. Ut id varius purus. Nulla et magna et leo euismod consectetur. Sed feugiat malesuada posuere. Nam tortor quam, dapibus in commodo quis, fringilla mattis justo. Proin et leo at enim venenatis lobortis interdum ac turpis. In hac habitasse platea dictumst. Curabitur vestibulum porta aliquam. Aenean tempus eros vitae purus consequat cursus. Nulla lacus enim, ultricies sagittis pharetra id, ullamcorper at sem.

Etiam vehicula, lorem ac vulputate sodales, lorem dolor placerat diam, et volutpat eros dolor a urna. Suspendisse et dui libero. Nunc eu magna ac orci consectetur vulputate. Cras lobortis nunc et magna egestas quis vestibulum augue elementum. Nulla tempus lorem eu magna fringilla at porta tortor scelerisque. Vivamus et aliquam quam. In hac habitasse platea dictumst.

Say hello: mail@barlasapaydin.com

<<<
Lights: ON OFF