Bu örnek kodunu kullanarak sayfanızda bir etiketi oluşturabilir ve çok satırlı metin girişlerini de kolaylıkla sağlayabilirsiniz.</p><br /><h4>Button Etiketi</h4><p>HTML5'in form etiketleri arasında yer alan ve kullanıcıların formu göndermeden önce tıklaması gereken butonu oluşturmak için kullanılan button etiketi, oldukça önemli bir etikettir. Bu etiket ile bir buton oluşturmak için öncelikle <button> açılış etiketi kullanılır. Daha sonra ise, buton üzerinde görünmesini istediğiniz kelime ya da cümle, <button> etiketi arasına yazılır.</p><p>Buton etiketleri, add, autofocus, disabled ve formaction gibi özeliklere sahiptir. Add özelliği ile butona ek özellikler eklenebilirken, autofocus özelliği ile sayfa yüklenir yüklenmez buton otomatik olarak seçilmiş olur. Disabled özelliği ile buton tıklanamaz hale gelebilir ve formaction özelliği ile butona tıklandığında yönlendirilecek sayfa belirlenebilir.</p><p>Buton etiketleri için bir örnek oluşturacak olursak;</p><table> <tr> <th>Örnek Kod</th> <th>Açıklama</th> </tr> <tr> <td><button>Buton</button></td> <td>Standart Buton</td> </tr> <tr> <td><button add="buyuk">Büyük Buton</button></td> <td>Butona add="buyuk" özelliği eklendi. Bu özellik sayesinde buton daha büyük hale getirildi.</td> </tr> <tr> <td><button autofocus>Butona Otomatik Odaklan</button></td> <td>Butona autofocus özelliği eklendi. Bu özellik sayesinde sayfa yüklendiğinde buton otomatik olarak seçilecektir.</td> </tr> <tr> <td><button disabled>Buton Devre Dışı</button></td> <td>Butona disabled özelliği eklendi. Bu özellik sayesinde buton tıklanamaz hale getirildi.</td> </tr> <tr> <td><button formaction="https://www.example.com">Butona Tıklandığında Yönlendir</button></td> <td>Butona formaction özelliği eklendi. Bu özellik sayesinde butona tıklandığında kullanıcı belirtilen adrese yönlendirilecektir.</td> </tr></table><p>Buton etiketleri, formların tasarımında oldukça etkilidir. Tasarımın şık ve profesyonel görünmesi için butonların özelleştirilmesi gereklidir. Farklı tarz ve özelliklerdeki butonlar sayesinde form daha ilgi çekici ve kolay kullanılır hale gelebilir.</p><br /><h4>Form Validasyonu</h4><p>Form validasyonu, kullanıcının formu doldurmadan önce belirli bilgileri girmesi gerektiği özelliklerin kontrol edilmesini sağlar. Bu özellikler, input etiketlerine eklenen bazı özelliklerle sağlanabilir.</p><p>Bir formun doğru bir şekilde doldurulması, kullanıcının doğru bilgi girmesine ve formu kullanılabilir hale getirmeye yardımcı olur. Bu nedenle, form validasyonu oldukça önemlidir.</p><p>Form validasyonu, required ve pattern etiketleri ile sağlanabilir. Required etiketi, kullanıcının belirli bir input alanını doldurması gerektiğini belirten bir özelliktir. Kullanıcılar, bu alanları doldurmadan formu gönderemezler.</p><p>Örneğin, bir kullanıcının adını ve soyadını girmesi zorunluysa, bu alanlara required özelliği eklenerek yapılabilir:</p><table> <tr> <th>Input Etiketi</th> <th>Kullanımı</th> </tr> <tr> <td><input type="text" required></td> <td>Kullanıcının adını girmesi zorunlu olacaktır.</td> </tr> <tr> <td><input type="text" required></td> <td>Kullanıcının soyadını girmesi zorunlu olacaktır.</td> </tr></table><p>Pattern etiketi, belirli bir desene uygun doğru bilgi girmesini sağlar. Örneğin, kullanıcının bir telefon numarası girerken sadece sayılar kullanması gerektiğini belirtmek için pattern özelliği kullanılabilir:</p><p><input type="tel" pattern="[0-9]{10}"></p><p>Bu örnek, kullanıcının 10 haneli bir telefon numarası girmesi gerektiğini belirler. Kullanıcı, yalnızca sayılar girdiğinde formu gönderebilir.</p><p>Form validasyonu, kullanıcının doğru bilgi girmesini sağlamak için oldukça önemlidir. Bu özelliklerin doğru kullanımı, kullanıcı deneyimini artırır ve hataların önlenmesine yardımcı olur.</p><br /><h4>Required ve Pattern Etiketleri</h4><p>HTML5'in form etiketleri arasında, kullanıcıların bilgi girmesi gereken ancak boş bırakmaları durumunda hata veren "required" etiketi bulunur. Bu etiket sayesinde kullanıcının formu göndermeden önce tüm gerekli alanları doldurması sağlanır.</p><p>Ayrıca "pattern" etiketi ile kullanıcının girdiği bilginin belirli bir desen formatına uyması istenebilir. Örneğin, bir telefon numarası alanı için "(xxx) xxx-xxxx" formatı gibi bir desen belirlenebilir ve kullanıcı bu desene uymayan bir numara girdiğinde hata mesajı alır. </p><p>Bu etiketler, formun doğru şekilde doldurulmasını sağlamak adına oldukça önemlidirler. Kullanıcılara neler girmeleri gerektiği konusunda açık talimatlar verir ve formun işlevini yerine getirmesi için gerekli olan bilgilerin eksiksiz bir şekilde toplanmasını sağlar. </p><p>Aşağıdaki örnek kod bloğunda, "required" etiketinin kullanımına örnek verilmiştir:</p><p>```<label for="isim">İsim:</label><input type="text" id="isim" name="isim" required>```</p><p>Yukarıdaki kod bloğunda, kullanıcının isim bilgisini girmesi gereken bir alan oluşturulmuştur. "required" etiketi bu alanın boş bırakılamayacağını belirtmektedir.</p><p>"Pattern" etiketi kullanımı için de örnek bir kod bloğu paylaşıyoruz:</p><p>```<label for="telefon">Telefon Numarası:</label><input type="tel" id="telefon" name="telefon" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required>```</p><p>Yukarıdaki kod bloğunda, kullanıcının telefon numarası bilgisini girmesi gereken bir alan oluşturulmuştur. "pattern" etiketi, girişin belirli bir desene uyması gerektiğini belirtmektedir. Bu örnekte, telefon numarası 123-456-7890 formatında girilmelidir.</p><p>"Required" ve "pattern" etiketleri ile formunuzun kullanıcılardan doğru bilgileri alması garantilenir. Bu etiketleri kullanarak formunuzun daha sağlıklı ve hatalardan arındırılmış olmasını sağlayabilirsiniz.</p><br /><h4>Form Gönderme İşlemi</h4><p>Form gönderme işlemi, formun içinde yer alan bilgilerin sunucuya iletilmesi işlemidir. Form gönderme işlemi, method ve action etiketleri ile belirlenir. Method etiketi, formun gönderilme yöntemini belirtirken, action etiketi, formun yönlendirileceği sayfanın adresini ifade eder. </p><p>Formun gönderilmesi için, Submit butonuna tıklamak yeterli olacaktır. Ancak, form gönderilmeden önce, form validasyonu yapmak gereklidir. Kullanıcının formun gerekli alanlarını doldurması, pattern özellikleri ile kontrol edilir. </p><p>Form gönderildikten sonra, sunucudan bir çıktı alınır. Bu çıktı, kullanıcının formu başarıyla gönderip gönderemediğini gösterir. Form gönderilirken, aynı zamanda sunucuda bir işlem gerçekleşebilir. Örneğin, bir alışveriş sitesinde kullanıcı formu gönderdiği zaman, sepete ürün eklenir ve ödeme işlemine geçilir.</p><p>Form gönderme işlemi, birçok web uygulamasında hayati önem taşır. Kullanıcıların bilgi ilettiği form, işletmenin başarısı için önemli bir araçtır. Bu nedenle, HTML5 form etiketlerinin doğru kullanımı, web uygulamalarının başarısı için kritik bir faktördür.</p><br /><h4>Method ve Action Etiketleri</h4><p>Method ve Action Etiketleri, form gönderiminde oldukça önemli bir role sahiptir. Method etiketi, form verilerinin nasıl gönderileceğini belirler. GET ve POST olmak üzere iki yöntem vardır. GET, verilerin URL'ye eklenerek gönderildiği bir yöntemdir. Bu yöntem, sınırlı miktarda veri için kullanılması tavsiye edilir. POST ise verilerin istemci sunucuya gönderildiği bir yöntemdir. Bu yöntem, sınırsız miktarda veri ve hassas bilgi içeren veriler için kullanılması daha uygun olacaktır.</p><p>Action etiketi ise formun yönlendirildiği adresi belirler. Bu adres genellikle sunucu tarafında bir dosyadır. Bu dosyada form verileri işlenir ve kullanıcıya geri dönüş sağlanır. Bu etiket, atanan URL'yi göstermek için kullanılır.</p><p>Örneğin; bir form oluşturma işlemi sırasında, kullanıcının girdiği verilerin "contact.php" dosyasına post yöntemiyle gönderilmesi isteniyorsa, method etiketi "post" olarak, action etiketi ise "contact.php" olarak ayarlanmalıdır.</p><p> <form method="post" action="contact.php"> // Form elemanları </form></p><p>Doğru method ve action etiketi kullanımı, formun işlevselliği açısından oldukça önemlidir. Hatalı bir kullanım, form verilerini işlemek için uygun bir alana yönlendiremeyecektir. Bu nedenle, bu etiketlere özen göstermek ve doğru bir şekilde kullanmak büyük önem taşımaktadır.</p><br /><h4>Form Çıktısı</h4><p>Eğer bir form gönderirseniz, girdiğiniz bilgiler bir başka sayfada veya aynı sayfada gösterilebilir. Gösterilirken, bu bilgiler html kodu yardımıyla gösterilir. Bu html kodunu görüntülemek isterseniz, yönlendirilen sayfadaki kaynak kodunu inceleyebilirsiniz.</p><p>Ayrıca, bazı durumlarda formun gönderilmesinin ardından kullanıcıya bilgilendirme mesajları göstermeniz gerekebilir. Bunun için de çeşitli yöntemler kullanılabilir. Bazı web siteleri, form gönderildikten sonra kullanıcılara teşekkür mesajları veya başka bilgiler gösterir. Bunun için, yönlendirilen sayfada <em>div</em> veya <em>p</em> etiketleri kullanılabilir.</p><p>Bazı web siteleri ise, form gönderildikten sonra kullanıcıya e-posta veya sms yoluyla bilgilendirme mesajları gönderir. Bu işlem için, form verilerini bir veritabanına kaydetmek ve ardından kaydedilen verilere göre mesajlar oluşturmak gerekebilir.</p><p>Form çıktısıyla ilgili birden fazla seçeneğiniz var. Önemli olan, kullanıcılara doğru ve anlaşılır bir şekilde bilgilendirme yapmaktır.</p><br /><h4>Form Resetleme</h4><p>HTML5 form etiketleri kullanılarak oluşturulan bir formun içerisinde yer alan bilgileri sıfırlamak için "Reset" butonu kullanılır. "Reset" butonuna tıklandığında, form elemanlarındaki tüm bilgiler varsayılan değerlerine döner. Bu işlem, kullanıcının yanlışlıkla doldurduğu veya formu yeniden doldurmak istediği durumlarda oldukça yararlı olabilir.</p><p>Reset butonu, HTML5 <input> etiketi kullanılarak oluşturulur. Bu etiketin "type" özelliği "reset" olarak belirlendiğinde, butonun sıfırlama özelliği etkinleştirilir. "Value" özelliği ise sıfırlama butonu üzerinde gösterilecek metni belirlemek için kullanılır.</p><p>Örneğin, aşağıdaki kod örneği sıfırlama butonu oluşturmak için kullanılabilir:</p><p><form action="submit.php" method="post"> <label for="name">İsim:</label> <input type="text" id="name" name="name"><br><br> <label for="email">E-posta:</label> <input type="email" id="email" name="email"><br><br> <input type="reset" value="Sıfırla"> <input type="submit" value="Gönder"></form></p><p>Yukarıdaki kodda, "input" etiketi ile "reset" türündeki bir buton oluşturuldu. "Value" özelliği "Sıfırla" olarak belirlenerek, sıfırlama butonu üzerinde bu metnin görünmesi sağlandı. Form elemanlarının normal şekilde oluşturulduğuna dikkat edin.</p><p>Form başka bir sayfada işleniyorsa, sıfırlama butonu üzerine tıkladıktan sonra form sayfasına geri dönecektir. Bu şekilde kullanıcı, form elemanlarını tekrar doldurarak işlemi yeniden başlatabilir.</p><p>Özetle, HTML5 form etiketleri ile oluşturulan formlarda sıfırlama butonu kullanarak, kullanıcının yanlışlıkla girdiği veya yeniden doldurmak istediği bilgileri kolayca sıfırlayabilirsiniz.</p><br /><h4>Form Örnekleri</h4><p>Form örnekleri, internet sitelerinde kullanıcıların işlemlerini yaparken yardımcı olmak için hazırlanmış formların tasarım örnekleridir. Form örnekleri, kullanılacak olan sitenin tasarımına uygun olarak hazırlanmalıdır. Kullanıcıların formları kolayca anlayarak doldurmaları için örnekler basit ve kullanışlı olmalıdır. Ayrıca form örneği de sitenin genel tasarımı gibi n türde olabilir. Örneğin, bir moda sitelerinde kullanılacak form tasarımları diğer bir sektörde kullanacaklarından farklı olabilir. </p><p>Form örnekleri değiştiği gibi formları oluşturmak için kullanılan araçlar da değişebilir. HTML etiketleri, CSS ve JavaScript gibi web teknolojileri kullanılarak form örnekleri hazırlanabilir. Form örnekleri, kullanım kolaylığı için mobil cihazlarda da düzgün çalışmalıdır. </p><p>Form örnekleri, müşteri geri bildirimleri, kaydolma formları, arama formları, rezervasyon formları ve daha fazlasını içerebilir. Tasarım, sitenin hedef kitlesi ve amacı doğrultusunda yapılmalıdır. Form örnekleri, sitenin amacına uygun olarak tasarlandığı takdirde, kullanıcıların işlemlerini yaparken yolunu kolaylaştırır.</p></p> </div> <div class="entry-footer"> <div class="post-tags"><span class="entry-footer__title">Etiketler:</span> <ul class="list-tags list-tags_grey list-unstyled"> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="met girişi türünü belirler text" href="arama-sonuclari.html?mod=4&ara=met+girişi+türünü+belirler+text">met girişi türünü belirler text</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="password" href="arama-sonuclari.html?mod=4&ara=password">password</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="checkbox" href="arama-sonuclari.html?mod=4&ara=checkbox">checkbox</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="radio vs</td> </tr> <tr> <td>name</td> <td>input verisini belirli bir isimle birleştirir</td> </tr> <tr> <td>placeholder</td> <td>Kullanıcılara belirli bir bilgiyi girmelerini hatırlatmak için kullanılır</td> </tr> <tr> <td>value</td> <td>Input alanına varsayılan bir değer atama özelliğidir</td> </tr> <tr> <td>required</td> <td>Kullanıcının belirli bilgileri girmesini zorunlu kılar</td> </tr> <" href="arama-sonuclari.html?mod=4&ara=radio+vs</td>++++</tr>++++<tr>++++++++<td>name</td>++++++++<td>input+verisini+belirli+bir+isimle+birleştirir</td>++++</tr>++++<tr>++++++++<td>placeholder</td>++++++++<td>Kullanıcılara+belirli+bir+bilgiyi+girmelerini+hatırlatmak+için+kullanılır</td>++++</tr>++++<tr>++++++++<td>value</td>++++++++<td>Input+alanına+varsayılan+bir+değer+atama+özelliğidir</td>++++</tr>++++<tr>++++++++<td>required</td>++++++++<td>Kullanıcının+belirli+bilgileri+girmesini+zorunlu+kılar</td>++++</tr>++++<">radio vs</td> </tr> <tr> <td>name</td> <td>input verisini belirli bir isimle birleştirir</td> </tr> <tr> <td>placeholder</td> <td>Kullanıcılara belirli bir bilgiyi girmelerini hatırlatmak için kullanılır</td> </tr> <tr> <td>value</td> <td>Input alanına varsayılan bir değer atama özelliğidir</td> </tr> <tr> <td>required</td> <td>Kullanıcının belirli bilgileri girmesini zorunlu kılar</td> </tr> <</a></li> </ul> </div> </div> </div> </article> <!-- end .post--> <!-- end .section-comment--> <!-- end .section-reply-form--> </div> </div> </div> <div class="col-md-4"> <aside class="l-sidebar col_mrg-left_20"> <section class="widget section-sidebar"> <h2 class="widget-title ui-title-inner ui-title-inner_condensed"><span class="ui-title-inner__inner">Kategoriler</span></h2> <div class="widget-content"> <ul class="widget-list list list-mark-4"> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-935149-Web-Yazilim-Eticaret.html">Web - Yazılım - Eticaret</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-224447-Tip-Saglik.html">Tıp & Sağlık</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-609805-Evren-Yaratilis-Varolus.html">Evren & Yaratılış & Varoluş</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-640669-Teknolojiler.html">Teknolojiler</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-903149-Fizik-Kimya-Biyoloji.html">Fizik & Kimya & Biyoloji</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-700485-Spor.html">Spor</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-190961-Egitim.html">Eğitim</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-253601-Danismanlik.html">Danışmanlık</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-618323-Psikoloji-Psikiyatri.html">Psikoloji & Psikiyatri</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-358242-Muhendislik.html">Mühendislik</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-468393-Kodlama-Yazilim-Dilleri.html">Kodlama - Yazılım Dilleri</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-175853-Arsa-Emlak-Insaat.html">Arsa & Emlak & İnşaat</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-153043-Kahve-Yemek-Mutfak.html">Kahve & Yemek & Mutfak</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-637540-Tarih-Sosyal-Bilimler.html">Tarih & Sosyal Bilimler</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-605539-Genel-Kultur.html">Genel Kültür</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-362240-Astroloji.html">Astroloji</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-561991-Icatlar.html">İcatlar</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-482698-Yurtdisi-Egitim-Is-Yatirim.html">Yurtdışı Eğitim - İş - Yatırım</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-368835-Meslekler.html">Meslekler</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-560367-Bilim-Insanlari.html">Bilim İnsanları</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-849471-Sanat-Dallari.html">Sanat Dalları</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-645345-Pazaryerleri.html">Pazaryerleri</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-343966-Sosyal-Medya.html">Sosyal Medya</a></li> </ul> </div> </section> <!-- end .widget--> <div class="widget"><!-- end .b-banner--> </div> <!-- end .widget--> </aside> </div> </div> </div> </div> </div> <footer class="footer"> <!-- <div class="footer__main"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="footer-section"><a class="footer__logo" href="home.html"><img class="img-responsive" src="temalar/infoldia/assets/media/general/logo-footer.png" alt="Logo"/></a> <div class="footer__info"> <p>Lorem ipsum dolor amet consecteu adipisicing sed do eiusmod tempor incididunt labore dolore magna aliqua enimad minim tempor incididunt labore et dolore magna aliqua.</p> </div> <div class="footer__contact"><i class="icon fa fa-location-arrow"></i> 36 Canal Society, Victoria ML 00789</div> <div class="footer__contact"><i class="icon fa fa-phone"></i> +01 234 5678 / 0800 123.9876</div> <div class="footer__contact"><i class="icon fa fa-envelope"></i> contact@domain.com</div> <ul class="social-net list-inline"> <li class="social-net__item"><a class="social-net__link text-primary_h" href="twitter.html"><i class="icon fa fa-twitter"></i></a></li> <li class="social-net__item"><a class="social-net__link text-primary_h" href="facebook.html"><i class="icon fa fa-facebook"></i></a></li> <li class="social-net__item"><a class="social-net__link text-primary_h" href="plus.google.html"><i class="icon fa fa-google-plus"></i></a></li> <li class="social-net__item"><a class="social-net__link text-primary_h" href="youtube-play.html"><i class="icon fa fa-youtube-play"></i></a></li> <li class="social-net__item"><a class="social-net__link text-primary_h" href="rss.html"><i class="icon fa fa-rss"></i></a></li> </ul> </div> </div> <div class="col-md-4"> <section class="footer-section"> <h3 class="footer-section__title ui-title-inner ui-title-inner_condensed"><span class="ui-title-inner__inner">recent posts</span></h3> <section class="b-post b-post_img-left b-post_light b-post_img-100 clearfix"> <div class="entry-media"><a class="js-zoom-images img-hover-effect" href="temalar/infoldia/assets/media/content/posts/100x80/1.jpg"><img class="img-responsive hov-scal" src="temalar/infoldia/assets/media/content/posts/100x80/1.jpg" alt="Foto"/></a></div> <div class="entry-main"> <div class="entry-header"> <h2 class="entry-title"><a href="blog-post.html">Equip exea comodas rue nsew uat duis ipsum</a></h2> <div class="entry-meta"><span class="entry-meta__item"><a class="entry-meta__link" href="blog-main.html"><strong>march 8, 2017</strong></a></span><span class="entry-meta__item"><i class="icon fa fa-comment-o text-primary"></i><a class="entry-meta__link" href="blog-main.html">29</a></span> </div> </div> </div> </section> <section class="b-post b-post_img-left b-post_light b-post_img-100 clearfix"> <div class="entry-media"><a class="js-zoom-images img-hover-effect" href="temalar/infoldia/assets/media/content/posts/100x80/2.jpg"><img class="img-responsive hov-scal" src="temalar/infoldia/assets/media/content/posts/100x80/2.jpg" alt="Foto"/></a></div> <div class="entry-main"> <div class="entry-header"> <h2 class="entry-title"><a href="blog-post.html">Lorem ipsum dolor sit do amet elit spa eiusmod</a></h2> <div class="entry-meta"><span class="entry-meta__item"><a class="entry-meta__link" href="blog-main.html"><strong>june 30, 2017</strong></a></span><span class="entry-meta__item"><i class="icon fa fa-comment-o text-primary"></i><a class="entry-meta__link" href="blog-main.html">14</a></span> </div> </div> </div> </section> <section class="b-post b-post_img-left b-post_light b-post_img-100 clearfix"> <div class="entry-media"><a class="js-zoom-images img-hover-effect" href="temalar/infoldia/assets/media/content/posts/100x80/3.jpg"><img class="img-responsive hov-scal" src="temalar/infoldia/assets/media/content/posts/100x80/3.jpg" alt="Foto"/></a></div> <div class="entry-main"> <div class="entry-header"> <h2 class="entry-title"><a href="blog-post.html">Exercitation ullamco ca laboris nisi ut aliquip ex ea</a></h2> <div class="entry-meta"><span class="entry-meta__item"><a class="entry-meta__link" href="blog-main.html"><strong>august 25, 2017</strong></a></span><span class="entry-meta__item"><i class="icon fa fa-comment-o text-primary"></i><a class="entry-meta__link" href="blog-main.html">14</a></span> </div> </div> </div> </section> </section> </div> <div class="col-md-4"> <section class="footer-section"> <h3 class="footer-section__title ui-title-inner ui-title-inner_condensed"><span class="ui-title-inner__inner">Latest images</span></h3> <div class="owl-carousel owl-theme owl-theme_control-center owl-theme_control-dark enable-owl-carousel" data-pagination="false" data-navigation="true" data-single-item="true" data-auto-play="7000" data-transition-style="fade" data-main-text-animation="true" data-after-init-delay="3000" data-after-move-delay="1000" data-stop-on-hover="true"><img src="temalar/infoldia/assets/media/content/gallery/360x300_1.jpg" alt="foto"/><img src="temalar/infoldia/assets/media/content/gallery/360x300_1.jpg" alt="foto"/><img src="temalar/infoldia/assets/media/content/gallery/360x300_1.jpg" alt="foto"/></div> </section> </div> </div> </div> </div> --> <div class="copyright"> <div class="container"> <div class="row"> <div class="col-xs-12"> <ul class="copyright-list list-inline"> <li class="copyright-list__item"><a class="copyright-list__link" href="kosullar.html">Kullanım Koşulları</a></li> <li class="copyright-list__item"><a class="copyright-list__link" href="gizlilik.html">Gizlilik & Güvenlik</a></li> <li class="copyright-list__item"><a class="copyright-list__link" href="iletisim.html">İletişim</a></li> </ul><span class="copyright__info">© 2024<strong> INFOLDIA</strong> ® Tüm Hakları Saklıdır</span> </div> </div> </div> </div> </footer> </div> <!-- end layout-theme--> <!-- ++++++++++++--> <!-- MAIN SCRIPTS--> <!-- ++++++++++++--> <script src="temalar/infoldia/assets/libs/jquery-1.12.4.min.js"></script> <script src="temalar/infoldia/assets/libs/jquery-migrate-1.2.1.js"></script> <script src="temalar/infoldia/assets/libs/modernizr.custom.js"></script> <!-- Bootstrap--> <script src="temalar/infoldia/assets/libs/bootstrap/bootstrap.min.js"></script> <!-- User customization--> <script src="temalar/infoldia/assets/js/custom.js"></script> <!-- Slider--> <script src="temalar/infoldia/assets/plugins/owl-carousel/owl.carousel.min.js"></script> <!-- Pop-up window--> <script src="temalar/infoldia/assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script> <!-- Headers scripts--> <script src="temalar/infoldia/assets/plugins/headers/jquery.dlmenu.js"></script> <script src="temalar/infoldia/assets/plugins/headers/slidebar.js"></script> <script src="temalar/infoldia/assets/plugins/headers/header.js"></script> <!-- Mail scripts--> <script src="temalar/infoldia/assets/plugins/jqBootstrapValidation.js"></script> <!-- Video player--> <script src="temalar/infoldia/assets/plugins/flowplayer/flowplayer.min.js"></script> <!-- Filter and sorting images--> <script src="temalar/infoldia/assets/plugins/isotope/isotope.pkgd.min.js"></script> <script src="temalar/infoldia/assets/plugins/isotope/imagesLoaded.js"></script> <!-- Progress numbers--> <script src="temalar/infoldia/assets/plugins/rendro-easy-pie-chart/jquery.easypiechart.min.js"></script> <script src="temalar/infoldia/assets/plugins/rendro-easy-pie-chart/waypoints.min.js"></script> <!-- Animations--> <script src="temalar/infoldia/assets/plugins/scrollreveal/scrollreveal.min.js"></script> <!-- Ticker--> <script src="temalar/infoldia/assets/plugins/jquery-easy-ticker/jquery.easy-ticker.min.js"></script> </body> </html>