{"id":142,"date":"2024-04-25T08:44:53","date_gmt":"2024-04-25T08:44:53","guid":{"rendered":"https:\/\/shthemes.net\/demosd\/gray\/?page_id=142"},"modified":"2024-04-25T09:48:13","modified_gmt":"2024-04-25T09:48:13","slug":"elements","status":"publish","type":"page","link":"https:\/\/shthemes.net\/demosd\/gray\/?page_id=142","title":{"rendered":"Elements"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"142\" class=\"elementor elementor-142\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-455568a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"455568a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2cbe5c5\" data-id=\"2cbe5c5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-993d709 elementor-align-left elementor-widget elementor-widget-bdevs-avatar-elements\" data-id=\"993d709\" data-element_type=\"widget\" data-widget_type=\"bdevs-avatar-elements.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"section-box\">\r\n\t<h3 class=\"mb-4\">Avatar:<\/h3>\r\n\t<div class=\"row g-3\">\r\n\t\t\t\t\t<div class=\"col-12 col-lg-4\">\r\n\t\t\t\t<p>Avatar Large (110x110 px)<\/p>\r\n\t\t\t\t<img decoding=\"async\" class=\"img-mask-avatar-lg\" src=\"https:\/\/shthemes.net\/demosd\/gray\/wp-content\/uploads\/2024\/04\/testimonial-1@2x.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"col-12 col-lg-4\">\r\n\t\t\t\t<p>Avatar Medium (90x90 px)<\/p>\r\n\t\t\t\t<img decoding=\"async\" class=\"img-mask-avatar-md\" src=\"https:\/\/shthemes.net\/demosd\/gray\/wp-content\/uploads\/2024\/04\/testimonial-1@2x.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"col-12 col-lg-4\">\r\n\t\t\t\t<p>Avatar Small (70x70 px)<\/p>\r\n\t\t\t\t<img decoding=\"async\" class=\"img-mask-avatar-sm\" src=\"https:\/\/shthemes.net\/demosd\/gray\/wp-content\/uploads\/2024\/04\/testimonial-1@2x.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t<div class=\"col-12\">\r\n<pre>\r\n<code class=\"language-html\">\r\n&lt;img class=\"img-mask-avatar-lg\" src=\"img-src.jpg\" alt=\"\"&gt;\n&lt;img class=\"img-mask-avatar-md\" src=\"img-src.jpg\" alt=\"\"&gt;\n&lt;img class=\"img-mask-avatar-sm\" src=\"img-src.jpg\" alt=\"\"&gt;\n<\/code>\r\n<\/pre>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e1f5bba elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e1f5bba\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5bbd809\" data-id=\"5bbd809\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-923d1c2 elementor-align-left elementor-widget elementor-widget-bdevs-buttons-elements\" data-id=\"923d1c2\" data-element_type=\"widget\" data-widget_type=\"bdevs-buttons-elements.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"section-box mt-4\">\r\n\t<h3 class=\"mb-4\">Buttons:<\/h3>\r\n\t<ul class=\"list-inline-sm\">\r\n\t\t\t\t\t<li>\r\n\t\t\t\t<a class=\"button button-lg\" href=\"#\">Button LG<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t<li>\r\n\t\t\t\t<a class=\"button\" href=\"#\">Button MD<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t\t\t<li>\r\n\t\t\t\t<a class=\"button button-sm\" href=\"#\">Button SM<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<\/ul>\r\n<pre class=\"mt-3\">\r\n<code class=\"language-html\">\r\n&lt;a class=\"button button-lg\" href=\"#\"&gt;Button LG&lt;\/a&gt;\n&lt;a class=\"button\" href=\"#\"&gt;Button MD&lt;\/a&gt;\n&lt;a class=\"button button-sm\" href=\"#\"&gt;Button SM&lt;\/a&gt;\n<\/code>\r\n<\/pre>\r\n\t<div class=\"mt-4\">\r\n\t\t<ul class=\"list-inline-sm\">\r\n\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t<a class=\"button button-lg button-outline\" href=\"#\">Button LG<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t<a class=\"button button-outline\" href=\"#\">Button MD<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t<a class=\"button button-sm button-outline\" href=\"#\">Button SM<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t\t<\/ul>\r\n<pre class=\"mt-3\">\r\n<code class=\"language-html\">\r\n&lt;a class=\"button button-lg button-outline\" href=\"#\"&gt;Button LG&lt;\/a&gt;\n&lt;a class=\"button button-outline\" href=\"#\"&gt;Button MD&lt;\/a&gt;\n&lt;a class=\"button button-sm button-outline\" href=\"#\"&gt;Button SM&lt;\/a&gt;\n<\/code>\r\n<\/pre>\r\n\t<\/div>\r\n\t<div class=\"mt-4\">\r\n\t\t\t<ul class=\"list-inline-sm\">\r\n\t\t\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<a class=\"button-circle button-circle-lg\" href=\"#\">\r\n\t\t\t\t\t\t\t<i class=\"bi bi-play\"><\/i>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<a class=\"button-circle\" href=\"#\">\r\n\t\t\t\t\t\t\t<i class=\"bi bi-play\"><\/i>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<a class=\"button-circle button-circle-sm\" href=\"#\">\r\n\t\t\t\t\t\t\t<i class=\"bi bi-play\"><\/i>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<a class=\"button-circle button-circle-lg button-circle-outline\" href=\"#\">\r\n\t\t\t\t\t\t\t<i class=\"bi bi-play\"><\/i>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<a class=\"button-circle button-circle-outline\" href=\"#\">\r\n\t\t\t\t\t\t\t<i class=\"bi bi-play\"><\/i>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<a class=\"button-circle button-circle-sm button-circle-outline\" href=\"#\">\r\n\t\t\t\t\t\t\t<i class=\"bi bi-play\"><\/i>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t<\/ul>\r\n<pre class=\"mt-3\">\r\n<code class=\"language-html\">\r\n&lt;a class=\"button-circle button-circle-lg\" href=\"#\"&gt;\n  &lt;i class=\"bi bi-play\"&gt;&lt;\/i&gt;\n&lt;\/a&gt;\n&lt;a class=\"button-circle\" href=\"#\"&gt;\n  &lt;i class=\"bi bi-play\"&gt;&lt;\/i&gt;\n&lt;\/a&gt;\n&lt;a class=\"button-circle button-circle-sm\" href=\"#\"&gt;\n  &lt;i class=\"bi bi-play\"&gt;&lt;\/i&gt;\n&lt;\/a&gt;\n&lt;a class=\"button-circle button-circle-lg button-circle-outline\" href=\"#\"&gt;\n  &lt;i class=\"bi bi-play\"&gt;&lt;\/i&gt;\n&lt;\/a&gt;\n&lt;a class=\"button-circle button-circle-outline\" href=\"#\"&gt;\n  &lt;i class=\"bi bi-play\"&gt;&lt;\/i&gt;\n&lt;\/a&gt;\n&lt;a class=\"button-circle button-circle-sm button-circle-outline\" href=\"#\"&gt;\n  &lt;i class=\"bi bi-play\"&gt;&lt;\/i&gt;\n&lt;\/a&gt;\n<\/code>\r\n<\/pre>\r\n\t<\/div>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e68c684 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e68c684\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4fdf664\" data-id=\"4fdf664\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1af353e elementor-align-left elementor-widget elementor-widget-bdevs-counter-elements\" data-id=\"1af353e\" data-element_type=\"widget\" data-widget_type=\"bdevs-counter-elements.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"section-box mt-4\">\r\n\t<h3 class=\"mb-4\">Counter:<\/h3>\r\n\t<h1 class=\"font-family-mono fw-light\"><span class=\"counter\">100<\/span>+<\/h1>\r\n<pre class=\"mt-3\">\r\n<code class=\"language-html\">\r\n&lt;h1 class=\"font-family-mono fw-light\"&gt;&lt;span class=\"counter\"&gt;100&lt;\/span&gt;+&lt;\/h1&gt;\n<\/code>\r\n<\/pre>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b3aa73a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b3aa73a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b62a314\" data-id=\"b62a314\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e8e780 elementor-align-left elementor-widget elementor-widget-bdevs-lists-elements\" data-id=\"3e8e780\" data-element_type=\"widget\" data-widget_type=\"bdevs-lists-elements.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"section-box mt-4\">\r\n\t<h3 class=\"mb-4\">Lists:<\/h3>\r\n\t\t<div class=\"row g-4 \">\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-2\">\r\n\t\t\t<h4 class=\"fw-normal mb-3\">Unordered List<\/h4>\r\n\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item\n\t\t\t\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>Sub List item<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>Sub List item<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>Sub List item<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\t\t<\/div>\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-1\">\r\n<pre class=\"language-html m-0\">\r\n<code>\r\n&lt;ul&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item\n    &lt;ul&gt;\n      &lt;li&gt;Sub List item&lt;\/li&gt;\n      &lt;li&gt;Sub List item&lt;\/li&gt;\n      &lt;li&gt;Sub List item&lt;\/li&gt;\n    &lt;\/ul&gt;\n  &lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code>\r\n<\/pre>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\t<div class=\"row g-4 mt-1\">\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-2\">\r\n\t\t\t<h4 class=\"fw-normal mb-3\">Ordered List<\/h4>\r\n\t\t\t<ol>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t<\/ol>\t\t<\/div>\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-1\">\r\n<pre class=\"language-html m-0\">\r\n<code>\r\n&lt;ol&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ol&gt;\n<\/code>\r\n<\/pre>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\t<div class=\"row g-4 mt-1\">\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-2\">\r\n\t\t\t<h4 class=\"fw-normal mb-3\">Unstyled List<\/h4>\r\n\t\t\t<ul class=\"list-unstyled\">\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item\n\t\t\t\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>Sub List item<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>Sub List item<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>Sub List item<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\t\t<\/div>\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-1\">\r\n<pre class=\"language-html m-0\">\r\n<code>\r\n&lt;ul class=\"list-unstyled\"&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item\n    &lt;ul&gt;\n      &lt;li&gt;Sub List item&lt;\/li&gt;\n      &lt;li&gt;Sub List item&lt;\/li&gt;\n      &lt;li&gt;Sub List item&lt;\/li&gt;\n    &lt;\/ul&gt;\n  &lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code>\r\n<\/pre>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\t<div class=\"row g-4 mt-1\">\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-2\">\r\n\t\t\t<h4 class=\"fw-normal mb-3\">Custom Circle List<\/h4>\r\n\t\t\t<ul class=\"list-circle\">\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\t\t<\/div>\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-1\">\r\n<pre class=\"language-html m-0\">\r\n<code>\r\n&lt;ul class=\"list-circle\"&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code>\r\n<\/pre>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\t<div class=\"row g-4 mt-1\">\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-2\">\r\n\t\t\t<h4 class=\"fw-normal mb-3\">Dash List<\/h4>\r\n\t\t\t<ul class=\"list-dash\">\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\t\t<\/div>\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-1\">\r\n<pre class=\"language-html m-0\">\r\n<code>\r\n&lt;ul class=\"list-dash\"&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code>\r\n<\/pre>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\t<div class=\"row g-4 mt-1\">\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-2\">\r\n\t\t\t<h4 class=\"fw-normal mb-3\">Inline List<\/h4>\r\n\t\t\t<ul class=\"list-inline-lg\">\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t<ul class=\"list-inline mt-2\">\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t<ul class=\"list-inline-sm mt-2\">\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\t\t<\/div>\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-1\">\r\n<pre class=\"language-html m-0\">\r\n<code>\r\n&lt;ul class=\"list-inline-lg\"&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;ul class=\"list-inline\"&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;ul class=\"list-inline-sm\"&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code>\r\n<\/pre>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\t<div class=\"row g-4 mt-1\">\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-2\">\r\n\t\t\t<h4 class=\"fw-normal mb-3\">Inline List - Dash<\/h4>\r\n\t\t\t<ul class=\"list-inline-dash\">\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\t\t<\/div>\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-1\">\r\n<pre class=\"language-html m-0\">\r\n<code>\r\n&lt;ul class=\"list-inline-dash\"&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code>\r\n<\/pre>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\t<div class=\"row g-4 mt-1\">\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-2\">\r\n\t\t\t<h4 class=\"fw-normal mb-3\">Inline List - Pills<\/h4>\r\n\t\t\t<ul class=\"list-inline-pills\">\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>List item<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\t\t<\/div>\r\n\t\t<div class=\"col-12 col-xl-6 order-xl-1\">\r\n<pre class=\"language-html m-0\">\r\n<code>\r\n&lt;ul class=\"list-inline-pills\"&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n  &lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code>\r\n<\/pre>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-98b5d88 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"98b5d88\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ccc1a07\" data-id=\"ccc1a07\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-afece91 elementor-align-left elementor-widget elementor-widget-bdevs-typer-elements\" data-id=\"afece91\" data-element_type=\"widget\" data-widget_type=\"bdevs-typer-elements.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"section-box mt-4\">\r\n\t<h3 class=\"mb-4\">Typer:<\/h3>\r\n\t\t<h2 class=\"font-family-mono fw-normal\">\r\n\t\t\t<span class=\"typer\" id=\"typer1\" data-words=\"Hi There!, I'm Christina\" data-delay=\"50\" data-deleteDelay=\"1500\"><\/span><span class=\"cursor\" data-owner=\"typer1\"><\/span>\r\n\t\t<\/h2>\r\n<pre class=\"mt-3\">\r\n<code class=\"language-html\">\r\n&lt;h2 class=\"font-family-mono fw-normal\"&gt;\n  &lt;span class=\"typer\" id=\"typer1\" data-words=\"Hi There!, I'm Christina\" data-delay=\"50\" data-deleteDelay=\"1500\"&gt;&lt;\/span&gt;&lt;span class=\"cursor\" data-owner=\"typer1\"&gt;&lt;\/span&gt;\n&lt;\/h2&gt;\n<\/code>\r\n<\/pre>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Avatar: Avatar Large (110&#215;110 px) Avatar Medium (90&#215;90 px) Avatar Small (70&#215;70 px) &lt;img src=&#8221;img-src.jpg&#8221; alt=&#8221;&#8221;&gt; &lt;img src=&#8221;img-src.jpg&#8221; alt=&#8221;&#8221;&gt; &lt;img src=&#8221;img-src.jpg&#8221; alt=&#8221;&#8221;&gt; Buttons: Button LG Button MD Button SM &lt;a href=&#8221;#&#8221;&gt;Button LG&lt;\/a&gt; &lt;a href=&#8221;#&#8221;&gt;Button MD&lt;\/a&gt; &lt;a href=&#8221;#&#8221;&gt;Button SM&lt;\/a&gt; Button LG Button MD Button SM &lt;a href=&#8221;#&#8221;&gt;Button LG&lt;\/a&gt; &lt;a href=&#8221;#&#8221;&gt;Button MD&lt;\/a&gt; &lt;a href=&#8221;#&#8221;&gt;Button SM&lt;\/a&gt; &lt;a href=&#8221;#&#8221;&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homeelements-template.php","meta":{"footnotes":""},"class_list":["post-142","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shthemes.net\/demosd\/gray\/index.php?rest_route=\/wp\/v2\/pages\/142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shthemes.net\/demosd\/gray\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shthemes.net\/demosd\/gray\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shthemes.net\/demosd\/gray\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shthemes.net\/demosd\/gray\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=142"}],"version-history":[{"count":31,"href":"https:\/\/shthemes.net\/demosd\/gray\/index.php?rest_route=\/wp\/v2\/pages\/142\/revisions"}],"predecessor-version":[{"id":174,"href":"https:\/\/shthemes.net\/demosd\/gray\/index.php?rest_route=\/wp\/v2\/pages\/142\/revisions\/174"}],"wp:attachment":[{"href":"https:\/\/shthemes.net\/demosd\/gray\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}