Header
bold italic underline Link
A simple scrollling layout! When the text overflows this area a scrollbar will appear. I wanted to make a layout that didn't require an extensive use of images. Sometimes, your lore is pretty neat and concise, and this layout is meant to complement that. As usual, I have a mobile-compatible article function which will automatically divide your body-text into columns.
All the information can be hosted on one file! But the style sheet is still located in a separate file, to keep things neat and tidy. This is the non-gradient version. It uses the familiar hex code that is normally seen in layouts.
Header image: Credit
It also comes with this really neat blockquote!
This is what text looks like when it's not in enclosed in article tags!
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. Nunc sed velit dignissim sodales ut. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Hendrerit dolor magna eget est lorem. Erat imperdiet sed euismod nisi porta lorem mollis. Tellus rutrum tellus pellentesque eu tincidunt tortor. Cras ornare arcu dui vivamus arcu. Turpis egestas sed tempus urna et pharetra. Proin sagittis nisl rhoncus mattis. In ante metus dictum at tempor. Nulla pellentesque dignissim enim sit amet venenatis. Sit amet purus gravida quis blandit turpis cursus in hac. Dolor sit amet consectetur adipiscing elit ut. Diam donec adipiscing tristique risus nec feugiat. Senectus et netus et malesuada fames. Sed sed risus pretium quam. Feugiat pretium nibh ipsum consequat nisl vel. Nisl nisi scelerisque eu ultrices. Nulla aliquet porttitor lacus luctus.
Ut etiam sit amet nisl purus in mollis. Amet commodo nulla facilisi nullam. In aliquam sem fringilla ut morbi tincidunt augue interdum velit. Sit amet porttitor eget dolor morbi non arcu risus. Nullam ac tortor vitae purus faucibus ornare suspendisse. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum. Dolor purus non enim praesent elementum facilisis. Blandit volutpat maecenas volutpat blandit aliquam. Vitae et leo duis ut diam quam nulla porttitor massa. Duis convallis convallis tellus id interdum. Morbi enim nunc faucibus a. Ac turpis egestas sed tempus. Sit amet venenatis urna cursus eget nunc scelerisque viverra mauris. Lacinia quis vel eros donec ac. Elementum tempus egestas sed sed risus pretium quam vulputate. Ut lectus arcu bibendum at varius. Sed risus pretium quam vulputate dignissim suspendisse in.
Header
bold italic underline Link
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. Nunc sed velit dignissim sodales ut. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Hendrerit dolor magna eget est lorem. Erat imperdiet sed euismod nisi porta lorem mollis. Tellus rutrum tellus pellentesque eu tincidunt tortor. Cras ornare arcu dui vivamus arcu. Turpis egestas sed tempus urna et pharetra. Proin sagittis nisl rhoncus mattis. In ante metus dictum at tempor. Nulla pellentesque dignissim enim sit amet venenatis. Sit amet purus gravida quis blandit turpis cursus in hac. Dolor sit amet consectetur adipiscing elit ut. Diam donec adipiscing tristique risus nec feugiat. Senectus et netus et malesuada fames. Sed sed risus pretium quam. Feugiat pretium nibh ipsum consequat nisl vel. Nisl nisi scelerisque eu ultrices. Nulla aliquet porttitor lacus luctus.
Ut etiam sit amet nisl purus in mollis. Amet commodo nulla facilisi nullam. In aliquam sem fringilla ut morbi tincidunt augue interdum velit. Sit amet porttitor eget dolor morbi non arcu risus. Nullam ac tortor vitae purus faucibus ornare suspendisse. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum. Dolor purus non enim praesent elementum facilisis. Blandit volutpat maecenas volutpat blandit aliquam. Vitae et leo duis ut diam quam nulla porttitor massa. Duis convallis convallis tellus id interdum. Morbi enim nunc faucibus a. Ac turpis egestas sed tempus. Sit amet venenatis urna cursus eget nunc scelerisque viverra mauris. Lacinia quis vel eros donec ac. Elementum tempus egestas sed sed risus pretium quam vulputate. Ut lectus arcu bibendum at varius. Sed risus pretium quam vulputate dignissim suspendisse in.
bold italic underline Link
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. Nunc sed velit dignissim sodales ut. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Hendrerit dolor magna eget est lorem. Erat imperdiet sed euismod nisi porta lorem mollis. Tellus rutrum tellus pellentesque eu tincidunt tortor. Cras ornare arcu dui vivamus arcu. Turpis egestas sed tempus urna et pharetra. Proin sagittis nisl rhoncus mattis. In ante metus dictum at tempor. Nulla pellentesque dignissim enim sit amet venenatis. Sit amet purus gravida quis blandit turpis cursus in hac. Dolor sit amet consectetur adipiscing elit ut. Diam donec adipiscing tristique risus nec feugiat. Senectus et netus et malesuada fames. Sed sed risus pretium quam. Feugiat pretium nibh ipsum consequat nisl vel. Nisl nisi scelerisque eu ultrices. Nulla aliquet porttitor lacus luctus.
Ut etiam sit amet nisl purus in mollis. Amet commodo nulla facilisi nullam. In aliquam sem fringilla ut morbi tincidunt augue interdum velit. Sit amet porttitor eget dolor morbi non arcu risus. Nullam ac tortor vitae purus faucibus ornare suspendisse. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum. Dolor purus non enim praesent elementum facilisis. Blandit volutpat maecenas volutpat blandit aliquam. Vitae et leo duis ut diam quam nulla porttitor massa. Duis convallis convallis tellus id interdum. Morbi enim nunc faucibus a. Ac turpis egestas sed tempus. Sit amet venenatis urna cursus eget nunc scelerisque viverra mauris. Lacinia quis vel eros donec ac. Elementum tempus egestas sed sed risus pretium quam vulputate. Ut lectus arcu bibendum at varius. Sed risus pretium quam vulputate dignissim suspendisse in.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. Nunc sed velit dignissim sodales ut. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Hendrerit dolor magna eget est lorem. Erat imperdiet sed euismod nisi porta lorem mollis. Tellus rutrum tellus pellentesque eu tincidunt tortor. Cras ornare arcu dui vivamus arcu. Turpis egestas sed tempus urna et pharetra. Proin sagittis nisl rhoncus mattis. In ante metus dictum at tempor. Nulla pellentesque dignissim enim sit amet venenatis. Sit amet purus gravida quis blandit turpis cursus in hac. Dolor sit amet consectetur adipiscing elit ut. Diam donec adipiscing tristique risus nec feugiat. Senectus et netus et malesuada fames. Sed sed risus pretium quam. Feugiat pretium nibh ipsum consequat nisl vel. Nisl nisi scelerisque eu ultrices. Nulla aliquet porttitor lacus luctus.
Ut etiam sit amet nisl purus in mollis. Amet commodo nulla facilisi nullam. In aliquam sem fringilla ut morbi tincidunt augue interdum velit. Sit amet porttitor eget dolor morbi non arcu risus. Nullam ac tortor vitae purus faucibus ornare suspendisse. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum. Dolor purus non enim praesent elementum facilisis. Blandit volutpat maecenas volutpat blandit aliquam. Vitae et leo duis ut diam quam nulla porttitor massa. Duis convallis convallis tellus id interdum. Morbi enim nunc faucibus a. Ac turpis egestas sed tempus. Sit amet venenatis urna cursus eget nunc scelerisque viverra mauris. Lacinia quis vel eros donec ac. Elementum tempus egestas sed sed risus pretium quam vulputate. Ut lectus arcu bibendum at varius. Sed risus pretium quam vulputate dignissim suspendisse in.