Back
Overview | Project
Page Navigation /

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="PageNavigation Sample Application" />

    <title>Page Navigation Sample Application</title>

    <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
    <div id="container">
        <div id="pageMain" class="page">
            <div id="mainHeader" class="header">
                <div id="mainHeaderText" class="headerText">
                    Page Navigation
                </div>
            </div>
            <div id="mainContents" class="contents">
                <div id="mainDetail" class="detail">
                    <div id="errorMessage" class="textError">
                        Unknown error occured.
                    </div>
                    <div class="textDetail">
                        This is the Main page.
                    </div>
                </div>
            </div>
        </div>
        <div id="pageSecond" class="page">
            <div id="secondHeader" class="header">
                <div id="secondHeaderText" class="headerText">
                    Page 2
                </div>
            </div>
            <div id="secondContents" class="contents">
                <div id="secondDetail" class="detail">
                    <div class="textDetail">
                        This is the Second page.
                    </div>
                </div>
            </div>
        </div>
        <div id="pageThird" class="page">
            <div id="thirdHeader" class="header">
                <div id="thirdHeaderText" class="headerText">
                    Page 3
                </div>
            </div>
            <div id="thirdContents" class="contents">
                <div id="thirdDetail" class="detail">
                    <div class="textDetail">
                        This is the Third page.
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="js/page.js"></script>
    <script src="js/app.js"></script>
</body>
</html>