Untitled

<html>
    <head>
        <title>asdf</title>
    </head>
    <body>
        <div style="background:#000;height:50px;color:#fff;text-align:center;font-size:30px">
            Charlie Ganteng
        </div>
        <div style="height:600px">
            <div style="width:30%;height:100%;background:#ccc;float:left">
                paling kiri
            </div>
            <div style="width:70%;height:100%;float:left">
                <div style="height:80px;background:#ccf">
                    kanan atas
                </div>
                <div style="height:520px">
                    <div style="width:30%;height:100%;background:#000;float:left">
                        tengah
                    </div>
                    <div style="width:70%;height:100%;float:left">
                        <div style="height:80px;background:#f00">
                            merah
                        </div>
                        <div style="height:440px">
                            <div style="float:left;width:50%;height:100%;background:yellow;">
                                kuning
                            </div>
                            <div style="float:left;width:50%;height:100%;">
                                <div style="height:33%;background:black;">

                                </div>
                                <div style="height:33%;background:cyan;">

                                </div>
                                <div style="height:34%;background:black;">

                                </div>

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div style="background:#f44;height:50px">

        </div>
    </body>
</html>