Bora Yaren Blog Sayfası

Anasayfa | Hakkımızda | İletişim

BORA BLOG SİTESİ MANZARA RESMİ 1

BORA BLOG SİTESİ MANZARA RESMİ

BORA BLOG SİTESİ MANZARA RESMİ 2

BORA BLOG SİTESİ MANZARA RESMİ

body { font-family: 'Arial', sans-serif; line-height: 1.6; margin: 0; padding: 0; background-color: #f9f9f9; color: #333; } .container { width: 80%; margin: 0 auto; } header { background-color: #333; color: #fff; padding: 20px 0; } main { display: flex; justify-content: space-between; padding: 20px 0; } section { width: 65%; } aside { width: 30%; } .search, .about { margin-bottom: 20px; } body { font-family: 'Arial', sans-serif; line-height: 1.6; margin: 0; padding: 0; background-color: #f9f9f9; color: #333; } .container { width: 80%; margin: 0 auto; } article img { width: 500px; } body { font-family: 'Arial', sans-serif; line-height: 1.6; margin: 0; padding: 0; background-color: #f9f9f9; color: #333; } .container { width: 80%; margin: 0 auto; } header { background-color: #333; color: #fff; padding: 20px 0; text-align: center; } .blog-title { margin: 0; } nav ul { list-style: none; padding: 0; margin: 0; } nav li { display: inline; margin-right: 20px; } nav a { text-decoration: none; color: #fff; font-weight: bold; margin-right: 10px; } .black-section { background-color: #000; color: #fff; padding: 10px 0; text-align: center; } main { display: flex; justify-content: space-between; padding: 20px 0; } section { width: 65%; } aside { width: 30%; } .search, .about { margin-bottom: 20px; } .search label { display: block; margin-bottom: 5px; } .search input { width: 100%; padding: 8px; box-sizing: border-box; margin-bottom: 10px; } .search button { background-color: #333; color: #fff; border: none; padding: 8px 12px; cursor: pointer; } .about { background-color: #f1f1f1; padding: 10px; border-radius: 5px; } article { margin-bottom: 40px; border-bottom: 1px solid #ccc; padding-bottom: 20px; } h2 { color: #333; } p { color: #666; } footer { background-color: #333; color: #fff; padding: 10px 0; text-align: center; }