Difference between revisions of "Test"
From ThornsWiki
Thornswiki (talk | contribs) |
Thornswiki (talk | contribs) (→TEST ACCORDION) |
||
Line 95: | Line 95: | ||
===TEST ACCORDION=== | ===TEST ACCORDION=== | ||
− | <div class="accordion"> | + | <div class="accordion vertical"> |
− | + | <ul> | |
− | + | <li> | |
− | + | <input type="checkbox" id="checkbox-1" name="checkbox-accordion" /> | |
− | + | <label for="checkbox-1">Title One</label> | |
− | + | <div class="content"> | |
− | + | <h3>This is an example accordion item</h3> | |
− | + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec posuere lorem. Pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. Mauris semper ipsum sit amet metus semper malesuada. Donec vel est justo, ac porta diam.</p> | |
− | + | <p>In ut est in orci commodo blandit. Cras rhoncus ultricies augue. Proin quam odio, venenatis ut tempus tristique, aliquet in velit. Pellentesque volutpat facilisis orci, ut congue mi rhoncus at. Nullam vehicula dignissim neque, sed rhoncus magna ultricies et.</p> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li> | |
− | + | <input type="checkbox" id="checkbox-2" name="checkbox-accordion" /> | |
− | + | <label for="checkbox-2">Title Two</label> | |
− | + | <div class="content"> | |
− | + | <h3>Totally another one right here</h3> | |
− | + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec posuere lorem. Pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. Mauris semper ipsum sit amet metus semper malesuada. Donec vel est justo, ac porta diam.</p> | |
− | + | <p>In ut est in orci commodo blandit. Cras rhoncus ultricies augue. Proin quam odio, venenatis ut tempus tristique, aliquet in velit. Pellentesque volutpat facilisis orci, ut congue mi rhoncus at. Nullam vehicula dignissim neque, sed rhoncus magna ultricies et.</p> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li> | |
− | + | <input type="checkbox" id="checkbox-3" name="checkbox-accordion" /> | |
− | + | <label for="checkbox-3">Title Three</label> | |
− | + | <div class="content"> | |
− | + | <h3>I think I can go on forever</h3> | |
− | + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec posuere lorem. Pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. Mauris semper ipsum sit amet metus semper malesuada. Donec vel est justo, ac porta diam.</p> | |
− | + | <p>In ut est in orci commodo blandit. Cras rhoncus ultricies augue. Proin quam odio, venenatis ut tempus tristique, aliquet in velit. Pellentesque volutpat facilisis orci, ut congue mi rhoncus at. Nullam vehicula dignissim neque, sed rhoncus magna ultricies et.</p> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li> | |
− | + | <input type="checkbox" id="checkbox-4" name="checkbox-accordion" /> | |
− | + | <label for="checkbox-4">Title Four</label> | |
− | + | <div class="content"> | |
− | + | <h3>I was wrong, I'm done</h3> | |
− | + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec posuere lorem. Pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. Mauris semper ipsum sit amet metus semper malesuada. Donec vel est justo, ac porta diam.</p> | |
− | + | <p>In ut est in orci commodo blandit. Cras rhoncus ultricies augue. Proin quam odio, venenatis ut tempus tristique, aliquet in velit. Pellentesque volutpat facilisis orci, ut congue mi rhoncus at. Nullam vehicula dignissim neque, sed rhoncus magna ultricies et.</p> | |
− | + | </div> | |
+ | </li> | ||
+ | </ul> | ||
</div> | </div> | ||
− |
Revision as of 22:23, 13 January 2019
Hello world.
|
|
|
Contents
TEST ACCORDION
-
<input type="checkbox" id="checkbox-1" name="checkbox-accordion" />
<label for="checkbox-1">Title One</label>
This is an example accordion item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec posuere lorem. Pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. Mauris semper ipsum sit amet metus semper malesuada. Donec vel est justo, ac porta diam.
In ut est in orci commodo blandit. Cras rhoncus ultricies augue. Proin quam odio, venenatis ut tempus tristique, aliquet in velit. Pellentesque volutpat facilisis orci, ut congue mi rhoncus at. Nullam vehicula dignissim neque, sed rhoncus magna ultricies et.
-
<input type="checkbox" id="checkbox-2" name="checkbox-accordion" />
<label for="checkbox-2">Title Two</label>
Totally another one right here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec posuere lorem. Pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. Mauris semper ipsum sit amet metus semper malesuada. Donec vel est justo, ac porta diam.
In ut est in orci commodo blandit. Cras rhoncus ultricies augue. Proin quam odio, venenatis ut tempus tristique, aliquet in velit. Pellentesque volutpat facilisis orci, ut congue mi rhoncus at. Nullam vehicula dignissim neque, sed rhoncus magna ultricies et.
-
<input type="checkbox" id="checkbox-3" name="checkbox-accordion" />
<label for="checkbox-3">Title Three</label>
I think I can go on forever
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec posuere lorem. Pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. Mauris semper ipsum sit amet metus semper malesuada. Donec vel est justo, ac porta diam.
In ut est in orci commodo blandit. Cras rhoncus ultricies augue. Proin quam odio, venenatis ut tempus tristique, aliquet in velit. Pellentesque volutpat facilisis orci, ut congue mi rhoncus at. Nullam vehicula dignissim neque, sed rhoncus magna ultricies et.
-
<input type="checkbox" id="checkbox-4" name="checkbox-accordion" />
<label for="checkbox-4">Title Four</label>
I was wrong, I'm done
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec posuere lorem. Pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. Mauris semper ipsum sit amet metus semper malesuada. Donec vel est justo, ac porta diam.
In ut est in orci commodo blandit. Cras rhoncus ultricies augue. Proin quam odio, venenatis ut tempus tristique, aliquet in velit. Pellentesque volutpat facilisis orci, ut congue mi rhoncus at. Nullam vehicula dignissim neque, sed rhoncus magna ultricies et.