Source

changeek / index.html

<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
    <link media="all" rel="stylesheet" href="style.css" type="text/css" />
    <script src="jquery-1.4.2.js" type="text/javascript"></script>
    <script src="jquery.tools.js" type="text/javascript"></script>
    <script src="jquery.timers.js" type="text/javascript"></script>
    <!-- <script src="base.js" type="text/javascript"></script> -->
    <script src="index.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('#banner').find('.item').eq(0).css({background: '#ccc'});//,'background-size': '100%'});
        $('#banner').find('.item').eq(1).css({background: '#bbb'});//,'background-size': '100%'});
        $('#banner').find('.item').eq(2).css({background: '#aaa'});//,'background-size': '100%'});
    </script>
</head>
    <!--  -->
<body>
    <div id="header" class="box-border-0">
        <div class="nav">
            <ul>
                <li class="explore">
                    <div class="switcher"></div>
                    <div class="container">
                        <div class="item">Home</div>
                        <div class="item">Market</div>
                        <div class="item">Buy</div>
                        <div class="item">Sell</div>
                    </div>
                </li>
                <li class="activity">
                    <div class="switcher"></div>
                    <div class="container"> <!-- same as Notification Box -->
                        <div class="item">Phome</div>
                        <div class="item">Dealings</div>
                        <div class="item">Followers</div>
                        <div class="item">Following</div>
                    </div>
                </li>
                <li class="user">
                    <div class="switcher"></div>
                    <div class="container">
                        <div class="item">{{ name }}</div>
                        <div class="item">messages</div>
                        <div class="item">Settings</div>
                        <div class="item">Log in/out</div>
                    </div>
                </li>
                <li class="tools">
                    <div class="switcher"> </div>
                    <div class="container">
                        <div class="item">Stared</div>
                        <div class="item">Notebook</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div id="main" class="box-border-0">
        <div class="container">
            <div id="banner">
                <div class="content">
                    <div class="container">
                        <div class="item">1</div>
                        <div class="item">2</div>
                        <div class="item">3</div>
                    </div>
                </div>
                <div class="tabs">
                    <a href="#" class="button"></a>
                    <a href="#" class="button"></a>
                    <a href="#" class="button"></a>
                </div>
            </div>

            <div id="showdeals" style="display: none;">
                <div class="leftside box-border-0">
                    <div class="container">
                        <div class="item"></div>
                        <div class="item"></div>
                        <div class="item"></div>
                        <div class="item"></div>
                        <div class="item"></div>
                        <div class="item"></div>
                        <div class="item"></div>
                        <div class="item"></div>
                    </div>
                </div>
                <div class="rightside">
                </div>
            </div>
        </div>
        <div class="scroll_button up" style="display:none;"></div>
        <div class="scroll_button down"></div>
    </div>

    <div id="footer" class="box-border-0">
        <div id="sitelinks">
            <a href="#">About</a><span> | </span>
            <a href="#">FAQ</a><span> | </span>
            <a href="#">Mission</a><span> | </span>
            <a href="#">Blog</a><span> | </span>
            <a href="#">Advertise</a>
        </div>
        <div id="sitewords">
            <div><span class="line1">Changeek starts at Feb 2011, and will be finished before Jun that year. Powered by Django.</span></div>
            <div><span class="line2">Unyielding made by Reorx.</span></div>
        </div>
        <div id="siteversion">
            <div><span class="line1">VERSION: 0.0.1 Beta</span></div>
        </div>
        <div id="sitespirit">
            <div><span class="line2">+ Do have a faith in your heart.</span></div>
        </div>
        <div class="logo">
            <img src="img/TurkeyHot.jpg" />
        </div>
    </div>
</body>
</html>