CODE 011 } the glossary

[isleofapples]

The Glossary

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

a | b | c | d | e | f | g | h | i | j | k | l | m | n
o | p | q | r | s | t | u | v | w | x | y | z | #

a

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

b

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

c

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

d

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

e

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

f

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

g

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

h

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

i

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

j

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

k

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

l

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

m

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

n

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

o

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

p

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

q

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

r

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

s

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

t

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

u

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

v

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

w

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

x

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

y

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

z

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

#

term

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

back to top ⤴

code

Information

So this is a riff on an older code of mine (they're all old now, I know, shh) 005 – waterfalls. I made it because I wanted to explain myself and Tolkien, to be frank, in an easy-to-reference way. It could be used for anything that needs a sorted list with a little effort.

⤷ One - The code is designed to be mostly fluid, so set your prefered width at the top div (default: 700px) and everything else will scale accordingly. This includes the header image.

⤷ Two - Every entry has the option for a name <a name="term"></a> which will then let you link to it by putting #term in the normal spot where you put the url in the link code when linking it elsewhere on the post. To link to the jump on another page put the whole posts url in the link followed by the #term. Each anchor name must be unique or it won't work.

⤷ Three - To add extra terms to any given category just add this part of the code where you want it to go:
<div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>

⤷ Four - Colours used are #000 (general text), #1d3b47 (headers), #478ba6 (terms), #036085 (links) and #919191 (back to top link and credit).

<raw-code><div style="width: 700px; margin: 0 auto;font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 14px;line-height: 20px; color: #000;"> <img src="IMGURL" style="width: 100%;"> <div style="width: 90%; margin: 10px auto; background: #; padding: 10px;"> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">The Glossary</span> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <a name="top"></a> <p style="text-align: center; text-transform: uppercase;"> <a href="#a" title="" target="" style="text-decoration: none;"><span style="color: #036085;">a</span></a> | <a href="#b" title="" target="" style="text-decoration: none;"><span style="color: #036085;">b</span></a> | <a href="#c" title="" target="" style="text-decoration: none;"><span style="color: #036085;">c</span></a> | <a href="#d" title="" target="" style="text-decoration: none;"><span style="color: #036085;">d</span></a> | <a href="#e" title="" target="" style="text-decoration: none;"><span style="color: #036085;">e</span></a> | <a href="#f" title="" target="" style="text-decoration: none;"><span style="color: #036085;">f</span></a> | <a href="#g" title="" target="" style="text-decoration: none;"><span style="color: #036085;">g</span></a> | <a href="#h" title="" target="" style="text-decoration: none;"><span style="color: #036085;">h</span></a> | <a href="#i" title="" target="" style="text-decoration: none;"><span style="color: #036085;">i</span></a> | <a href="#j" title="" target="" style="text-decoration: none;"><span style="color: #036085;">j</span></a> | <a href="#k" title="" target="" style="text-decoration: none;"><span style="color: #036085;">k</span></a> | <a href="#l" title="" target="" style="text-decoration: none;"><span style="color: #036085;">l</span></a> | <a href="#m" title="" target="" style="text-decoration: none;"><span style="color: #036085;">m</span></a> | <a href="#n" title="" target="" style="text-decoration: none;"><span style="color: #036085;">n</span></a> <br><a href="#o" title="" target="" style="text-decoration: none;"><span style="color: #036085;">o</span></a> | <a href="#p" title="" target="" style="text-decoration: none;"><span style="color: #036085;">p</span></a> | <a href="#q" title="" target="" style="text-decoration: none;"><span style="color: #036085;">q</span></a> | <a href="#r" title="" target="" style="text-decoration: none;"><span style="color: #036085;">r</span></a> | <a href="#s" title="" target="" style="text-decoration: none;"><span style="color: #036085;">s</span></a> | <a href="#t" title="" target="" style="text-decoration: none;"><span style="color: #036085;">t</span></a> | <a href="#u" title="" target="" style="text-decoration: none;"><span style="color: #036085;">u</span></a> | <a href="#a" title="" target="" style="text-decoration: none;"><span style="color: #036085;">v</span></a> | <a href="#w" title="" target="" style="text-decoration: none;"><span style="color: #036085;">w</span></a> | <a href="#x" title="" target="" style="text-decoration: none;"><span style="color: #036085;">x</span></a> | <a href="#y" title="" target="" style="text-decoration: none;"><span style="color: #036085;">y</span></a> | <a href="#z" title="" target="" style="text-decoration: none;"><span style="color: #036085;">z</span></a> | <a href="#num" title="" target="" style="text-decoration: none;"><span style="color: #036085;">#</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">a</span> <a name="a"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">b</span> <a name="b"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">c</span> <a name="c"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">d</span> <a name="d"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">e</span> <a name="e"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">f</span> <a name="f"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">g</span> <a name="g"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">h</span> <a name="h"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">i</span> <a name="i"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">j</span> <a name="j"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">k</span> <a name="k"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">l</span> <a name="l"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">m</span> <a name="m"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">n</span> <a name="n"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">o</span> <a name="o"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">p</span> <a name="p"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">q</span> <a name="q"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">r</span> <a name="r"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">s</span> <a name="s"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">t</span> <a name="t"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">u</span> <a name="u"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">v</span> <a name="v"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">w</span> <a name="w"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">x</span> <a name="x"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">y</span> <a name="y"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">z</span> <a name="z"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> <span style="font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;font-size: 30px;text-transform: uppercase;line-height: 20px;letter-spacing: 5px; color: #1d3b47;">#</span> <a name="num"></a> <div style="width: 90%; margin: 10px auto; background: #; font-size: 15px; text-align: justify;"> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div> <p style="text-align: right; text-transform: uppercase; font-size: 0.7em;"><a href="#top" title="" target="" style="text-decoration: none;"><span style="color: #919191;">back to top ⤴</span></a></p> </div> </div> <div style="text-align: center; padding: 10px;"><a href="https://thebloodwoods.dreamwidth.org/" target="_blank" style="text-decoration: none;"><span style="font-size:12px; letter-spacing: 2px; color: #919191;">code</span></a></div> </div> </raw-code>