[ Telerik CSS] LAYOUT 06-BTV

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>BTV Home Page</title>
    <link href="CSS/StyleSheet.css" rel="stylesheet" />
</head>

<body>
    <article class="tabs">
        <!-- TAB -->
        <section class="tab">
            <h1 class="tab-title"><a href="#">Новините</a></h1>

            <ul class="tab-content">
                <li class="tab-item">
                    <a href="#">
                        Интернет новини - 13.07.2010 г.
                        <img src="IMAGES/news-1.jpg" alt="news-1" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        Проливни дъждове в Дания, Китай и Индия, необичайни горещини в Иран
                        <img src="IMAGES/news-2.jpg" alt="news-2" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        Над 200 хектара горят на територията на бивш военен полигон
                        <img src="IMAGES/news-3.jpg" alt="news-3" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        23-ма ранени при сблъсък на два пътнически влака
                        <img src="IMAGES/news-4.jpg" alt="news-4" width="398" height="265" />
                    </a>
                </li>
            </ul>
        </section>

        <!-- TAB -->
        <section class="tab">
            <h1 class="tab-title"><a href="#">Спорт</a></h1>

            <ul class="tab-content">
                <li class="tab-item">
                    <a href="#">
                        Българинът се активизира през втората част
                        <img src="IMAGES/sport-1.jpg" alt="sport-1" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        Браво на ръководството на Байерн, браво на Хосеп Гуардиола.
                        <img src="IMAGES/sport-2.jpg" alt="sport-2" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        Димитър Бербатов бе част от силно апатичния и ялов тим
                        <img src="IMAGES/sport-3.jpg" alt="sport-3" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        ЦСКА и Стойчо продължават да се самозаблуждават
                        <img src="IMAGES/sport-4.jpg" alt="sport-4" width="398" height="265" />
                    </a>
                </li>
            </ul>
        </section>

        <!-- TAB -->
        <section class="tab">
            <h1 class="tab-title"><a href="#">Емисии</a></h1>

            <ul class="tab-content">
                <li class="tab-item">
                    <a href="#">
                        Над 200 хектара горят на територията на бивш военен полигон
                        <img src="IMAGES/news-5.jpg" alt="news-1" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        Проливни дъждове в Дания, Китай и Индия, необичайни горещини в Иран
                        <img src="IMAGES/news-2.jpg" alt="news-2" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        Интернет новини - 13.07.2010 г.
                        <img src="IMAGES/news-3.jpg" alt="news-3" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        23-ма ранени при сблъсък на два пътнически влака
                        <img src="IMAGES/news-4.jpg" alt="news-4" width="398" height="265" />
                    </a>
                </li>
            </ul>
        </section>

        <!-- TAB -->
        <section class="tab">
            <h1 class="tab-title"><a href="#">Любопитно</a></h1>

            <ul class="tab-content">
                <li class="tab-item">
                    <a href="#">
                        Браво на ръководството на Байерн, браво на Хосеп Гуардиола.
                        <img src="IMAGES/sport-2.jpg" alt="sport-2" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        Димитър Бербатов бе част от силно апатичния и ялов тим
                        <img src="IMAGES/sport-5.jpg" alt="sport-1" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        Проливни дъждове в Дания, Китай и Индия, необичайни горещини
                        <img src="IMAGES/news-3.jpg" alt="news-3" width="398" height="265" />
                    </a>
                </li>

                <li class="tab-item">
                    <a href="#">
                        23-ма ранени при сблъсък на два пътнически влака
                        <img src="IMAGES/news-4.jpg" alt="news-4" width="398" height="265" />
                    </a>
                </li>
            </ul>
        </section>
    </article>
</body>
</html>