Style guide
This page demonstrates how various markup on www.smartgames.eu looks.
Fonts & Colours
- h1 heading uses font-family: 'Bowlby One',sans-serif; font-size: 35px; color: #006f84;text-transform:uppercase
- h1 heading for blog uses font-family: 'Montserrat',sans-serif; font-size: 35px; color: #006f84
- Other headings h2, h3, h4, ... use: font-family: 'Montserrat',sans-serif; color: #006f84;
- Body text uses: font-family: 'Montserrat',sans-serif; color: #006f84;line-height:1,5;font-size: 15px;
- Main navigation items: font-family: 'Montserrat',sans-serif; font-size: 15px; color: #000; text-transform: uppercase; a.menu:hover: color: #0099b0;
- Weblinks use color: #0099b0;
Example h2 heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non ornare justo, sit amet scelerisque lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla laoreet quis augue vitae placerat. Mauris mollis nisl ac dui porta bibendum. Donec magna velit, porta et dui vitae, fringilla ultricies mauris. Nulla tempor nulla ultrices laoreet convallis. Sed eu suscipit leo, at pulvinar felis.
Example h3 heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non ornare justo, sit amet scelerisque lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla laoreet quis augue vitae placerat. Mauris mollis nisl ac dui porta bibendum. Donec magna velit, porta et dui vitae, fringilla ultricies mauris. Nulla tempor nulla ultrices laoreet convallis. Sed eu suscipit leo, at pulvinar felis.
Example h4 heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non ornare justo, sit amet scelerisque lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla laoreet quis augue vitae placerat. Mauris mollis nisl ac dui porta bibendum. Donec magna velit, porta et dui vitae, fringilla ultricies mauris. Nulla tempor nulla ultrices laoreet convallis. Sed eu suscipit leo, at pulvinar felis.
Example h5 heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non ornare justo, sit amet scelerisque lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla laoreet quis augue vitae placerat. Mauris mollis nisl ac dui porta bibendum. Donec magna velit, porta et dui vitae, fringilla ultricies mauris. Nulla tempor nulla ultrices laoreet convallis. Sed eu suscipit leo, at pulvinar felis.
Example h6 heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non ornare justo, sit amet scelerisque lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla laoreet quis augue vitae placerat. Mauris mollis nisl ac dui porta bibendum. Donec magna velit, porta et dui vitae, fringilla ultricies mauris. Nulla tempor nulla ultrices laoreet convallis. Sed eu suscipit leo, at pulvinar felis.
List items
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Lorem ipsum dolor
- Vivamus non ornare justo, sit amet scelerisque lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla laoreet quis augue vitae placerat. Mauris mollis nisl ac dui porta bibendum. Donec magna velit, porta et dui vitae, fringilla ultricies mauris. Nulla tempor nulla ultrices laoreet convallis. Sed eu suscipit leo, at pulvinar felis.
- Lorem ipsum dolor
- Vivamus non ornare justo, sit amet scelerisque lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla laoreet quis augue vitae placerat. Mauris mollis nisl ac dui porta bibendum. Donec magna velit, porta et dui vitae, fringilla ultricies mauris. Nulla tempor nulla ultrices laoreet convallis. Sed eu suscipit leo, at pulvinar felis.
- Lorem ipsum dolor
- Vivamus non ornare justo, sit amet scelerisque lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla laoreet quis augue vitae placerat. Mauris mollis nisl ac dui porta bibendum. Donec magna velit, porta et dui vitae, fringilla ultricies mauris. Nulla tempor nulla ultrices laoreet convallis. Sed eu suscipit leo, at pulvinar felis.