-
Notifications
You must be signed in to change notification settings - Fork 0
/
chapters-alap.html
62 lines (60 loc) · 13.1 KB
/
chapters-alap.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chapters</title>
<link rel="stylesheet" type="text/css" href="chapters_css.css">
<link rel="stylesheet" type="text/css" href="chapters_css-theme-basic.css">
<script src="chapters_js.js"></script>
</head>
<body>
<nav>
<ul class="navbar navbar_theme" id="cimsor">
<li class="navbar__item"><a href="#chapter1" class ="navbar__link navbar__link_theme active" id="egyesli" onclick="iconMenu()">Egyeske</a></li>
<li class="navbar__item"><a href="#chapter2" class ="navbar__link navbar__link_theme" onclick="iconMenu()">Ketteske</a></li>
<li class="navbar__item"><a href="#chapter3" class ="navbar__link navbar__link_theme" onclick="iconMenu()">Hármaska</a></li>
<li class="navbar__item"><a href="#chapter4" class ="navbar__link navbar__link_theme" onclick="iconMenu()">Négyeske</a></li>
<li class="navbar__icon">
<a href="javascript:void(0);" class="navbar__link navbar__link_theme" onclick="iconMenu()">☰</a>
</li>
</ul>
</nav>
<main>
<section id="chapter1" class="chapter chapter_theme">
<h1 class="chapter__title chapter__title_theme">Egyeske</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacinia tellus vel tempus vestibulum. Mauris nec ultrices est. Fusce in varius lorem. Phasellus condimentum nisl eu laoreet posuere. Fusce in risus eget diam tincidunt ornare. Ut laoreet malesuada quam at placerat. Proin cursus accumsan tortor id mattis. Aliquam erat volutpat. Phasellus vitae nibh sagittis, sagittis eros ut, imperdiet lorem. Sed sit amet semper lectus, elementum dapibus velit. Sed ac erat sit amet urna mollis feugiat sed vitae nisl. Donec eu sapien nec velit lacinia malesuada. Pellentesque at elit ligula. Curabitur vel rhoncus lorem, eget convallis odio. Quisque imperdiet interdum consectetur.
<p>Pellentesque mollis sodales auctor. Curabitur quis est at velit facilisis volutpat non sit amet tellus. Suspendisse dictum nibh euismod mi feugiat sagittis. Aliquam at leo semper, finibus ligula vel, finibus neque. Maecenas egestas nisl placerat elit vulputate porttitor. Vestibulum cursus tincidunt est, in scelerisque magna ultrices et. Cras leo sem, euismod at mollis nec, imperdiet et purus. Duis in volutpat felis, bibendum placerat ipsum. Nam egestas, libero ut vehicula posuere, ligula lectus porttitor tortor, eu mattis urna mauris ut nulla.
<p>Ut bibendum venenatis nisi, nec tristique lectus euismod nec. Praesent finibus turpis et dui volutpat gravida. Ut tincidunt pellentesque porta. Nunc egestas semper porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed dapibus id turpis eget pretium. Nam eu condimentum nunc. Duis dapibus, neque vitae ornare posuere, nulla eros tincidunt libero, non volutpat odio augue et nibh. Sed aliquet mauris nec nibh laoreet, a eleifend ex egestas. Integer tincidunt consequat tortor, quis pulvinar quam cursus sit amet. Suspendisse dolor tortor, lacinia ac eleifend ut, semper ac enim. In hac habitasse platea dictumst. Morbi ante ipsum, faucibus sit amet nibh vel, mattis euismod purus. Pellentesque varius orci tincidunt magna ullamcorper sodales. Integer tristique accumsan aliquet. Quisque nulla arcu, rhoncus fringilla lacinia vel, commodo sit amet magna.
<p>Aenean ut condimentum tortor. Donec vel felis quis sapien sodales posuere. Duis massa urna, scelerisque at tellus ut, semper porta est. Sed consequat elit vitae lorem elementum, at fermentum eros vulputate. Praesent aliquet risus a nunc eleifend sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla at dui est. Mauris tincidunt bibendum lacinia. Vestibulum eleifend tincidunt tortor, bibendum interdum libero finibus dictum.
</p>
</section>
<section id="chapter2" class="chapter chapter_theme">
<h1 class="chapter__title chapter__title_theme">Ketteske</h1>
<p>Mauris et congue est, a sodales tortor. Etiam luctus lorem nunc, at pharetra risus eleifend vitae. Phasellus blandit rhoncus diam at ornare. Quisque posuere massa massa, nec pulvinar nunc mattis ut. Phasellus eu ante semper, fringilla tortor id, luctus arcu. Vivamus posuere gravida ligula, eget feugiat enim tincidunt eu. Vivamus imperdiet interdum tortor vel pellentesque. In vitae nunc tempor, commodo augue at, elementum risus. Proin condimentum egestas felis, ac vulputate sapien facilisis in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque ac urna tortor. Vestibulum facilisis volutpat mi vitae maximus. Praesent sed dolor rutrum, ultrices metus pulvinar, tincidunt mauris. In efficitur diam maximus, tempus nibh eget, efficitur sapien. Vestibulum quis pulvinar orci.
<p>Nullam accumsan nibh vitae mauris aliquam, a aliquet augue ornare. Maecenas ac maximus metus, vel pulvinar est. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi sit amet lacus at mauris scelerisque dignissim a porttitor nibh. Praesent vehicula in lectus a aliquet. Duis tellus tortor, maximus ullamcorper massa dapibus, euismod fringilla elit. Vivamus scelerisque tortor leo, at sagittis est faucibus nec. Morbi est metus, tincidunt luctus viverra in, vehicula varius ante. Maecenas consectetur augue et massa facilisis ullamcorper. Nulla vel leo ac libero pharetra gravida a molestie dolor. Suspendisse sed nisi aliquam, pharetra justo at, finibus magna. Proin quam est, facilisis in purus tempor, porta elementum ligula. Vivamus at neque vitae nisi sodales vestibulum ut id ex. Maecenas vel quam sit amet arcu sodales pharetra non eget justo. Praesent malesuada enim nec convallis aliquam. Interdum et malesuada fames ac ante ipsum primis in faucibus.
<p>Mauris et congue est, a sodales tortor. Etiam luctus lorem nunc, at pharetra risus eleifend vitae. Phasellus blandit rhoncus diam at ornare. Quisque posuere massa massa, nec pulvinar nunc mattis ut. Phasellus eu ante semper, fringilla tortor id, luctus arcu. Vivamus posuere gravida ligula, eget feugiat enim tincidunt eu. Vivamus imperdiet interdum tortor vel pellentesque.
</p>
</section>
<section id="chapter3" class="chapter chapter_theme">
<h1 class="chapter__title chapter__title_theme">Hármaska</h1>
<p>Vestibulum tincidunt leo urna, non posuere lorem mattis sit amet. Mauris eget quam sollicitudin, tincidunt augue non, varius quam. Phasellus imperdiet, dui vel dictum cursus, dui nunc ornare quam, sed interdum mauris libero non arcu. Aenean bibendum augue interdum tortor aliquet hendrerit. Pellentesque mi metus, ornare a pretium in, commodo sit amet est. Suspendisse eu enim rhoncus arcu pulvinar congue. Sed sit amet posuere nulla. Donec at dui elementum, vulputate velit eu, pretium nisl. Suspendisse viverra urna tortor, a malesuada urna tristique vitae. Praesent posuere hendrerit erat et tempor. Cras laoreet tempor ex, non euismod tortor. Vivamus id gravida purus, fringilla congue risus. Morbi ut ipsum nec ex molestie tincidunt. Suspendisse potenti.
<p>Pellentesque mollis sodales auctor. Curabitur quis est at velit facilisis volutpat non sit amet tellus. Suspendisse dictum nibh euismod mi feugiat sagittis. Aliquam at leo semper, finibus ligula vel, finibus neque. Maecenas egestas nisl placerat elit vulputate porttitor. Vestibulum cursus tincidunt est, in scelerisque magna ultrices et. Cras leo sem, euismod at mollis nec, imperdiet et purus. Duis in volutpat felis, bibendum placerat ipsum. Nam egestas, libero ut vehicula posuere, ligula lectus porttitor tortor, eu mattis urna mauris ut nulla.
<p>Aliquam justo nulla, ultricies vehicula aliquam nec, efficitur at nunc. Nullam eleifend tempus arcu et cursus. Mauris ac elementum risus. Maecenas malesuada fermentum metus, non cursus ante cursus sagittis. Quisque nec justo id dolor venenatis ultricies nec quis eros. Vestibulum accumsan mauris at facilisis posuere. Aliquam vel justo nisi. Nullam euismod felis sit amet pretium placerat. Quisque congue ante auctor ornare laoreet. Cras vitae tortor sed ligula condimentum semper at non neque. Proin in sapien vel turpis pretium condimentum. Aliquam aliquet, est id pretium tempus, orci nulla dapibus libero, sed condimentum justo nulla sit amet quam. Mauris placerat mollis arcu a blandit. Quisque libero nibh, sollicitudin eu dapibus sed, hendrerit eu diam.
<p>Aenean ut condimentum tortor. Donec vel felis quis sapien sodales posuere. Duis massa urna, scelerisque at tellus ut, semper porta est. Sed consequat elit vitae lorem elementum, at fermentum eros vulputate. Praesent aliquet risus a nunc eleifend sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla at dui est. Mauris tincidunt bibendum lacinia. Vestibulum eleifend tincidunt tortor, bibendum interdum libero finibus dictum.
<p>Donec eu lacus pulvinar, mattis ex ut, egestas ante. Pellentesque commodo convallis dignissim. Duis ut velit vitae ante posuere ultricies. Quisque scelerisque turpis ut leo semper, nec aliquet mauris lacinia. Aenean sed magna eget libero porta sodales. Nunc augue orci, vestibulum et sagittis a, hendrerit vel odio. In fringilla enim nisl, eget facilisis sapien commodo nec. Nulla egestas, leo quis suscipit pulvinar, risus leo maximus diam, et scelerisque neque nibh ut ipsum. Pellentesque dictum orci at risus lacinia, nec vehicula nibh malesuada.
</p>
</section>
<section id="chapter4" class="chapter chapter_theme">
<h1 class="chapter__title chapter__title_theme">Négyeske</h1>
<p>Sed accumsan magna eget tortor laoreet, vel sagittis elit sollicitudin. Maecenas ligula sapien, varius eu vestibulum sit amet, cursus eu ipsum. Suspendisse potenti. Quisque suscipit tellus quis volutpat gravida. Donec nec consequat nunc. Donec convallis lacus ultricies leo pretium elementum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis condimentum ornare ex, vel condimentum turpis pellentesque sed. Aenean non leo vitae nisi convallis facilisis. Nam id justo viverra, tincidunt dui sit amet, cursus lectus. Integer efficitur nunc nisl, eget mattis odio accumsan quis. Morbi placerat est velit. Sed lacinia tortor vel lectus rutrum cursus vitae ut urna.
<p>Nam blandit id diam nec tincidunt. Vestibulum efficitur aliquam cursus. Curabitur a lacus id ipsum viverra rutrum. Maecenas mollis ac quam non euismod. Sed id nulla vitae ipsum lacinia lobortis. Suspendisse mattis metus at scelerisque suscipit. Quisque vulputate sollicitudin arcu nec suscipit. Pellentesque nec nisl tellus. Morbi tempus orci et venenatis molestie. Quisque sit amet convallis quam, nec vulputate lectus. Fusce pretium augue nec dui aliquam efficitur. In vitae pretium libero.<p>Ut bibendum venenatis nisi, nec tristique lectus euismod nec. Praesent finibus turpis et dui volutpat gravida. Ut tincidunt pellentesque porta. Nunc egestas semper porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed dapibus id turpis eget pretium. Nam eu condimentum nunc. Duis dapibus, neque vitae ornare posuere, nulla eros tincidunt libero, non volutpat odio augue et nibh. Sed aliquet mauris nec nibh laoreet, a eleifend ex egestas. Integer tincidunt consequat tortor, quis pulvinar quam cursus sit amet. Suspendisse tortor, lacinia ac eleifend ut, semper ac enim. In hac habitasse platea dictumst. Morbi ante ipsum, faucibus sit amet nibh vel, mattis euismod purus. Pellentesque varius orci tincidunt magna ullamcorper sodales. Integer tristique accumsan aliquet. Quisque nulla arcu, rhoncus fringilla lacinia vel, commodo sit amet magna.
<p>Proin sodales volutpat velit, vel pretium turpis posuere id. Integer placerat metus est, in finibus dui dignissim non. Fusce ornare sit amet ipsum non suscipit. Curabitur est leo, pulvinar eget metus vel, cursus volutpat neque. Vivamus laoreet, nibh in dictum lacinia, eros mi convallis tortor, ut vestibulum purus leo vitae felis. Integer suscipit turpis ut aliquet ultricies. Sed id purus sodales, ullamcorper magna eget, fermentum dolor. Nulla non malesuada eros, sit amet rutrum erat. Quisque condimentum massa eget ante ultrices scelerisque. Cras eget turpis ex. Donec sodales, neque non pellentesque finibus, augue justo aliquam ligula, a ultrices velit leo sit amet elit.
<p>A felhasználói szokásokat figyelembe véve ajánlott kommentelni a böngészőfüggetlen fájlinformációkat. A konkrét krízishelyzetek elkerülése végett fontos szerializálni a séma szerinti frameworköt. A kódminőség miatt fontos supportálni a rendelkezésre álló adatbázist. A backend és a frontend terhelés egyensúlyának érdekében létfontosságú konfigurálni a valós idejű storyboardot. A rendszer által kínált hozzáférés-kezelés miatt szükséges lefejleszteni az objektum-orientált scripteket.
<p>Integer lacinia volutpat commodo. Lorem dolor sit amet, consectetur adipiscing elit. Praesent commodo id magna sit amet efficitur. Aenean eget elit quis ipsum finibus placerat. Donec consectetur, augue a hendrerit molestie, dui nulla lacinia mi, vel suscipit massa quam non elit. Praesent volutpat est orci, ac commodo arcu condimentum non. Curabitur venenatis enim metus, vitae efficitur diam fermentum eu. Proin mollis ipsum ante.
</p>
</section>
</main>
<script src="chapters_js.js"></script>
</body>
</html>