Çevrimiçi yemek pişirme HTML Şablonu

Statik sayfalarda kullanıma hazır, ortalanmış bir yemek pişirme galerisi

“Çevrim İçi Yemek Pişirmeyi Öğrenin” başlığı bölüme net bir konu kazandırır ve destekleyici paragraf, görsel içerik başlamadan önce tanıtıcı bir bağlam sunar. Başlığın altında, dar aralıklara sahip tek bir yatay satırda üç dikey görsel karosu yer alır; böylece uzun bir metin bloğuna gerek kalmadan yemek pişirme temasını aktarabilen kompakt bir galeri oluşur. HTML, her slaytta üç görsel bulunan iki karusel slaytı sunar, bu sayede hazırlanan bölüm mevcut navigasyonu aracılığıyla daha fazla görsel materyal sergileyebilir.

Önceki ve sonraki kontrolleri, ziyaretçilerin görsel grupları arasında nasıl gezineceğini belirlerken lightbox davranışı galeri görsellerinin daha yakından incelenmesine olanak tanır. Görünür önizleme ile HTML farklı aktif görsel içeriklerine işaret etse de her iki kaynak da aynı yeniden kullanılabilir yapıyı destekler: karusel etkileşimine sahip üç karolu bir yemek galerisi. Görsellerin altındaki “Devamını oku” butonu ek bilgiler için ayrı bir rota oluşturarak her ayrıntıyı bölüme sığdırmak yerine galeriyi görsel keşif rolünde tutar.

Statik bir HTML sayfası içinde bu blok, diğer içerik alanları arasına yerleştirilmiş eksiksiz bir yemek galerisi bölümü olarak işlev görebilir. Ana sayfa daha geniş bir navigasyon ve bağlam sunarken bu bölüm kendi başlığını, görsel sırasını, kontrollerini, lightbox görüntülemesini ve devam eylemini sağlar. Belirlenmiş düzeni, temel galeri kompozisyonunu sıfırdan yeniden oluşturmaya gerek kalmadan doğrudan kullanılabilmesini mümkün kılar.