<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgxUXg8EyFOmHHVrpgdxG4TLwJjE5Ahiyx2SYFWt2uD799KCkYuFbyZQUUIr8Epx60Y-AE3WcDaAcKqvIix36urEMyAtwfm3BQHtaRLyvnqy5JksBYeHEViwYPYgKfsGZFLHXpbQd9ORq1Akxdhe_MknJTz2qGaD1uy_PvKMQMscua-NhuGArrcNIHp=s1080" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="435" data-original-width="1080" src="https://blogger.googleusercontent.com/img/a/AVvXsEgxUXg8EyFOmHHVrpgdxG4TLwJjE5Ahiyx2SYFWt2uD799KCkYuFbyZQUUIr8Epx60Y-AE3WcDaAcKqvIix36urEMyAtwfm3BQHtaRLyvnqy5JksBYeHEViwYPYgKfsGZFLHXpbQd9ORq1Akxdhe_MknJTz2qGaD1uy_PvKMQMscua-NhuGArrcNIHp=s320" width="320"/></a></div> <html lang="tr"> <head> <meta charset="UTF-8"></meta> <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta> <title>Takım</title> <link href="style.css" rel="stylesheet"></link> </head> <body> <div class="team-container"> <h2 class="team-heading">Takım</h2> <div class="ceo"> <div class="profile-pic"> <img alt="" src="team-member1.png" /> </div> <div class="team-member-name">otopazarla.com</div> <div class="meta">Sinan Tektaş & CEO</div> </div> <h3>Çekirdek Ekip</h3> <div class="core-team-container"> <div class="team-member"> <div class="profile-pic"> <img alt="" src="team-member2.png" /> </div> <div class="team-member-name">Sinan Tektaş</div> <div class="meta">Teknik Lider</div> </div> <div class="team-member"> <div class="profile-pic"> <img alt="" src="team-member3.png" /> </div> <div class="team-member-name">Sinan Tektaş</div> <div class="meta">Proğramcı</div> </div> <div class="team-member"> <div class="profile-pic"> <img alt="" src="team-member4.png" /> </div> <div class="team-member-name">Sinan Tektaş</div> <div class="meta">Tasarım</div> </div> </div> </div> </body> </html> <style> .team-container { padding: 24px 0; max-width: 1000px; margin: 0 auto; } .team-container h2 { text-align: center; font-size: 48px; text-transform: uppercase; font-weight: normal; letter-spacing: 8px; background: #222; color: #eee; width: 100%; margin: 48px auto; } .team-container .ceo { text-align: center; padding: 8px; } .team-container .ceo img { width: 200px; height: 200px; } .team-container img { width: 160px; height: 160px; border-radius: 50%; box-shadow: 0 8px 29px -17px rgba(0, 0, 0, 0.4); } .team-member { display: flex; flex-direction: column; text-align: center; padding: 16px; } .team-container .team-member-name { font-weight: bold; font-size: 22px; margin: 12px 0; } .team-container .ceo .team-member-name { font-size: 28px; } .core-team-container { display: flex; justify-content: space-around; flex-wrap: wrap; } .team-container h3 { text-align: center; margin: 48px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 24px; text-transform: uppercase; font-weight: normal; } </style>
