pages overview //TODO: improve

dashboard

<style type="text/css">
    body {
        width: 200%;
        height: 200%;
    }
    iframe {
        -webkit-transform: scale(0.2);
        -webkit-transform-origin: 0 0;
        position: absolute;
        width: 100%;
        height: 400%;
        left: 0;
        top: 0;
        z-index: 1;
    }
    iframe:hover {
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        z-index: 5;
    }
    iframe:nth-child(2) {
        left: 20%;
    }
    iframe:nth-child(3) {
        left: 40%;
    }
    iframe:nth-child(4) {
        left: 60%;
    }
    iframe:nth-child(5) {
        left: 80%;
    }
    iframe:nth-child(6) {
        left: 100%;
    }
    iframe:nth-child(7) {
        left: 120%;
    }
    iframe:nth-child(8) {
        left: 140%;
    }
    iframe:nth-child(9) {
        left: 160%;
    }

</style>
<div id="dashboard">
    <iframe src="index.html"></iframe>
    <iframe src="search.html"></iframe>
    <iframe src="ticket.html"></iframe>
    <iframe src="booking-1.html"></iframe>
    <iframe src="booking-2.html"></iframe>
    <iframe src="profile.html"></iframe>
</div>