-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemplateArticle.html
83 lines (72 loc) · 5.07 KB
/
templateArticle.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
83
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles/articlestylesheet.css">
<link rel="stylexsheet" href="https://fonts.google.com/specimen/Lora">
</head>
<body>
<object id="global-nav-object" data="articleTemplateObjects/articleGlobalNavObject.html"></object>
<div id="article-body">
<object id="article-nav" data="articleTemplateObjects/articleNavObjectTemplate.html"></object>
<div class="vertical-divider"></div>
<article id="article-contents">
<h1>This is a header1</h1>
<h2>This is a header2</h2>
<h3>This is a header3</h3>
<p id="bookmark1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et netus et. Gravida in
fermentum et sollicitudin ac orci. Sem integer vitae justo eget. Sit amet justo donec enim diam. Vel
risus commodo viverra maecenas accumsan. Integer eget aliquet nibh praesent tristique. Vitae aliquet nec
ullamcorper sit. Suspendisse sed nisi lacus sed. Laoreet sit amet cursus sit amet dictum sit amet justo.
Molestie ac feugiat sed lectus vestibulum mattis. Rhoncus est pellentesque elit ullamcorper dignissim
cras tincidunt lobortis feugiat.
</pi>
<p>
Sem integer vitae justo eget magna fermentum iaculis eu non. Magna etiam tempor orci eu. Commodo
ullamcorper a lacus vestibulum sed. Ut sem nulla pharetra diam. Dictum sit amet justo donec. Et pharetra
pharetra massa massa ultricies mi quis hendrerit. Turpis nunc eget lorem dolor sed viverra ipsum. Mattis
pellentesque id nibh tortor id aliquet lectus proin nibh. Pharetra convallis posuere morbi leo urna
molestie at elementum eu. Egestas dui id ornare arcu. Viverra suspendisse potenti nullam ac tortor vitae
purus faucibus ornare. Dignissim enim sit amet venenatis urna cursus eget. Nisl purus in mollis nunc sed
id semper risus. Nulla pharetra diam sit amet nisl suscipit adipiscing. Quis imperdiet massa tincidunt
nunc pulvinar sapien et ligula. A scelerisque purus semper eget duis at. In nibh mauris cursus mattis
molestie.
</p>
<p>
Tortor at auctor urna nunc id. Dictum sit amet justo donec enim diam vulputate ut. Pellentesque habitant
morbi tristique senectus. Feugiat pretium nibh ipsum consequat. Lobortis feugiat vivamus at augue eget
arcu dictum varius. Rhoncus urna neque viverra justo nec ultrices dui. Morbi non arcu risus quis varius
quam quisque id. Consectetur adipiscing elit duis tristique sollicitudin. Integer enim neque volutpat ac
tincidunt. Magna fringilla urna porttitor rhoncus dolor purus. Ac turpis egestas maecenas pharetra
convallis. Vulputate enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Lorem mollis
aliquam ut porttitor leo a. Eget nunc lobortis mattis aliquam. Pellentesque elit eget gravida cum sociis
natoque penatibus et magnis. Ac ut consequat semper viverra nam.
</p>
<p id="bookmark4">
Nunc congue nisi vitae suscipit tellus. Fringilla urna porttitor rhoncus dolor purus. Justo nec ultrices
dui sapien eget mi proin sed. Massa massa ultricies mi quis hendrerit dolor magna eget est. Vulputate mi
sit amet mauris commodo quis imperdiet. Eu augue ut lectus arcu bibendum at varius vel pharetra. Morbi
tincidunt augue interdum velit euismod in pellentesque massa placerat. Mi in nulla posuere sollicitudin
aliquam. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Massa id neque aliquam
vestibulum morbi blandit cursus. Dictum fusce ut placerat orci nulla pellentesque. Tincidunt lobortis
feugiat vivamus at augue. Cras sed felis eget velit aliquet sagittis id. Nunc id cursus metus aliquam
eleifend mi in nulla posuere. Accumsan sit amet nulla facilisi. Dolor purus non enim praesent elementum.
</p>
</article>
<nav id="article-bookmarks">
<a href="#Abstract" class="article-nav-link article-nav-header">Abstract</a>
<a href="#bookmark1" class="article-nav-link">Bookmark1</a>
<a href="" class="article-nav-link">Bookmark2</a>
<a href="" class="article-nav-link">Bookmark3</a>
<a href="#bookmark4" class="article-nav-link">Bookmark4</a>
<a href="" class="article-nav-link">Bookmark5</a>
<a href="" class="article-nav-link">Bookmark6</a>
</nav>
</div>
</body>
</html>