{"id":49,"date":"2017-08-02T10:26:21","date_gmt":"2017-08-02T10:26:21","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=49"},"modified":"2021-10-07T12:54:38","modified_gmt":"2021-10-07T12:54:38","slug":"typography","status":"publish","type":"page","link":"https:\/\/numotronic.ma\/en\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"
\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t
\n\t\t
\n\t\t\t

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Praesent fermentum auctor malesuada. Nunc pretium lectus est, vitae sodales nisi dignissim id. Cras molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n

Morbi volutpat pretium tellus. Praesent non lacinia sem. Mauris fringilla rutrum faucibus. Curabitur dignissim turpis at augue posuere cursus. Vivamus pellentesque condimentum eros eget pharetra. Aenean nec tempus turpis, vel vestibulum nisi. Integer finibus convallis tellus, ac pretium nunc.<\/p>\n

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Praesent fermentum auctor malesuada. Nunc pretium lectus est, vitae sodales nisi dignissim id. Cras molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Praesent fermentum auctor malesuada. Nunc pretium lectus est, vitae sodales nisi dignissim id. Cras molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Praesent fermentum auctor malesuada. Nunc pretium lectus est, vitae sodales nisi dignissim id. Cras molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Praesent fermentum auctor malesuada. Nunc pretium lectus est, vitae sodales nisi dignissim id. Cras molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n

H5 Heading (Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent fermentum auctor malesuada)<\/h5>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Praesent fermentum auctor malesuada. Nunc pretium lectus est, vitae sodales nisi dignissim id. Cras molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n

H6 Heading (Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent fermentum auctor. Suspendisse eros ipsum, semper vitae arcu mattis)<\/h6>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Praesent fermentum auctor malesuada. Nunc pretium lectus est, vitae sodales nisi dignissim id. Cras molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/span><\/span><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Standard Inline Elements<\/h2>\n

Bold text<\/strong> dolor sit amet, consectetur accent color<\/span> adipisicing elit, hovered accents<\/span> sed do eiusmod tempor hovered ut labore et dolore magna aliqu quis nostrud exercitation ullamco laboris nisllum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat<\/span> non proident officia sunt in culpa qui deserunt mest laborum.<\/p>\n

Example iste natus error sit voluptatem italic text example doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore vei architecto<\/span> beatae explicabo. Nemo enptatem quia oluptas Tooltip Title aut odit aut fugit, sed quia consequuntur magni dolores eos quiet.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/span><\/span><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Dropcaps<\/h2>\n
<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

L<\/span> orem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat et laoreet odio, sit amet tincidunt sem bibendum. Praesent fermentum auctor a malesuada. Nam amet ante mollis, fringilla enim ac, iaculis purus. Cras vitae molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

<\/span><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

L<\/span> orem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat et laoreet odio, sit amet tincidunt sem bibendum. Praesent fermentum auctor a malesuada. Nam amet ante mollis, fringilla enim ac, iaculis purus. Cras vitae molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/span><\/span><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Blockquote<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Praesent fermentum auctor malesuada. Nunc pretium lectus est, vitae sodales nisi dignissim id. Cras molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n

It has become appallingly obvious that our technology has exceeded our humanity.
\n– Albert Einstein<\/cite><\/p><\/blockquote>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Praesent fermentum auctor malesuada. Nunc pretium lectus est, vitae sodales nisi dignissim id. Cras molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/span><\/span><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Image Alignment<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Praesent fermentum auctor malesuada. Nunc pretium lectus est, vitae sodales nisi dignissim id. Cras molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n

\"\"
Title of Image<\/figcaption><\/figure>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Integer feugiat volutpat eros sit amet aliquam. Praesent fermentum et malesuada. Aliquam sit amet posuere magna.<\/p>\n

Nunc pretium lectus est, vitae sodales nisi dignissim id. Mauris varius maximus elit, non hendrerit sapien dapibus vitae. Cras molestie blandit lobortis.<\/p>\n

Morbi volutpat pretium tellus. Praesent non lacinia sem. Mauris fringilla rutrum faucibus. Curabitur dignissim turpis at augue posuere cursus. Vivamus pellentesque condimentum eros eget pharetra. Aenean nec tempus turpis, vel vestibulum nisi. Integer finibus convallis tellus, ac pretium nunc.<\/p>\n

\"\"<\/a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Integer feugiat volutpat eros sit amet aliquam. Praesent fermentum et malesuada. Aliquam sit amet posuere magna.<\/p>\n

Nunc pretium lectus est, vitae sodales nisi dignissim id. Mauris varius maximus elit, non hendrerit sapien dapibus vitae. Cras molestie blandit lobortis. In hac habitasse platea dictumst.<\/p>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat laoreet odio, sit amet tincidunt sem bibendum et. Praesent fermentum auctor malesuada. Nunc pretium lectus est, vitae sodales nisi dignissim id. Cras molestie blandit lobortis. Mauris varius maximus elit, non hendrerit sapien dapibus vitae.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/span><\/span><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

List Styles<\/h2>\n
<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t
    \n
  • Quisque varius<\/li>\n
  • Nullam efficitur<\/li>\n
  • Etiam eu lectus<\/li>\n
  • Donec rhoncus<\/li>\n
  • Integer blandit<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n
    <\/span><\/div><\/div><\/div><\/div>
    \n\t
    \n\t\t
    \n\t\t\t
      \n
    • Quisque varius<\/li>\n
    • Nullam efficitur<\/li>\n
    • Etiam eu lectus<\/li>\n
    • Donec rhoncus<\/li>\n
    • Integer blandit<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n
      <\/span><\/div><\/div><\/div><\/div>
      \n\t
      \n\t\t
      \n\t\t\t
        \n
      • Quisque varius<\/li>\n
      • Nullam efficitur<\/li>\n
      • Etiam eu lectus<\/li>\n
      • Donec rhoncus<\/li>\n
      • Integer blandit<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n
        <\/span><\/div><\/div><\/div><\/div>
        \n\t
        \n\t\t
        \n\t\t\t
          \n
        • Quisque varius<\/li>\n
        • Nullam efficitur<\/li>\n
        • Etiam eu lectus<\/li>\n
        • Donec rhoncus<\/li>\n
        • Integer blandit<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
          <\/span><\/span><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div>
          \n\t
          \n\t\t
          \n\t\t\t

          Table<\/h2>\n
          <\/div>\n\n\t\t<\/div>\n\t<\/div>\n
          \n\n\n\n\n\n\n
          #<\/th>\nColumn 1<\/th>\nColumn 2<\/th>\nColumn 3<\/th>\nColumn 4<\/th>\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<\/div><\/div><\/div><\/div><\/div><\/div>
          <\/span><\/span><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div>
          \n\t
          \n\t\t
          \n\t\t\t

          Inputs and Buttons<\/h2>\n
          <\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
          \n
          \n

          <\/p>

            <\/ul><\/div>\n
            \n
            \n\n\n\n\n\n\n<\/div>\n
            \n
            \n