{"id":337,"date":"2017-12-27T10:46:31","date_gmt":"2017-12-27T10:46:31","guid":{"rendered":"https:\/\/camping.ryanhilmi.com\/?page_id=337"},"modified":"2025-07-14T05:21:08","modified_gmt":"2025-07-14T05:21:08","slug":"typography","status":"publish","type":"page","link":"https:\/\/camping.ryanhilmi.com\/index.php\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1477659689740{margin-top: -0.3em !important;}&#8221;][vc_column icons_position=&#8221;left&#8221;][vc_column_text]Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula. Animal lucilius prodesset ut eum, mollis quaeque albucius ad ius, omnes prodesset scribentur sea an. Feugiat democritum sit ut, dico civibus liberavisse nec an, impetus facilis adversarium in est.<\/p>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula. Animal lucilius prodesset ut eum, mollis quaeque albucius ad ius, omnes prodesset scribentur sea an. Feugiat democritum sit ut, dico civibus liberavisse nec an, impetus facilis adversarium in est.Lorem ipsum dolor sit amet, in his nonumes tinci.<\/p>\n<h1>H1 Heading (Class aptent taciti sociosqu)<\/h1>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens.<\/p>\n<h2>H2 Heading (Class aptent taciti sociosqu ad litora)<\/h2>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens.<\/p>\n<h3>H3 Heading (Class aptent taciti nostra sociosqu ad litora)<\/h3>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula.<\/p>\n<h4>H4 Heading (Class aptent taciti sociosqu litora torquent per conubia)<\/h4>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula.<\/p>\n<h5>H5 Heading (Class aptent taciti sociosqu ad litora torquent per conubia himenaeos)<\/h5>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula.<\/p>\n<h6>H6 Heading (Class aptent taciti sociosqu ad litora torquent per conubia nostra, inceptos himenaeos)<\/h6>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; border_width=&#8221;2&#8243; accent_color=&#8221;#dbe1dd&#8221;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h3>Standard Inline Elements<\/h3>\n<p><strong>Bold text<\/strong> dolor sit amet, consectetur <span class=\"trx_addons_accent\">link color<\/span> and<span class=\"trx_addons_accent_hovered trx_addons_hovered_text\"> hovered link<\/span> sed do eiusmod tempor hovered ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <span class=\"trx_addons_accent_bg\">accent background<\/span> ullamco laboris nisi ut aliquip ex ea dafault link color consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.<\/p>\n<p><em>Italic text<\/em> example iste natus error sit voluptatem italic text example doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore vei <span class=\"trx_addons_tooltip\" data-tooltip=\"Tooltip title\">tooltip example<\/span> beatae explicabo. Nemo enptatem quia oluptas sit aspernatur. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; border_width=&#8221;2&#8243; accent_color=&#8221;#dbe1dd&#8221;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h3>Dropcaps<\/h3>\n<div class=\"dummy\"><\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row hide_bg_image_on_tablet=&#8221;&#8221; hide_bg_image_on_mobile=&#8221;&#8221; css=&#8221;.vc_custom_1529323177341{margin-top: -2em !important;}&#8221;][vc_column width=&#8221;1\/2&#8243; hide_bg_image_on_tablet=&#8221;&#8221; hide_bg_image_on_mobile=&#8221;&#8221; icons_position=&#8221;left&#8221; css=&#8221;.vc_custom_1529323186539{margin-top: 2em !important;}&#8221;][vc_column_text]<span class=\"trx_addons_dropcap trx_addons_dropcap_style_1\">D<\/span>orem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243; hide_bg_image_on_tablet=&#8221;&#8221; hide_bg_image_on_mobile=&#8221;&#8221; icons_position=&#8221;left&#8221; css=&#8221;.vc_custom_1529323182508{margin-top: 2em !important;}&#8221;][vc_column_text]<span class=\"trx_addons_dropcap trx_addons_dropcap_style_2\">D<\/span>orem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; border_width=&#8221;2&#8243; accent_color=&#8221;#dbe1dd&#8221;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h3>Blockquotes<\/h3>\n<div class=\"dummy\"><\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula.<\/p>\n<blockquote>\n<p>Good level site (gravel) adequately spaced. Although there is a small dog park that is all gravel, most walked dogs &#8230;<\/p>\n<p><cite>Jena Wonders<\/cite><\/p>\n<\/blockquote>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; border_width=&#8221;2&#8243; accent_color=&#8221;#dbe1dd&#8221;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3>Image Alignment<\/h3>\n<div class=\"dummy\"><\/div>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula.<\/p>\n<figure id=\"attachment_272\" aria-describedby=\"caption-attachment-272\" style=\"width: 370px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-272 size-full\" src=\"https:\/\/camping.ryanhilmi.com\/wp-content\/uploads\/2017\/12\/bg-1-copyright.jpg\" alt=\"typ_img_1\" width=\"370\" height=\"235\" \/><figcaption id=\"caption-attachment-272\" class=\"wp-caption-text\">Title of image<\/figcaption><\/figure>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex.<\/p>\n<p>Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula. Animal lucilius prodesset ut eum, mollis quaeque albucius.<\/p>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula.<\/p>\n<p>[vc_single_image image=&#8221;355&#8243; img_size=&#8221;&#8221; onclick=&#8221;link_image&#8221; css=&#8221;&#8221; el_class=&#8221;lightbox&#8221; alignment=&#8221;right&#8221;] Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex.<br \/>\nUtroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula. Animal lucilius prodesset ut eum, mollis quaeque albucius.<\/p>\n<p>Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; border_width=&#8221;2&#8243; accent_color=&#8221;#dbe1dd&#8221;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h3>List styles<\/h3>\n<div class=\"dummy\"><\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row hide_bg_image_on_tablet=&#8221;&#8221; hide_bg_image_on_mobile=&#8221;&#8221; css=&#8221;.vc_custom_1529323255304{margin-top: -1em !important;}&#8221;][vc_column width=&#8221;1\/3&#8243; hide_bg_image_on_tablet=&#8221;&#8221; hide_bg_image_on_mobile=&#8221;&#8221; icons_position=&#8221;left&#8221; css=&#8221;.vc_custom_1529323259486{margin-top: 1em !important;}&#8221;][vc_column_text]<\/p>\n<ul class=\"trx_addons_list_success\">\n<li>Suspendisse dignissim<\/li>\n<li>Nullam efficitur nunc<\/li>\n<li>Etiam eu lectus at<\/li>\n<li>Etiam lobortis metus<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243; hide_bg_image_on_tablet=&#8221;&#8221; hide_bg_image_on_mobile=&#8221;&#8221; icons_position=&#8221;left&#8221; css=&#8221;.vc_custom_1529323262650{margin-top: 1em !important;}&#8221;][vc_column_text]<\/p>\n<ul class=\"trx_addons_list_custom\">\n<li>Suspendisse dignissim<\/li>\n<li>Nullam efficitur nunc<\/li>\n<li>Etiam eu lectus at<\/li>\n<li>Etiam lobortis metus<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243; hide_bg_image_on_tablet=&#8221;&#8221; hide_bg_image_on_mobile=&#8221;&#8221; icons_position=&#8221;left&#8221; css=&#8221;.vc_custom_1529323266101{margin-top: 1em !important;}&#8221;][vc_column_text]<\/p>\n<ol>\n<li>Suspendisse dignissim<\/li>\n<li>Nullam efficitur nunc<\/li>\n<li>Etiam eu lectus at<\/li>\n<li>Etiam lobortis metus<\/li>\n<\/ol>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; border_width=&#8221;2&#8243; accent_color=&#8221;#dbe1dd&#8221;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h3>Table<\/h3>\n<div class=\"dummy\"><\/div>\n<p>[\/vc_column_text]<div id=\"sc_table_786688990_wrap\" class=\"sc_table_wrap\"><div id=\"sc_table_786688990\"\r\n\t\t\tclass=\"sc_table sc_table_default trx_addons_inline_1569438184\"><\/p>\n<table summary=\"Table example\" cellspacing=\"0\">\n<tbody>\n<tr>\n<th>#<\/th>\n<th>Column 1<\/th>\n<th>Column 2<\/th>\n<th>Column 3<\/th>\n<th>Column 4<\/th>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">1<\/td>\n<td style=\"text-align: center;\">Row 1 Cell 1<\/td>\n<td style=\"text-align: center;\">Row 1 Cell 2<\/td>\n<td style=\"text-align: center;\">Row 1 Cell 3<\/td>\n<td style=\"text-align: center;\">Row 1 Cell 4<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">2<\/td>\n<td style=\"text-align: center;\">Row 2 Cell 1<\/td>\n<td style=\"text-align: center;\">Row 2 Cell 2<\/td>\n<td style=\"text-align: center;\">Row 2 Cell 3<\/td>\n<td style=\"text-align: center;\">Row 2 Cell 4<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">3<\/td>\n<td style=\"text-align: center;\">Row 3 Cell 1<\/td>\n<td style=\"text-align: center;\">Row 3 Cell 2<\/td>\n<td style=\"text-align: center;\">Row 3 Cell 3<\/td>\n<td style=\"text-align: center;\">Row 3 Cell 4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/div><\/div><!-- \/.sc_table_wrap -->[\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_separator color=&#8221;custom&#8221; border_width=&#8221;2&#8243; accent_color=&#8221;#dbe1dd&#8221;][\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;][vc_column_text]<\/p>\n<h3>Inputs &amp; Buttons<\/h3>\n<div class=\"dummy\"><\/div>\n<p>[\/vc_column_text]\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1393-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1393\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/337#wpcf7-f1393-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1393\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1393-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"cf_columns contact-form\">\n\t<div class=\"cf_column-1_2\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"cf_column-1_2\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"cf_column-1_1\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"5\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\" name=\"your-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"cf_column-1_1\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column icons_position=&#8221;left&#8221;]<a href=\"#\" id=\"sc_button_879686734\" class=\"sc_button color_style_default sc_button_default  vc_custom_1514375980327 sc_button_size_medium sc_button_icon_left\"><span class=\"sc_button_text\"><span class=\"sc_button_title\">Button 1<\/span><\/span><!-- \/.sc_button_text --><\/a><!-- \/.sc_button -->[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1477659689740{margin-top: -0.3em !important;}&#8221;][vc_column icons_position=&#8221;left&#8221;][vc_column_text]Lorem ipsum dolor sit amet, in his nonumes tincidunt, accusata dignissim eum cu. Nec intellegat neglegentur concludaturque ei, magna veritus convenire vix ei. Cu stet oportere consectetuer eos, propriae eleifend eam cu, ridens dictas vix ex. Utroque voluptua vis id, vix ut eripuit erroribus ullamcorper, cu per dictas pericula. Animal lucilius prodesset ut eum, mollis quaeque&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-337","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/camping.ryanhilmi.com\/index.php\/wp-json\/wp\/v2\/pages\/337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/camping.ryanhilmi.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/camping.ryanhilmi.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/camping.ryanhilmi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/camping.ryanhilmi.com\/index.php\/wp-json\/wp\/v2\/comments?post=337"}],"version-history":[{"count":0,"href":"https:\/\/camping.ryanhilmi.com\/index.php\/wp-json\/wp\/v2\/pages\/337\/revisions"}],"wp:attachment":[{"href":"https:\/\/camping.ryanhilmi.com\/index.php\/wp-json\/wp\/v2\/media?parent=337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}