work-detail.md

Bir çalışma detayı sayfası aşağıdaki parametrelere göre oluşturulmaktadır:

---
layout: work-detail
title:  "KOÇ University KOLT"
sub-title:  "Web Design & Development"
summary: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo dictum purus, sit amet tempor mi ornare sit amet. Nam vel nisi hendrerit, facilisis felis vel, tempor nunc. Nullam leo lectus, ultricies a tellus ut, faucibus vestibulum lacus. Suspendisse potenti."
tags: [ ui/ux, front-end, service development ]
thumb-image: "work-page-thumb-ku-kolt"
cover-image: "work-detail-cover-blesh"
cover-image-alt-text: ""
bg-color: "#FF3A37"
work-order: 6
---

1. work-detail: Bu değişken aynen kalmalı.
2. title: Çalışma başlığı.
3. sub-title: Alt başlık.
4. summary: Çalışma detay sayfasında "Brief" başlığı altında gösterilen yazı.
5. tags: Ana sayfa, çalışmalar ve çalışma detayı sayfasında gösterilen çalışma ile ilgilil etiketler.
6. thumb-image: Bu değişkendeki görsel ana sayfadaki "Featured Works" ve "Works" sayfasındaki çalışmaların kapağında gösteriliyor. Bu görsel 532x514px ve iki katı olarak retina görseli şeklinde kesilmeli.
7. cover-image: Bu değişkendeki görsel çalışma detay sayfasının en üstünde gösteriliyor. Bu görsel 922x690px ve iki katı olarak retina görseli şeklinde kesilmeli.
8. cover-image-alt-text: cover-image değişkeninde kullanılan görselin alt="" etiketine elle yazı girilmesi isteniyorsa girilebilir. Boş bırakılırsa çalışma başlığı yazdırılacaktır.
9. bg-color: Ana sayfadaki "Featured Works" veya "Works" sayfasındaki çalışmaların kapağının alt kısmındaki dolgu rengini belirler.
10. work-order: Çalışmaların gösterilme sırasını belirler.

Bunların dışında "Brief" başlığı altındaki yazıdan sonraki görsel ve videolar sunucuya yüklenip aşağıdaki örnekteki gibi çalışma detayı sayfasına eklenebilir:

#### Typography & Colours
![Typography & Colours](/assets/images/works/detail/work-detail-typography-and-colors.jpg){: srcset="/assets/images/works/detail/work-detail-typography-and-colors.jpg 1x, /assets/images/works/detail/[email protected] 2x"}

{% include video-player.html webm-source="http://techslides.com/demos/sample-videos/small.webm" mp4-source="http://techslides.com/demos/sample-videos/small.mp4" %}

#### Components
![Add New Application](/assets/images/works/detail/work-detail-components.jpg){: srcset="/assets/images/works/detail/work-detail-components.jpg 1x, /assets/images/works/detail/[email protected] 2x"}

👉🏻 Örnek MD Dosyaları