{"id":67,"date":"2017-03-28T13:43:56","date_gmt":"2017-03-28T13:43:56","guid":{"rendered":"https:\/\/bluethe.de\/?page_id=67"},"modified":"2024-07-24T09:15:43","modified_gmt":"2024-07-24T09:15:43","slug":"typography","status":"publish","type":"page","link":"https:\/\/bluethe.de\/index.php\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"

[vc_row css=“.vc_custom_1495442999333{margin-top: -0.7rem !important;}“][vc_column][vc_column_text]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. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n

Ut tristique lobortis massa, quis vehicula ex tincidunt vel. Nullam eget maximus ante, nec vehicula nulla. Aenean ac feugiat sem, vitae condimentum quam. Pellentesque id tellus neque. Integer et pulvinar orci. Proin libero ligula, hendrerit cursus mollis vitae, iaculis et turpis.<\/p>\n

H1 Heading (Lorem ipsum dolor)<\/h1>\n

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. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n

H2 Heading (Lorem ipsum dolor sit)<\/h2>\n

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. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n

H3 Heading (Lorem ipsum dolor sit amet)<\/h3>\n

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. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n

H4 Heading (Lorem ipsum dolor sit amet, consectetur adipisicing elit)<\/h4>\n

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. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n

H5 Heading (Lorem ipsum dolor sit amet, consectetur adipisicing elit)<\/h5>\n

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. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n

H6 Heading (Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id tellus neque. Integer et pulvinar orci.)<\/h6>\n

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. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

\n

Standard Inline Elements<\/h4>\n

Bold text<\/strong> dolor sit amet, consectetur link\u00a0color<\/span> adipisicing elit, hovered link<\/span>\u00a0sed do eiusmod tempor hovered ut labore et dolore magna aliqu quis nostrud exercitation ullamco laboris nisllum dolore eu fugiat nulla pareur sint occaecat cupidatat non proident sunt in culpa qui<\/span> officia deserunt m est laborum.<\/p>\n

Italic text<\/em> example iste natus error sit voluptatem italic text example doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore vei architecto beatae explicabo. Nemo enptatem quia oluptas sit aspernatur tooltip example<\/span> aut odit aut fugit, sed quia consequuntur magni dolores eos quiet.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

\n

Dropcaps<\/h4>\n
<\/div>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=“1\/2″][vc_column_text]D<\/span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor et metus iaculis neque suscipit tincidunt at sit amet turpis. Nunc eleifend diam vitae ullamcorper auctor. Nunc urna lacus, efficitur vel dui eget. Aliquam et placerat massa sit amet quam maximus bibendum. Nullam vel nulla vitae augue congue.[\/vc_column_text][\/vc_column][vc_column width=“1\/2″][vc_column_text]D<\/span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor et metus iaculis neque suscipit tincidunt at sit amet turpis. Nunc eleifend diam vitae ullamcorper auctor. Nunc urna lacus, efficitur vel dui eget. Aliquam et placerat massa sit amet quam maximus bibendum. Nullam vel nulla vitae augue congue.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

\n

Blockquote<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean in molestie nulla. Proin id faucibus dolor. Ut posuere, est in fringilla ultricies, massa turpis consectetur turpis, ut varius erat elit eget est. Donec nulla turpis, dignissim a faucibus vitae, sollicitudin ut felis.<\/p>\n

\n

I was never really a DJ… I just kinda figured it all out at once as I started to tour. I was making music and producing and I just had to start to DJ as I got more into touring.
\nSkrillex<\/a><\/p>\n<\/blockquote>\n

Nulla diam turpis, luctus non sodales sit amet, pretium quis sapien. Duis sed odio ut mi vehicula sollicitudin eu a metus. Curabitur ac eros viverra, iaculis ante vel, condimentum odio. Praesent finibus molestie fringilla. Vivamus posuere enim pretium euismod iaculis.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=““]<\/p>\n

\n

Image Alignment<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean in molestie nulla. Proin id faucibus dolor. Ut posuere, est in fringilla ultricies, massa turpis consectetur turpis, ut varius erat elit eget est. Donec nulla turpis, dignissim a faucibus vitae, sollicitudin ut felis.<\/p>\n

\"Title
Title of the image<\/figcaption><\/figure>\n

Nulla diam turpis, luctus non sodales sit amet, pretium quis sapien. Maecenas placerat nunc id mi molestie ultrices. Integer gravida quis libero sed. Quisque sit amet purus dolor.<\/p>\n

Praesent finibus molestie fringilla. Vivamus posuere enim pretium euismod iaculis. Morbi vestibulum mollis lectus ut rutrum. Etiam et purus amet massa tincidunt pharetra.<\/p>\n

Morbi vestibulum mollis lectus ut rutrum. Praesent magna urna, gravida eu lectus ut, dapibus dignissim nisi. Vivamus efficitur tincidunt condimentum. Quisque sed imperdiet eros, non pulvinar mauris. Pellentesque nunc ipsum, luctus et vestibulum eu, euismod ut nibh.<\/p>\n

<\/a>Nulla diam turpis, luctus non sodales sit amet, pretium quis sapien. Maecenas placerat nunc id mi molestie ultrices. Integer gravida quis libero sed. Quisque sit amet purus dolor.<\/p>\n

Praesent finibus molestie fringilla. Vivamus posuere enim pretium euismod iaculis. Morbi vestibulum mollis lectus ut rutrum. Etiam et purus amet massa tincidunt pharetra.<\/p>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean in molestie nulla. Proin id faucibus dolor. Ut posuere, est in fringilla ultricies, massa turpis consectetur turpis, ut varius erat elit eget est. Donec nulla turpis, dignissim a faucibus vitae, sollicitudin ut felis.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

\n

Lists<\/h4>\n
<\/div>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=“1\/3″][vc_column_text]<\/p>\n

    \n
  • Lorem ipsum<\/li>\n
  • Dolor sit amet<\/li>\n
  • Consectetur<\/li>\n
  • Adipisicing elit<\/li>\n
  • Sed do eiusmod<\/li>\n<\/ul>\n

    [\/vc_column_text][vc_row_inner][vc_column_inner offset=“vc_hidden-lg vc_hidden-md vc_hidden-sm“][vc_empty_space alter_height=“small“ hide_on_mobile=““][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=“1\/3″][vc_column_text]<\/p>\n

      \n
    • Lorem ipsum<\/li>\n
    • Dolor sit amet<\/li>\n
    • Consectetur<\/li>\n
    • Adipisicing elit<\/li>\n
    • Sed do eiusmod<\/li>\n<\/ul>\n

      [\/vc_column_text][vc_row_inner][vc_column_inner offset=“vc_hidden-lg vc_hidden-md vc_hidden-sm“][vc_empty_space alter_height=“small“ hide_on_mobile=““][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=“1\/3″][vc_column_text]<\/p>\n

        \n
      1. Lorem ipsum<\/li>\n
      2. Dolor sit amet<\/li>\n
      3. Consectetur<\/li>\n
      4. Adipisicing elit<\/li>\n
      5. Sed do eiusmod<\/li>\n<\/ol>\n

        [\/vc_column_text][vc_row_inner][vc_column_inner offset=“vc_hidden-lg vc_hidden-md vc_hidden-sm“][vc_empty_space alter_height=“small“ hide_on_mobile=““][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

        \n

        Table<\/h4>\n
        <\/div>\n

        [\/vc_column_text]

        [vc_column_text]<\/p>\n\n\n\n\n\n\n
        #<\/td>\nColumn 1<\/td>\nColumn 2<\/td>\nColumn 3<\/td>\nColumn 4<\/td>\n<\/tr>\n
        1<\/td>\nRow 1 Cell 1<\/td>\nRow 1 Cell 2<\/td>\nRow 1 Cell 3<\/td>\nRow 1 Cell 4<\/td>\n<\/tr>\n
        2<\/td>\nRow 2 Cell 1<\/td>\nRow 2 Cell 2<\/td>\nRow 2 Cell 3<\/td>\nRow 2 Cell 4<\/td>\n<\/tr>\n
        3<\/td>\nRow 3 Cell 1<\/td>\nRow 3 Cell 2<\/td>\nRow 3 Cell 3<\/td>\nRow 3 Cell 4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

        [\/vc_column_text]<\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

        \n

        inputs & buttons<\/h4>\n
        <\/div>\n

        [\/vc_column_text][vc_row_inner][vc_column_inner]\n

        \n

        <\/p>

          <\/ul><\/div>\n
          \n
          \n<\/fieldset>\n
          <\/span><\/div> \n
          <\/span><\/div>\n