Flatcast Blogcu tarzı sitelere uyumlu sarı index

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>xxx FM</title>
    <meta name="description" content="flatcast radyo sohbet muzik eglence">
    <meta name="keywords" content="flatcast radyo sohbet muzik eglence">
    <meta name="author" content="desinged by adanali">
    <link href='https://fonts.googleapis.com/css?family=Titillium+Web:300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body>

    <div class="wrap">
       <div class="header">
        <div class="logo">
        </div>
          
        <div class="menu">
        <ul>
        <li><a href="https://www.flatcast.com/de/WizTakeOver.aspx?new=-1">DJ GIRISI</a></li>
        <li><a href="https://www.flatcast.com/de/WizUsr.aspx" target="_blank">NICK AL</a></li>
        <li><a href="https://download.flatcast.net/objects/FlatViewerSetup530.exe" target="_blank">AKTIVEX</a></li>
        <li><a href="https:/www.facebook.com" target="_blank">FACEBOOK GRUBUMUZ</a></li>
        <li><a href="http://www.allaturkaa.de/radyo/sid.php?no=1574476" target="_blank">SID GONDER</a></li>
        <li><a href="https://www.trturka.com/konu/flatcast-fcp-temalar/" target="_blank">DJ TEMALARI</a></li>
        <li><a href="https://www.trturka.com/" target="_blank">FORUM</a></li>
        </ul>
        </div>
       </div>
      
        <div class="banner">
        <div class="slogan"></div>
        </div>
        <div class="cizgi" style="margin: 0px auto;"></div>
        <div class="radyo-icerik">
        <div class="radyo">
        <h1>Radyo Canlı Yayın / Keyifli Dinlemeler Hos Sohbetler Dileriz...</h1>
        <div class="cizgi"></div>
        <IFRAME height="600" width="1000" frameborder="0" scrolling="no" src="https://www.flatcast.com/Player.aspx?sid=sidnoyaz"></IFRAME>
        <div class="cizgi"></div>
        
        <div class="yayincilar">
        <h2>Yayıncılar</h2>
        <marquee class="yayincilar" onmouseover="this.stop()" onmouseout="this.start()" direction="horizontal" scrollamount="3" scrolldelay="60" loop="99999">
        <font color="white">
        Buraya radyo djlerinizi yazabilirsiniz!!
        </font>
        </marquee>
        </div>
        
        <div class="kurallar">
        <h2>Kurallar</h2>
        <marquee class="yayincilar" onmouseover="this.stop()" onmouseout="this.start()" direction="horizontal" scrollamount="3" scrolldelay="60" loop="99999">
        <font color="white">
        Buraya radyo kurallarınızı yazabilirsiniz!!
        </font>
        </marquee>
        </div>
        </div>       
        </div>
        
        <div class="footer">
                
        <div class="cizgi" style="margin: 0px auto;"></div>
        <p>Copyright &copy 2019 Tüm Haklari Radyomuza Aittir. Powered by www.trturka.com</p>
        </div>
    </div>


<style>
* {
    margin: 0px auto;
    padding: 0px;
}

body {
    background: #333;
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
}

.wrap {
    margin: 30px auto;
    width: 1010px;
}

.header {
    border-top: 10px solid #fff61b;
    background-color: #191919;
    height: 90px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.logo {
    background: url(https://resim.www.trturka.com/images/logo2740c955781d4d8c.png) no-repeat;
    float: left;
    margin: 30px 0px 30px 5px;
    display: block;
    width: 222px;
    height: 27px;
}

.menu {
    float: right;
}

.menu ul {
    list-style: none;
}

.menu ul li {
    float: left;
    line-height: 90px;
}

.menu ul li a {
    text-decoration: none;
    color: #fff61b;
    padding: 0px 10px;
    font-size: 16px;
    display: block;
}

.menu ul li a:hover {
    color: #ffffff;
    background: url(https://resim.www.trturka.com/images/menu-hover.jpg) repeat;
}

.banner {
    height: 400px;
    background: #111532 url(https://resim.www.trturka.com/images/banner.jpg) no-repeat bottom right;
}

.slogan {
    background: url(https://resim.www.trturka.com/images/slogan.png);
    width: 580px;
    height: 229px;
    margin-left: 15px;
    position: relative;
    top: 6em;
}

.radyo-icerik {
    padding: 5px 0px;
    background: #191919;
}

.radyo {
    width: 1000px;
}

.radyo h1 {
    font-size: 16px;
    color: #fff61b;
    font-weight: 300;
}

.cizgi {
    background: url(https://resim.www.trturka.com/images/cizgi.jpg) repeat;
    height: 2px;
    margin: 5px auto;
}

.kurallar {
    height: 40px;
    background: #000;
    margin-top: 5px;
}

.kurallar h2 {
    line-height: 40px;
    color: #000000;
    background: #ffff00;
    font-weight: 300;
    font-size: 16px;
    float: left;
    padding: 0px 5px;
    width: 70px;
}

.kurallar h2:after {
    content: ":";
    padding-left: 2px;
}

.kurallar marquee {
    float: right;
    line-height: 40px;
    width: 910px;
    padding: 0px 0px 0px 5px;
}

.yayincilar {
    height: 40px;
    background: #000;
}

.yayincilar h2 {
    line-height: 40px;
    color: #000000;
    background: #ffff00;
    font-weight: 300;
    font-size: 16px;
    float: left;
    padding: 0px 5px;
    width: 70px;
    float: center;
}

.yayincilar h2:after {
    content: ":";
    padding-left: 2px;
}

.yayincilar marquee {
    float: right;
    line-height: 40px;
    width: 910px;
    padding: 0px 0px 0px 5px;
}

.footer {
    border-bottom: 10px solid #fff61b;
    background-color: #191919;
    height: 30px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.footer p {
    color: #666;
    float: right;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
</style>


</body>
</html>