{"id":162,"date":"2018-01-31T14:16:47","date_gmt":"2018-01-31T14:16:47","guid":{"rendered":"https:\/\/wpdemo.hotjoomlatemplates.com\/golf\/?page_id=162"},"modified":"2018-01-31T14:19:13","modified_gmt":"2018-01-31T14:19:13","slug":"typography","status":"publish","type":"page","link":"https:\/\/wpdemo.hotjoomlatemplates.com\/golf\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"

Unordered and ordered lists:<\/h3>\n
\n
\n
    \n
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit<\/li>\n
  • Nam liber tempor cum soluta nobis eleifend option congue\n
      \n
    • Nam liber tempor cum soluta<\/li>\n
    • Duis autem vel eum iriure<\/li>\n
    • Lorem ipsum dolor sit amet<\/li>\n<\/ul>\n<\/li>\n
    • Ut wisi enim ad minim veniam, quis nostrud exerci<\/li>\n<\/ul>\n<\/div>\n
      \n
        \n
      1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit<\/li>\n
      2. Nam liber tempor cum soluta nobis eleifend option congue\n
          \n
        1. Nam liber tempor cum soluta<\/li>\n
        2. Duis autem vel eum iriure<\/li>\n
        3. Lorem ipsum dolor sit amet<\/li>\n<\/ol>\n<\/li>\n
        4. Ut wisi enim ad minim veniam, quis nostrud exerci<\/li>\n<\/ol>\n<\/div>\n<\/div>\n

          Lists with icons:<\/h3>\n
          \n
          \n
            \n
          • to achieve this effect<\/li>\n
          • add class “arrow” to UL<\/li>\n
          • like <ul class=”arrow”><\/li>\n<\/ul>\n<\/div>\n
            \n
              \n
            • to achieve this effect<\/li>\n
            • add class “calendar” to UL<\/li>\n
            • like <ul class=”calendar”><\/li>\n<\/ul>\n<\/div>\n
              \n
                \n
              • to achieve this effect<\/li>\n
              • add class “checklist” to UL<\/li>\n
              • like <ul class=”checklist”><\/li>\n<\/ul>\n<\/div>\n
                \n
                  \n
                • to achieve this effect<\/li>\n
                • add class “delete” to UL<\/li>\n
                • like <ul class=”delete”><\/li>\n<\/ul>\n<\/div>\n<\/div>\n
                  \n
                  \n
                    \n
                  • to achieve this effect<\/li>\n
                  • add class “email” to UL<\/li>\n
                  • like <ul class=”email”><\/li>\n<\/ul>\n<\/div>\n
                    \n
                      \n
                    • to achieve this effect<\/li>\n
                    • add class “file” to UL<\/li>\n
                    • like <ul class=”file”><\/li>\n<\/ul>\n<\/div>\n
                      \n
                        \n
                      • to achieve this effect<\/li>\n
                      • add class “folder” to UL<\/li>\n
                      • like <ul class=”folder”><\/li>\n<\/ul>\n<\/div>\n
                        \n
                          \n
                        • to achieve this effect<\/li>\n
                        • add class “heart” to UL<\/li>\n
                        • like <ul class=”heart”><\/li>\n<\/ul>\n<\/div>\n<\/div>\n
                          \n
                          \n
                            \n
                          • to achieve this effect<\/li>\n
                          • add class “info” to UL<\/li>\n
                          • like <ul class=”info”><\/li>\n<\/ul>\n<\/div>\n
                            \n
                              \n
                            • to achieve this effect<\/li>\n
                            • add class “lock” to UL<\/li>\n
                            • like <ul class=”lock”><\/li>\n<\/ul>\n<\/div>\n
                              \n
                                \n
                              • to achieve this effect<\/li>\n
                              • add class “pencil” to UL<\/li>\n
                              • like <ul class=”pencil”><\/li>\n<\/ul>\n<\/div>\n
                                \n
                                  \n
                                • to achieve this effect<\/li>\n
                                • add class “person” to UL<\/li>\n
                                • like <ul class=”person”><\/li>\n<\/ul>\n<\/div>\n<\/div>\n
                                  \n
                                  \n
                                    \n
                                  • to achieve this effect<\/li>\n
                                  • add class “rss” to UL<\/li>\n
                                  • like <ul class=”rss”><\/li>\n<\/ul>\n<\/div>\n
                                    \n
                                      \n
                                    • to achieve this effect<\/li>\n
                                    • add class “shop” to UL<\/li>\n
                                    • like <ul class=”shop”><\/li>\n<\/ul>\n<\/div>\n
                                      \n
                                        \n
                                      • to achieve this effect<\/li>\n
                                      • add class “song” to UL<\/li>\n
                                      • like <ul class=”song”><\/li>\n<\/ul>\n<\/div>\n
                                        \n
                                          \n
                                        • to achieve this effect<\/li>\n
                                        • add class “star” to UL<\/li>\n
                                        • like <ul class=”star”><\/li>\n<\/ul>\n<\/div>\n<\/div>\n
                                          \n
                                          \n
                                            \n
                                          • to achieve this effect<\/li>\n
                                          • add class “star” to UL<\/li>\n
                                          • like <ul class=”star”><\/li>\n<\/ul>\n<\/div>\n
                                            \n
                                              \n
                                            • to achieve this effect<\/li>\n
                                            • add class “star2” to UL<\/li>\n
                                            • like <ul class=”star2″><\/li>\n<\/ul>\n<\/div>\n
                                              \n
                                                \n
                                              • to achieve this effect<\/li>\n
                                              • add class “trash” to UL<\/li>\n
                                              • like <ul class=”trash”><\/li>\n<\/ul>\n<\/div>\n
                                                \n
                                                  \n
                                                • to achieve this effect<\/li>\n
                                                • add class “tweak” to UL<\/li>\n
                                                • like <ul class=”tweak”><\/li>\n<\/ul>\n<\/div>\n<\/div>\n
                                                  \n
                                                  \n
                                                    \n
                                                  • to achieve this effect<\/li>\n
                                                  • add class “unlock” to UL<\/li>\n
                                                  • like <ul class=”unlock”><\/li>\n<\/ul>\n<\/div>\n
                                                    \n
                                                      \n
                                                    • to achieve this effect<\/li>\n
                                                    • add class “warn” to UL<\/li>\n
                                                    • like <ul class=”warn”><\/li>\n<\/ul>\n<\/div>\n
                                                      <\/div>\n
                                                      <\/div>\n<\/div>\n

                                                      \n

                                                      Text blocks:<\/h3>\n

                                                      This is warning<\/strong> text block style applied to a paragraph of text. To use it, apply class of txtblock-warning<\/strong> to your paragraph of text, in example: <p class=”txtblock-warning”>…some text goes here…<\/p><\/strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<\/p>\n

                                                      This is info<\/strong> text block style applied to a paragraph of text. To use it, apply class of txtblock-info<\/strong> to your paragraph of text, in example: <p class=”txtblock-info”>…some text goes here…<\/p><\/strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<\/p>\n

                                                      This is error<\/strong> text block style applied to a paragraph of text. To use it, apply class of txtblock-error<\/strong> to your paragraph of text, in example: <p class=”txtblock-error”>…some text goes here…<\/p><\/strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<\/p>\n

                                                      \n

                                                      Quotes:<\/h3>\n

                                                      This is quotes<\/strong> text block style applied to a paragraph of text. To use it, apply class of txtblock-quote<\/strong> to your paragraph of text, in example: <p class=”txtblock-quote”>…some text goes here…<\/p><\/strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<\/p>\n

                                                      \n

                                                      Drop caps:<\/h3>\n

                                                      This is a dropcap style applied to a paragraph of text. To use it, apply class of dropcap to your paragraph of text, in example: <p class=”dropcap”>…some text goes here…<\/p><\/strong>. To edit this style, find class .dropcap in CSS stylesheet file style.css. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<\/p>\n

                                                      \n
                                                      \n

                                                      1<\/span>To make such paragraph of text, you should enter a number before the rest of the text in the paragraph, and wrap it in span with a class of sparky-drop-default<\/strong>, like this: <p><span class=”sparky-drop-default”>1<\/span>…your text here…<\/p><\/strong><\/p>\n

                                                      2<\/span>To make such paragraph of text, you should enter a number before the rest of the text in the paragraph, and wrap it in span with a class of sparky-drop-circle<\/strong>, like this: <p><span class=”sparky-drop-circle”>2<\/span>…your text here…<\/p><\/strong><\/p>\n<\/div>\n

                                                      \n

                                                      A<\/span>To make such paragraph of text, you should enter a number before the rest of the text in the paragraph, and wrap it in span with a class of sparky-drop-square<\/strong>, like this: <p><span class=”sparky-drop-square”>A<\/span>…your text here…<\/p><\/strong><\/p>\n

                                                      B<\/span>To make such paragraph of text, you should enter a number before the rest of the text in the paragraph, and wrap it in span with a class of sparky-drop-round<\/strong>, like this: <p><span class=”sparky-drop-round”>B<\/span>…your text here…<\/p><\/strong><\/p>\n<\/div>\n<\/div>\n

                                                      \n

                                                      Inset Styles:<\/h3>\n

                                                      Block Title<\/span>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi.<\/span>To make such block of text, wrap it into a span with a class of inset-left<\/strong>. Optionally, inside this span you can add another span with class of inset_title<\/strong> for title. Here’s an example: <span class=”inset_left”><span class=”inset_title”>Title<\/span>…your text goes here…<\/span><\/strong>. In a similar way, you can align the block of text to the right. Use class inset_right<\/strong>, instead of inset_left. Block Title<\/span>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi.<\/span> If you need to change width or something else in those blocks, you can edit classes .inset_left and .inset_right in CSS stylesheet style.css.<\/p>\n

                                                      Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi.<\/p>\n

                                                      \n

                                                      Highlighted text:<\/h3>\n

                                                      You can highlight parts of your text inside paragraphs. Wrap it in span and use class sparky-highlight sparky-highlight-yellow<\/span> for yellow marker, or class sparky-highlight sparky-highlight-green<\/span> for green marker, or class sparky-highlight sparky-highlight-blue<\/span> for blue marker, or class sparky-highlight sparky-highlight-purple<\/span> for purple marker, or class sparky-highlight sparky-highlight-pink<\/span> for pink marker, or class sparky-highlight sparky-highlight-orange<\/span> for orange marker. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.<\/p>\n","protected":false},"excerpt":{"rendered":"

                                                      Unordered and ordered lists: Lorem ipsum dolor sit amet, consectetuer adipiscing elit Nam liber tempor cum soluta nobis eleifend option congue Nam liber tempor cum soluta Duis autem vel eum iriure Lorem ipsum dolor sit amet Ut wisi enim ad minim veniam, quis nostrud exerci Lorem ipsum dolor sit amet, consectetuer adipiscing elit Nam liber […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/golf\/wp-json\/wp\/v2\/pages\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/golf\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/golf\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/golf\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/golf\/wp-json\/wp\/v2\/comments?post=162"}],"version-history":[{"count":3,"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/golf\/wp-json\/wp\/v2\/pages\/162\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/golf\/wp-json\/wp\/v2\/pages\/162\/revisions\/166"}],"wp:attachment":[{"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/golf\/wp-json\/wp\/v2\/media?parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}