-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsolution.html
More file actions
70 lines (65 loc) · 11.9 KB
/
Copy pathsolution.html
File metadata and controls
70 lines (65 loc) · 11.9 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
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
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
<script src="subnav.js"></script>
</head>
<body>
<section class="section slate" id="section1">
<div class="container">
<div class="prose">
<h2>Section 1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim nisi, pellentesque dapibus lectus ac, cursus semper lectus. Donec nec aliquam est, id sodales lacus. Pellentesque et nisi vel erat porttitor malesuada. Praesent mauris nunc, congue eu fermentum ut, vehicula accumsan mauris. In in ultrices erat, ut tempor nibh. Cras interdum malesuada enim. Donec porttitor aliquam mauris, et malesuada augue porta bibendum. Cras facilisis lacinia nibh, eu elementum ligula congue in. Integer eu nibh eget felis convallis ullamcorper. Vivamus eget venenatis orci. Ut gravida ex in enim lobortis, non elementum felis elementum. Curabitur blandit lectus augue, et vestibulum mauris varius sit amet.
<p>Etiam ante risus, commodo nec congue eget, efficitur in sem. Nam dignissim blandit lorem vel gravida. Donec quis ex ante. Aliquam vitae pretium ligula. Sed at sem ex. Cras a ante est. Aliquam ornare odio nisi. Proin id sapien quis felis consequat ornare. Proin varius imperdiet urna, in suscipit metus tempor in. Donec lobortis commodo commodo. Ut ligula tellus, eleifend et erat id, euismod auctor mauris. Curabitur varius consectetur semper.</p>
</div>
</div>
</section>
<section class="section" id="section2">
<div class="container">
<div class="subnav">
<nav>
<a href="#section2-1">Section 2-1</a>
<a href="#section2-2">Section 2-2</a>
<a href="#section2-3">Section 2-3</a>
</nav>
</div>
<section id="section2-1" class="prose subsection">
<h3>Section 2-1</h3>
<p>Donec eu lorem porta diam tincidunt porta. Pellentesque tristique enim sit amet ipsum lobortis vehicula. Integer cursus at massa eu varius. Vestibulum venenatis, enim ut volutpat commodo, urna dolor condimentum justo, in venenatis risus orci eget felis. Curabitur iaculis convallis condimentum. Aenean fermentum, est ut pulvinar elementum, dolor nibh tristique mi, sit amet fringilla ipsum nulla nec ipsum. Morbi vitae magna suscipit, elementum risus sed, porttitor mauris. Nunc scelerisque venenatis eros. In in metus purus. Pellentesque vestibulum nec ante nec lacinia. Suspendisse enim lectus, tempus nec ornare nec, bibendum sed sem.</p>
<p>Aenean mattis convallis mattis. Fusce semper ante libero, ut dapibus dui hendrerit sed. Etiam pretium gravida ex at pretium. Sed finibus urna dui, et aliquet sem aliquam ut. Nulla hendrerit ipsum id justo pharetra interdum. Sed eget faucibus ipsum, non ullamcorper augue. Nulla non est eget augue vulputate tempus. Curabitur at mi nec ante convallis vestibulum.</p>
<p>Nunc malesuada tempus gravida. Nam cursus sollicitudin arcu, non malesuada mauris rutrum et. Nam quis purus tristique, feugiat augue quis, pretium ipsum. Vivamus ac maximus sem, laoreet accumsan mauris. Maecenas volutpat bibendum dapibus. Fusce ipsum mi, faucibus vitae maximus in, lacinia ut lorem. Aenean a tincidunt magna, vitae feugiat ipsum. Ut at gravida dui. Integer felis dui, gravida sit amet porta vel, porttitor sit amet urna. Pellentesque lacinia, turpis a dignissim sagittis, ante velit aliquam dolor, molestie pretium est risus in libero. Curabitur eleifend porta magna. Nullam semper ex bibendum eros mollis viverra. Morbi viverra tincidunt rutrum. Aenean a vulputate magna. Quisque consequat quis lorem a aliquet.</p>
</section>
<section id="section2-2" class="prose subsection">
<h3>Section 2-2</h3>
<p>Aenean mattis convallis mattis. Fusce semper ante libero, ut dapibus dui hendrerit sed. Etiam pretium gravida ex at pretium. Sed finibus urna dui, et aliquet sem aliquam ut. Nulla hendrerit ipsum id justo pharetra interdum. Sed eget faucibus ipsum, non ullamcorper augue. Nulla non est eget augue vulputate tempus. Curabitur at mi nec ante convallis vestibulum.</p>
<p>Nunc malesuada tempus gravida. Nam cursus sollicitudin arcu, non malesuada mauris rutrum et. Nam quis purus tristique, feugiat augue quis, pretium ipsum. Vivamus ac maximus sem, laoreet accumsan mauris. Maecenas volutpat bibendum dapibus. Fusce ipsum mi, faucibus vitae maximus in, lacinia ut lorem. Aenean a tincidunt magna, vitae feugiat ipsum. Ut at gravida dui. Integer felis dui, gravida sit amet porta vel, porttitor sit amet urna. Pellentesque lacinia, turpis a dignissim sagittis, ante velit aliquam dolor, molestie pretium est risus in libero. Curabitur eleifend porta magna. Nullam semper ex bibendum eros mollis viverra. Morbi viverra tincidunt rutrum. Aenean a vulputate magna. Quisque consequat quis lorem a aliquet.</p>
<p>Ut sollicitudin metus luctus justo aliquam mattis bibendum nec enim. Donec non ullamcorper sem, in accumsan leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean porta metus sit amet nunc varius, in vulputate urna imperdiet. Pellentesque consectetur, sem non porttitor fringilla, turpis diam sodales felis, eget vulputate lectus ipsum at felis. Sed sed mollis tortor, a volutpat diam. Pellentesque vel porta ex. Nullam aliquet lacus tellus, nec commodo quam sagittis bibendum. Quisque in quam euismod, ullamcorper magna a, accumsan ante.</p>
<p>Nullam bibendum tellus ut nisl finibus interdum. Donec ligula enim, tempor at fringilla at, placerat et libero. Etiam sit amet faucibus augue. Suspendisse vulputate tincidunt tempus. Integer sit amet turpis vel mauris tincidunt mollis. Aliquam molestie lectus odio, quis mattis erat aliquet quis. Donec et ullamcorper felis. Curabitur quis accumsan dolor. Duis vestibulum neque et venenatis vehicula. Sed interdum, est id dictum blandit, mi massa condimentum urna, id suscipit elit mi vitae velit. Maecenas ut ipsum vitae felis semper tempus. Morbi hendrerit nunc eget commodo congue.</p>
</section>
<section id="section2-3" class="prose subsection">
<h3>Section 2-3</h3>
<p>Vivamus tempor ligula est, sed eleifend lectus lacinia quis. Nulla porta ultricies dolor, sit amet dapibus arcu aliquam eu. Duis dignissim mauris eu augue bibendum placerat. Vivamus consectetur lorem eros, eget mattis nibh egestas consectetur. Pellentesque viverra turpis libero, a efficitur arcu vulputate sit amet. Etiam tincidunt lacus sollicitudin urna fringilla, at scelerisque mi blandit. Etiam rhoncus nisl at lacus pretium, eget viverra ante eleifend. Cras nec odio vestibulum magna fermentum hendrerit ut in tellus. Donec viverra sollicitudin nunc at mollis. Integer porta bibendum sem. Duis blandit euismod sodales. Aenean sit amet hendrerit magna. Morbi tincidunt, arcu nec tempus dignissim, turpis sem ornare felis, vitae tristique tellus dolor vitae elit. Vivamus iaculis vehicula leo efficitur finibus.</p>
<p>Nunc malesuada tempus gravida. Nam cursus sollicitudin arcu, non malesuada mauris rutrum et. Nam quis purus tristique, feugiat augue quis, pretium ipsum. Vivamus ac maximus sem, laoreet accumsan mauris. Maecenas volutpat bibendum dapibus. Fusce ipsum mi, faucibus vitae maximus in, lacinia ut lorem. Aenean a tincidunt magna, vitae feugiat ipsum. Ut at gravida dui. Integer felis dui, gravida sit amet porta vel, porttitor sit amet urna. Pellentesque lacinia, turpis a dignissim sagittis, ante velit aliquam dolor, molestie pretium est risus in libero. Curabitur eleifend porta magna. Nullam semper ex bibendum eros mollis viverra. Morbi viverra tincidunt rutrum. Aenean a vulputate magna. Quisque consequat quis lorem a aliquet.</p>
<p>Nunc malesuada tempus gravida. Nam cursus sollicitudin arcu, non malesuada mauris rutrum et. Nam quis purus tristique, feugiat augue quis, pretium ipsum. Vivamus ac maximus sem, laoreet accumsan mauris. Maecenas volutpat bibendum dapibus. Fusce ipsum mi, faucibus vitae maximus in, lacinia ut lorem. Aenean a tincidunt magna, vitae feugiat ipsum. Ut at gravida dui. Integer felis dui, gravida sit amet porta vel, porttitor sit amet urna. Pellentesque lacinia, turpis a dignissim sagittis, ante velit aliquam dolor, molestie pretium est risus in libero. Curabitur eleifend porta magna. Nullam semper ex bibendum eros mollis viverra. Morbi viverra tincidunt rutrum. Aenean a vulputate magna. Quisque consequat quis lorem a aliquet.</p>
</section>
</div>
</section>
<section class="section slate" id="section3">
<div class="container">
<div class="prose">
<h2>Section 3</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim nisi, pellentesque dapibus lectus ac, cursus semper lectus. Donec nec aliquam est, id sodales lacus. Pellentesque et nisi vel erat porttitor malesuada. Praesent mauris nunc, congue eu fermentum ut, vehicula accumsan mauris. In in ultrices erat, ut tempor nibh. Cras interdum malesuada enim. Donec porttitor aliquam mauris, et malesuada augue porta bibendum. Cras facilisis lacinia nibh, eu elementum ligula congue in. Integer eu nibh eget felis convallis ullamcorper. Vivamus eget venenatis orci. Ut gravida ex in enim lobortis, non elementum felis elementum. Curabitur blandit lectus augue, et vestibulum mauris varius sit amet.
<p>Etiam ante risus, commodo nec congue eget, efficitur in sem. Nam dignissim blandit lorem vel gravida. Donec quis ex ante. Aliquam vitae pretium ligula. Sed at sem ex. Cras a ante est. Aliquam ornare odio nisi. Proin id sapien quis felis consequat ornare. Proin varius imperdiet urna, in suscipit metus tempor in. Donec lobortis commodo commodo. Ut ligula tellus, eleifend et erat id, euismod auctor mauris. Curabitur varius consectetur semper.</p>
<p>Aenean mattis convallis mattis. Fusce semper ante libero, ut dapibus dui hendrerit sed. Etiam pretium gravida ex at pretium. Sed finibus urna dui, et aliquet sem aliquam ut. Nulla hendrerit ipsum id justo pharetra interdum. Sed eget faucibus ipsum, non ullamcorper augue. Nulla non est eget augue vulputate tempus. Curabitur at mi nec ante convallis vestibulum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim nisi, pellentesque dapibus lectus ac, cursus semper lectus. Donec nec aliquam est, id sodales lacus. Pellentesque et nisi vel erat porttitor malesuada. Praesent mauris nunc, congue eu fermentum ut, vehicula accumsan mauris. In in ultrices erat, ut tempor nibh. Cras interdum malesuada enim. Donec porttitor aliquam mauris, et malesuada augue porta bibendum. Cras facilisis lacinia nibh, eu elementum ligula congue in. Integer eu nibh eget felis convallis ullamcorper. Vivamus eget venenatis orci. Ut gravida ex in enim lobortis, non elementum felis elementum. Curabitur blandit lectus augue, et vestibulum mauris varius sit amet.
<p>Nunc malesuada tempus gravida. Nam cursus sollicitudin arcu, non malesuada mauris rutrum et. Nam quis purus tristique, feugiat augue quis, pretium ipsum. Vivamus ac maximus sem, laoreet accumsan mauris. Maecenas volutpat bibendum dapibus. Fusce ipsum mi, faucibus vitae maximus in, lacinia ut lorem. Aenean a tincidunt magna, vitae feugiat ipsum. Ut at gravida dui. Integer felis dui, gravida sit amet porta vel, porttitor sit amet urna. Pellentesque lacinia, turpis a dignissim sagittis, ante velit aliquam dolor, molestie pretium est risus in libero. Curabitur eleifend porta magna. Nullam semper ex bibendum eros mollis viverra. Morbi viverra tincidunt rutrum. Aenean a vulputate magna. Quisque consequat quis lorem a aliquet.</p>
</div>
</div>
</section>
</body>
</html>