-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
executable file
·82 lines (66 loc) · 3.19 KB
/
about.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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Barba Test</title>
<meta name="description" content="A Barba test for static page transitions." />
<!-- VIEWPORT FOR MOBILE -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- MAIN CSS FILE -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header class="site-header">
<h1><a href="index.html">Barba</a></h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<main>
<div id="barba-wrapper">
<div class="barba-container">
<h2>About Page</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis varius augue a blandit.
Nullam non
semper tortor. Nunc suscipit erat at urna porta consectetur. Integer vel blandit felis, ut faucibus
libero.
Nam malesuada sapien ut tellus pretium, malesuada cursus purus dictum. Praesent posuere venenatis
ligula,
eu venenatis lacus laoreet ut. Suspendisse congue lectus vitae orci bibendum consectetur. Nullam
auctor
congue hendrerit. Curabitur a ipsum in enim elementum ultrices. Morbi lectus velit, tristique sit
amet
sollicitudin in, elementum vitae mauris. Nulla ac ipsum at elit finibus ultricies. Proin ac ligula
commodo,
blandit augue id, ultricies mi. Pellentesque at posuere nulla. Curabitur blandit, tellus vestibulum
viverra
interdum, mi enim porttitor sem, id congue sem est non justo.</p>
<p>Pellentesque et leo id sem pharetra facilisis nec sed est. Maecenas placerat ultrices ex sit amet
pretium.
Donec aliquam nec diam sit amet posuere. Duis a faucibus nunc. Nullam porttitor posuere lectus, et
aliquam
nisl faucibus id. Nam vitae massa ut sem semper faucibus id maximus nibh. Phasellus molestie
elementum
nulla, id volutpat nisi lobortis at.</p>
<p>Morbi egestas lobortis nisl sed ornare. Suspendisse potenti. Pellentesque pellentesque nulla ut
metus
pellentesque porttitor. Pellentesque ut congue mi, nec tristique erat. Nulla eu erat sem. Proin
consequat
gravida ex, sed auctor ex blandit facilisis. In venenatis lectus urna, id luctus nulla vulputate
eget.
Pellentesque suscipit, ligula ut lobortis venenatis, erat urna tempus ex, varius sodales dui nunc
eget
erat.</p>
<a href="index.html">Go to Home Page</a>
</div>
</div>
</main>
<!-- BARBA JS -->
<script src="js/barba.min.js"></script>
<!-- MAIN JS -->
<script src="js/script.js"></script>
</body>
</html>