ComprehensibleCebuanoProject/one-column.html at main · ErPang97/ComprehensibleCebuanoProject · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="ceb">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ang Pamilya I</title>
    <link href="css/ceb_content.css" type="text/css" rel="stylesheet">
</head>
<body>
    <header>
        <nav>
            <h3>Comprehensible Cebuano</h3>
            <ul id="nav-list">
                <li><a href="index.html">Home</a></li>
                <li>Readings</li>
                <li><a href="about.html">About</a></li>
            </ul>
        </nav>
    </header>
    <section>
        <div id="page-title">
            <h1>Ang Pamilya I</h1>
        </div>
        <div class="content">  <!---The Family-->
            <div class="single-column">
                <img class="wide" src="images/angpamilya.png" alt="Ang Pamilya">
                <div class="wide" >
                    <div class="active sub-page" id="page-1">
                        <p>
                            Si Jun lalaki. Usa ka lalaki si Jun. Babaye si Jenelyn. Si Jenelyn usa ka babaye.
                            Si Jun lalaki ba? Oo, lalaki si Jun. Babaye ba si Jenelyn? Oo, Si Jenelyn babaye.</p>
                        <p>
                            Sila si Pedro ug Luis mga batang lalaki. Sila si Pedro ug Luis duha ka mga batang
                            lalaki. Mga batang babaye sila si Maria ug Carmen. Sila si Maria ug Carmen duha ka
                            mga batang babaye. Sila si Pedro, Luis, Maria ug Carmen mga bata. Sila si Pedro, Luis,
                            Maria ug Carmen upat ka mga bata. </p>
                    </div>
                    <div class="sub-page" id="page-2">
                        <p>
                            Mga bata ba sila si Jenelyn ug Jun? Dili mga bata sila
                            si Jenelyn ug Jun. Mga bata ba sila si Pedro ug Luis? Oo, Luis ug Pedro mga bata. Mga bata
                            ba sila si Carmen ug Maria? Oo, mga bata sila si Carmen ug Maria. Mga batang lalaki ba
                            sila si Carmen ug Maria? Dili mga batang lalaki, apan mga batang babaye sila si Maria ug
                            Carmen. Mga batang babaye ba sila si Luis ug Pedro? Dili mga batang babaye, apan mga
                            batang lalaki sila si Luis ug Pedro.
                        </p>
                    </div>
                    <div class="sub-page" id="page-3">
                        <p>
                            Si Jun amahan. Si Jenelyn inahan. Kinsa ang amahan ni Pedro? Ang amahan ni Pedro si Jun.
                            Si Jun ang iyang Amahan. Ang amahan nila ni Pedro, Luis, Maria, ug Carmen si Jun. Ang
                            inahan ni Maria si Jenelyn. Kinsa ang inahan nila ni Maria, Carmen, Pedro ug Luis? Si
                            Jenelyn ang ilang inahan. Si Jenelyn ang inahan nila ni Maria, Carmen, Pedro ug Luis.
                            Si Jun ang ilang amahan ug si Jenelyn ang ilang inahan.
                        </p>
                    </div>
                    <div class="sub-page" id="page-4">
                        <p>
                            Ang igsoon nga lalaki ni Pedro si Luis. Si Maria ang igsoon nga babaye ni Pedro. Ang mga
                            igsoon nga lalaki ni Maria sila si Pedro ug Luis. Ang mga igsoon nga babaye ni Luis sila
                            si Maria ug Carmen. Kinsa ang igsoon nga lalaki ni Luis? Si Pedro ang igsoon nga lalaki
                            ni Luis. Kinsa ang igsoon nga babaye ni Carmen? Ang igsoon nga babaye ni Carmen si Maria.
                        </p>
                    </div>

                </div>
                <ol id="page-list">
                    <li class="page active"><a href="#page-1">1</a></li>
                    <li class="page"><a href="#page-2">2</a></li>
                    <li class="page"><a href="#page-3">3</a></li>
                    <li class="page"><a href="#page-4">4</a></li>
                </ol>
            </div>
        </div>
    </section>
    <footer>
        <div id="references">
            <h3>Ang Mga Gi Basihan Niini</h3>
            <p lang="en">This chapter is heavily based on the text present in the second chapter of Lingua Latina
                Per Se Illustrata.
            </p>
            <ul>
                <li><i>Lingua Latina Per Se Illustrata</i> by Hans Ørberg
                </li>
            </ul>
        </div>
    </footer>
    <script src="js/subpage.js"></script>
</body>
</html>