Line 70: | Line 70: | ||
<style> | <style> | ||
− | . | + | .collapsible2 { |
background-color: white; | background-color: white; | ||
color: black; | color: black; | ||
Line 82: | Line 82: | ||
} | } | ||
− | .active, . | + | .active, .collapsible2:hover { |
background-color: black; | background-color: black; | ||
color: green; | color: green; | ||
} | } | ||
− | . | + | .collapsible2:after { |
content: '\002B'; | content: '\002B'; | ||
color: white; | color: white; | ||
Line 114: | Line 114: | ||
<center> | <center> | ||
<div class="box"> | <div class="box"> | ||
− | + | ||
− | <button class=" | + | |
+ | |||
+ | |||
+ | <button class="collapsible2" style="font-size:7mm; font-family: 'title', sans-serif;">WEEK 1</button> | ||
<div class="content"> | <div class="content"> | ||
− | <p>Lorem ipsum dolor sit amet, consectetur | + | <p style="font-size:5.5mm; font-family: 'title', sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.</p> |
</div> | </div> | ||
− | + | <button class="collapsible2" style="font-size:7mm; font-family: 'title', sans-serif;">WEEK 2</button> | |
− | <button class=" | + | |
<div class="content"> | <div class="content"> | ||
− | <p>Lorem ipsum dolor sit amet, consectetur | + | <p style="font-size:5.5mm; font-family: 'title', sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.</p> |
</div> | </div> | ||
− | <button class=" | + | |
+ | <button class="collapsible2" style="font-size:7mm; font-family: 'title', sans-serif;">WEEK 3</button> | ||
<div class="content"> | <div class="content"> | ||
− | <p>Lorem ipsum dolor sit amet, consectetur | + | <p style="font-size:5.5mm; font-family: 'title', sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.</p> |
</div> | </div> | ||
− | <button class=" | + | |
+ | <button class="collapsible2" style="font-size:7mm; font-family: 'title', sans-serif;">WEEK 4</button> | ||
<div class="content"> | <div class="content"> | ||
− | <p>Lorem ipsum dolor sit amet, consectetur | + | <p style="font-size:5.5mm; font-family: 'title', sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.</p> |
</div> | </div> | ||
+ | <button class="collapsible2" style="font-size:7mm; font-family: 'title', sans-serif;">WEEK 5</button> | ||
+ | <div class="content"> | ||
+ | <p style="font-size:5.5mm; font-family: 'title', sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.</p> | ||
+ | </div> | ||
+ | |||
+ | <button class="collapsible2" style="font-size:7mm; font-family: 'title', sans-serif;">WEEK 6</button> | ||
+ | <div class="content"> | ||
+ | <p style="font-size:5.5mm; font-family: 'title', sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.</p> | ||
+ | </div> | ||
+ | |||
+ | <button class="collapsible2" style="font-size:7mm; font-family: 'title', sans-serif;">WEEK 7</button> | ||
+ | <div class="content"> | ||
+ | <p style="font-size:5.5mm; font-family: 'title', sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.</p> | ||
+ | </div> | ||
+ | |||
+ | <button class="collapsible2" style="font-size:7mm; font-family: 'title', sans-serif;">WEEK 8</button> | ||
+ | <div class="content"> | ||
+ | <p style="font-size:5.5mm; font-family: 'title', sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.</p> | ||
+ | </div> | ||
+ | |||
+ | <button class="collapsible2" style="font-size:7mm; font-family: 'title', sans-serif;">WEEK 9</button> | ||
+ | <div class="content"> | ||
+ | <p style="font-size:5.5mm; font-family: 'title', sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.</p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <button class="collapsible2" style="font-size:7mm; font-family: 'title', sans-serif;">WEEK 10</button> | ||
+ | <div class="content"> | ||
+ | <p style="font-size:5.5mm; font-family: 'title', sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.</p> | ||
+ | </div> | ||
Revision as of 21:11, 14 October 2018
Notebook
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Ut tellus elementum sagittis vitae et. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Semper auctor neque vitae tempus quam pellentesque nec nam. Amet purus gravida quis blandit. Risus nullam eget felis eget nunc lobortis mattis. Sed sed risus pretium quam vulputate dignissim suspendisse. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Nulla pharetra diam sit amet nisl. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ac placerat vestibulum lectus mauris ultrices eros.