-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
33 lines (32 loc) · 8.42 KB
/
index.html
File metadata and controls
33 lines (32 loc) · 8.42 KB
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
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">
</head>
<!-- Main -->
<main class="container">
<!-- Accordions -->
<section id="accordions">
<details open>
<summary>Hoc vere terribilis est, fateor.</summary>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Egestas erat imperdiet sed euismod nisi porta lorem mollis. At urna condimentum mattis pellentesque id. Quam quisque id diam vel quam elementum pulvinar etiam. Scelerisque felis imperdiet proin fermentum leo. Ante in nibh mauris cursus mattis. At tellus at urna condimentum. Non nisi est sit amet facilisis magna etiam. Mauris in aliquam sem fringilla ut morbi tincidunt augue interdum. Amet est placerat in egestas erat imperdiet. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. At risus viverra adipiscing at in tellus integer feugiat.</p>
<p>Purus in mollis nunc sed id semper risus in. Mauris pharetra et ultrices neque ornare aenean euismod elementum. Nec dui nunc mattis enim. Tristique senectus et netus et malesuada fames ac turpis. Urna et pharetra pharetra massa massa ultricies mi quis hendrerit. Accumsan lacus vel facilisis volutpat est velit egestas dui id. Diam maecenas sed enim ut sem viverra. Ac felis donec et odio. Diam maecenas ultricies mi eget mauris pharetra et ultrices neque. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Ut eu sem integer vitae. Gravida arcu ac tortor dignissim convallis aenean et tortor. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Nunc congue nisi vitae suscipit tellus mauris a. Vitae et leo duis ut diam quam.</p>
<p>Et ligula ullamcorper malesuada proin libero. Nibh mauris cursus mattis molestie a. Libero enim sed faucibus turpis. Enim facilisis gravida neque convallis a. Tortor posuere ac ut consequat semper viverra nam libero justo. Sed elementum tempus egestas sed sed. Ante in nibh mauris cursus mattis molestie a iaculis. Placerat in egestas erat imperdiet sed euismod nisi porta lorem. Consequat interdum varius sit amet mattis vulputate. Molestie ac feugiat sed lectus vestibulum. Nunc sed id semper risus in hendrerit. Rhoncus est pellentesque elit ullamcorper dignissim cras. Tempor nec feugiat nisl pretium fusce id velit ut tortor. At elementum eu facilisis sed odio morbi quis. Senectus et netus et malesuada fames. Dui id ornare arcu odio ut sem. Ut pharetra sit amet aliquam. Est placerat in egestas erat imperdiet sed euismod. Enim sed faucibus turpis in eu mi.</p>
<p>Vestibulum lectus mauris ultrices eros in cursus turpis massa tincidunt. Arcu ac tortor dignissim convallis aenean. Facilisis volutpat est velit egestas dui id ornare. Laoreet sit amet cursus sit. Ipsum consequat nisl vel pretium lectus quam. Placerat vestibulum lectus mauris ultrices eros in cursus turpis. Vitae congue mauris rhoncus aenean. Nunc congue nisi vitae suscipit tellus mauris. Et molestie ac feugiat sed lectus vestibulum mattis. Aliquet bibendum enim facilisis gravida neque. Et malesuada fames ac turpis egestas maecenas pharetra. Posuere urna nec tincidunt praesent semper. Sit amet massa vitae tortor condimentum lacinia quis. Eleifend quam adipiscing vitae proin sagittis. Aliquam etiam erat velit scelerisque in dictum non. Diam maecenas ultricies mi eget mauris pharetra et ultrices. Quam lacus suspendisse faucibus interdum posuere lorem.</p>
<p>Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Porttitor leo a diam sollicitudin tempor id eu nisl. Feugiat nisl pretium fusce id velit ut tortor pretium. Felis bibendum ut tristique et egestas quis ipsum suspendisse. Molestie at elementum eu facilisis sed odio morbi quis commodo. Ipsum dolor sit amet consectetur adipiscing. Nulla malesuada pellentesque elit eget gravida cum sociis natoque penatibus. Molestie ac feugiat sed lectus. Id donec ultrices tincidunt arcu non sodales neque sodales. Adipiscing commodo elit at imperdiet dui accumsan sit amet nulla. Lorem donec massa sapien faucibus et molestie ac feugiat sed. Dignissim diam quis enim lobortis scelerisque fermentum dui faucibus. Amet est placerat in egestas erat. Egestas integer eget aliquet nibh praesent tristique magna. Egestas diam in arcu cursus euismod.</p>
</details>
<details>
<summary>Alioquin vere amet.</summary>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Egestas erat imperdiet sed euismod nisi porta lorem mollis. At urna condimentum mattis pellentesque id. Quam quisque id diam vel quam elementum pulvinar etiam. Scelerisque felis imperdiet proin fermentum leo. Ante in nibh mauris cursus mattis. At tellus at urna condimentum. Non nisi est sit amet facilisis magna etiam. Mauris in aliquam sem fringilla ut morbi tincidunt augue interdum. Amet est placerat in egestas erat imperdiet. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. At risus viverra adipiscing at in tellus integer feugiat.</p>
<p>Purus in mollis nunc sed id semper risus in. Mauris pharetra et ultrices neque ornare aenean euismod elementum. Nec dui nunc mattis enim. Tristique senectus et netus et malesuada fames ac turpis. Urna et pharetra pharetra massa massa ultricies mi quis hendrerit. Accumsan lacus vel facilisis volutpat est velit egestas dui id. Diam maecenas sed enim ut sem viverra. Ac felis donec et odio. Diam maecenas ultricies mi eget mauris pharetra et ultrices neque. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Ut eu sem integer vitae. Gravida arcu ac tortor dignissim convallis aenean et tortor. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Nunc congue nisi vitae suscipit tellus mauris a. Vitae et leo duis ut diam quam.</p>
<p>Et ligula ullamcorper malesuada proin libero. Nibh mauris cursus mattis molestie a. Libero enim sed faucibus turpis. Enim facilisis gravida neque convallis a. Tortor posuere ac ut consequat semper viverra nam libero justo. Sed elementum tempus egestas sed sed. Ante in nibh mauris cursus mattis molestie a iaculis. Placerat in egestas erat imperdiet sed euismod nisi porta lorem. Consequat interdum varius sit amet mattis vulputate. Molestie ac feugiat sed lectus vestibulum. Nunc sed id semper risus in hendrerit. Rhoncus est pellentesque elit ullamcorper dignissim cras. Tempor nec feugiat nisl pretium fusce id velit ut tortor. At elementum eu facilisis sed odio morbi quis. Senectus et netus et malesuada fames. Dui id ornare arcu odio ut sem. Ut pharetra sit amet aliquam. Est placerat in egestas erat imperdiet sed euismod. Enim sed faucibus turpis in eu mi.</p>
<p>Vestibulum lectus mauris ultrices eros in cursus turpis massa tincidunt. Arcu ac tortor dignissim convallis aenean. Facilisis volutpat est velit egestas dui id ornare. Laoreet sit amet cursus sit. Ipsum consequat nisl vel pretium lectus quam. Placerat vestibulum lectus mauris ultrices eros in cursus turpis. Vitae congue mauris rhoncus aenean. Nunc congue nisi vitae suscipit tellus mauris. Et molestie ac feugiat sed lectus vestibulum mattis. Aliquet bibendum enim facilisis gravida neque. Et malesuada fames ac turpis egestas maecenas pharetra. Posuere urna nec tincidunt praesent semper. Sit amet massa vitae tortor condimentum lacinia quis. Eleifend quam adipiscing vitae proin sagittis. Aliquam etiam erat velit scelerisque in dictum non. Diam maecenas ultricies mi eget mauris pharetra et ultrices. Quam lacus suspendisse faucibus interdum posuere lorem.</p>
<p>Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Porttitor leo a diam sollicitudin tempor id eu nisl. Feugiat nisl pretium fusce id velit ut tortor pretium. Felis bibendum ut tristique et egestas quis ipsum suspendisse. Molestie at elementum eu facilisis sed odio morbi quis commodo. Ipsum dolor sit amet consectetur adipiscing. Nulla malesuada pellentesque elit eget gravida cum sociis natoque penatibus. Molestie ac feugiat sed lectus. Id donec ultrices tincidunt arcu non sodales neque sodales. Adipiscing commodo elit at imperdiet dui accumsan sit amet nulla. Lorem donec massa sapien faucibus et molestie ac feugiat sed. Dignissim diam quis enim lobortis scelerisque fermentum dui faucibus. Amet est placerat in egestas erat. Egestas integer eget aliquet nibh praesent tristique magna. Egestas diam in arcu cursus euismod.</p>
</details>
</section>
<!-- Footer -->
<footer class="container">
<small>Jon Seale</small>
</footer>
<!-- ./ Footer -->
</body>
</html>