Typography and layout

kolur 1.2: A flexible, responsive, starter template

Typography and layout

Headings and body copy styled with Google Fonts

Lorem ipsum dolor sit amet, at eos assum mandamus quaerendum, quot assentior cu eam, no vim oratio audiam scaevola. Ea ius iracundia hendrerit, stet iusto ad quo. Nec dolore causae alterum in, munere latine commodo cu quo, stet nominati eleifend in mei. Eum illud audiam appellantur ex, elit volutpat ad est. Fastidii repudiare in est, diam honestatis dissentiet mea cu. His ea cetero evertitur.

Prodesset appellantur mel ne, eam at expetenda efficiendi. Cu aeque cotidieque pri, duo an dico eros wisi, eu sea esse facilisi mediocrem. Te tollit offendit quo. Id vim delenit mentitum, ad mel elit percipit. Sea denique vulputate et, ad quo choro recteque.


Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

A bold paragraph enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

  1. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
  2. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Heading 2

Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

A simple rule


Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Video

A Video (Yotube).

List with automatic linked 'doc icons' and bespoke bullets

  • Ut enim ad minim veniam, quis nostrud exercitation ullamco.
  • Link to MSword using old .doc document extension.
    • Nested bullet point. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
    • Nested bullet point. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
      • Nested bullet point. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
  • Link to MSword using the newer .docx document extension.
  • Link to PDF PDF document.
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

- Citation

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Prodesset appellantur mel ne, eam at expetenda efficiendi. Cu aeque cotidieque pri, duo an dico eros wisi, eu sea esse facilisi mediocrem. Te tollit offendit quo. Id vim delenit mentitum, ad mel elit percipit. Sea denique vulputate et, ad quo choro recteque. Prodesset appellantur mel ne, eam at expetenda efficiendi. Cu aeque cotidieque pri, duo an dico eros wisi, eu sea esse facilisi mediocrem. Te tollit offendit quo. Id vim delenit mentitum, ad mel elit percipit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Simple Table, no headers

Alfreds Futterkiste Maria Anders Germany
Centro comercial Moctezuma Francisco Chang Mexico
Ernst Handel Roland Mendel Austria
Island Trading Helen Bennett UK
Laughing Bacchus Winecellars Yoshi Tannamuri Canada
Magazzini Alimentari Riuniti Giovanni Rovelli Italy

Header on first row

Company Contact Country
Alfreds Futterkiste Maria Anders Germany
Centro comercial Moctezuma Francisco Chang Mexico
Ernst Handel Roland Mendel Austria
Island Trading Helen Bennett UK
Laughing Bacchus Winecellars Yoshi Tannamuri Canada
Magazzini Alimentari Riuniti Giovanni Rovelli Italy

Header on first column only

Date 12 February 24 March 14 April
Event Waltz with Strauss The Obelisks The What
Venue Main Hall West Wing Main Hall

Header on first row and first column

Table Caption i.e. Delivery slots:
Monday Tuesday Wednesday Thursday Friday
9-11 Closed Open Open Closed Closed
11-6 Open Open Closed Closed Closed

Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco ullamco.