{"id":530,"date":"2022-11-23T02:43:46","date_gmt":"2022-11-23T02:43:46","guid":{"rendered":"https:\/\/shtheme.com\/demosd\/matelick\/?page_id=530"},"modified":"2022-11-28T08:54:11","modified_gmt":"2022-11-28T08:54:11","slug":"elements","status":"publish","type":"page","link":"https:\/\/shtheme.com\/demosd\/matelick\/?page_id=530","title":{"rendered":"Elements"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"530\" class=\"elementor elementor-530\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb7a761 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cb7a761\" data-element_type=\"section\" data-e-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-5488c98\" data-id=\"5488c98\" data-element_type=\"column\" data-e-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-3434fb5 elementor-align-left elementor-widget elementor-widget-bdevs-about-banner\" data-id=\"3434fb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdevs-about-banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  \r\n    <!--  Slider  -->\r\n    <div id=\"flexslider\" class=\"fullpage-wrap small\">\r\n        <ul class=\"slides\">\r\n            <li style=\"background-image:url(https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/service1.jpg)\">\r\n                <div class=\"text text-center\">\r\n                                        <h1 class=\"white margin-bottom-small\">Elements<\/h1>\r\n                                                            <p class=\"heading white\">All elements that you can combine for create your perfect websites<\/p>\r\n                                    <\/div>\r\n                <div class=\"gradient dark\"><\/div>\r\n            <\/li>\r\n        <\/ul>\r\n    <\/div>\r\n    <!--  END Slider  -->\r\n    \t\t\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-0b2e4f6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"0b2e4f6\" data-element_type=\"section\" data-e-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-632f954\" data-id=\"632f954\" data-element_type=\"column\" data-e-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-729ca03 elementor-widget elementor-widget-html\" data-id=\"729ca03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"post-wrap\" class=\"content-section fullpage-wrap elements-page\">\r\n    <div class=\"row fullpage-wrap\">\r\n        <!--  Grid Images with Lightbox  -->\r\n        <div class=\"project-images grid\">\r\n            <div class=\"col-xs-6 col-sm-3 padding-leftright-null\">\r\n                <a href=\"https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/item1.jpg\" class=\"lightbox\">\r\n                    <div class=\"image\" style=\"background-image:url(https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/item1.jpg)\"><\/div>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"col-xs-6 col-sm-3 padding-leftright-null\">\r\n                <a href=\"https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/item2.jpg\" class=\"lightbox\">\r\n                    <div class=\"image\" style=\"background-image:url(https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/item2.jpg)\"><\/div>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"col-xs-6 col-sm-3 padding-leftright-null\">\r\n                <a href=\"https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/item3.jpg\" class=\"lightbox\">\r\n                    <div class=\"image\" style=\"background-image:url(https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/item3.jpg)\"><\/div>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"col-xs-6 col-sm-3 padding-leftright-null\">\r\n                <a href=\"https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/item4.jpg\" class=\"lightbox\">\r\n                    <div class=\"image\" style=\"background-image:url(https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/item4.jpg)\"><\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <!--  END Grid Images with Lightbox  -->\r\n    <\/div>\r\n    <div class=\"row padding-md\">\r\n        <div class=\"col-md-offset-3 col-md-6\">\r\n            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquid scire se gaudeant? <b>Immo alio genere;<\/b> <i>Quod vestri non item.<\/i> Duo Reges: constructio interrete. Est enim effectrix multarum et magnarum voluptatum. Sed quanta sit alias, nunc tantum possitne esse tanta. <i>Sint ista Graecorum;<\/i> Consequens enim est et post oritur, ut dixi. <\/p>\r\n            <blockquote class=\"heading post\">\r\n                Quod idem cum vestri faciant, non satis magnam tribuunt inventoribus gratiam.\r\n            <\/blockquote>\r\n            <h1>Heading 1<\/h1>\r\n            <h2>Heading 2<\/h2>\r\n            <h3>Heading 3<\/h3>\r\n            <h4>Heading 4<\/h4>\r\n            <h5>Heading 5<\/h5>\r\n            <h6>Heading 6<\/h6>\r\n            <h2 class=\"small\">Heading 2 small<\/h2>\r\n            <h2 class=\"small\"><a href=\"#\">Heading 2 small link<\/a><\/h2>\r\n            <h2 class=\"small\"><a href=\"#\"><i class=\"margin-null\">Heading 2 small link<\/i><\/a><\/h2>\r\n            <h4 class=\"small\">Heading 3 small<\/h4>\r\n            <div class=\"padding-sm\">\r\n                <span class=\"black\">black<\/span> <span class=\"color\">color<\/span> <span class=\"grey\">grey<\/span> <span class=\"grey-light\">light-grey<\/span>\r\n            <\/div>\r\n            <!--  Set data-color for colro palette  -->\r\n            <div class=\"mycolors\">\r\n                <span class=\"mycolor\" data-color=\"#2644BC\"><\/span>\r\n                <span class=\"mycolor\" data-color=\"#E8EAF6\"><\/span>\r\n                <span class=\"mycolor\" data-color=\"#c2c3c4\"><\/span>\r\n                <span class=\"mycolor\" data-color=\"#A0A2A4\"><\/span>\r\n                <span class=\"mycolor\" data-color=\"#222\"><\/span>                                    \r\n            <\/div>\r\n            <div class=\"row padding-onlytop-md margin-leftright-null\">\r\n                <div class=\"col-xs-6 col-sm-3 padding-sm\">\r\n                    <a href=\"#\" class=\"btn margin-null\">Button<\/a>\r\n                <\/div>\r\n                <div class=\"col-xs-6 col-sm-3 padding-sm\">\r\n                    <a href=\"#\" class=\"btn-alt margin-null\">Button<\/a>\r\n                <\/div>\r\n                <div class=\"col-xs-6 col-sm-3 padding-sm\">\r\n                    <a href=\"#\" class=\"btn-alt medium margin-null\">Button<\/a>\r\n                <\/div>\r\n                <div class=\"col-xs-6 col-sm-3 padding-sm\">\r\n                    <a href=\"#\" class=\"btn-alt medium active margin-null\">Button<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n            <div class=\"row padding-sm margin-leftright-null\">\r\n                <div class=\"col-xs-6 col-sm-3  padding-sm\">\r\n                    <a href=\"#\" class=\"btn-alt small margin-null\">Button<\/a>\r\n                <\/div>\r\n                <div class=\"col-xs-6 col-sm-3  padding-sm\">\r\n                    <a href=\"#\" class=\"btn-alt small active margin-null\">Button<\/a>\r\n                <\/div>\r\n                <div class=\"col-xs-6 col-sm-3  padding-sm\">\r\n                    <a href=\"#\" class=\"btn-pro margin-null\">Button<\/a>\r\n                <\/div>\r\n                <div class=\"col-xs-6 col-sm-3 padding-sm\">\r\n                    <a href=\"#\" class=\"btn-simple active margin-null\">Button<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <!--  Services with Icon -->\r\n            <div class=\"service-responsive-bottom padding-md\">\r\n                <ul class=\"services\">\r\n                    <li>\r\n                        <div class=\"col-xs-2 padding-leftright-null\">\r\n                            <div class=\"icon\">\r\n                                <i class=\"icon ion-ios-pulse\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"col-xs-10 padding-leftright-null\">\r\n                            <div class=\"icon-text\">\r\n                                <h6 class=\"small\">Website Design<\/h6>\r\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, fugiat amet provident incidunt aspernatur minima maiores deleniti totam! Qui iste reiciendis quis molestiae consequatur!<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li>\r\n                        <div class=\"col-xs-2 padding-leftright-null\">\r\n                            <div class=\"icon\">\r\n                                <i class=\"icon ion-ios-analytics-outline\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"col-xs-10 padding-leftright-null\">\r\n                            <div class=\"icon-text\">\r\n                                <h6 class=\"small\">Brand Strategy<\/h6>\r\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, fugiat amet provident incidunt aspernatur minima maiores deleniti totam! Qui iste reiciendis quis molestiae consequatur!<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li>\r\n                        <div class=\"col-xs-2 padding-leftright-null\">\r\n                            <div class=\"icon\">\r\n                                <i class=\"icon ion-ios-pie-outline\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"col-xs-10 padding-leftright-null\">\r\n                            <div class=\"icon-text\">\r\n                                <h6 class=\"small\">Product Design<\/h6>\r\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, fugiat amet provident incidunt aspernatur minima maiores deleniti totam! Qui iste reiciendis quis molestiae consequatur!<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <!--  END Services with Icon -->\r\n            <!--  Simple Services -->\r\n            <div class=\"row padding-sm\">\r\n                <div class=\"col-md-6\">\r\n                    <h6 class=\"small dark\">Web design<\/h6>\r\n                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem harum aspernatur sapiente error, voluptas fuga, laudantium ullam magni fugit. Qui!<\/p>\r\n                <\/div>\r\n                <div class=\"col-md-6\">\r\n                    <h6 class=\"small dark\">Marketing<\/h6>\r\n                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem harum aspernatur sapiente error, voluptas fuga, laudantium ullam magni fugit. Qui!<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <!--  Material Services -->\r\n            <div class=\"row padding-sm\">\r\n                <div class=\"col-md-12 padding-leftright-null\">\r\n                    <div class=\"col-md-6\">\r\n                        <div class=\"margin-md-bottom\">\r\n                            <i class=\"icon ion-ios-analytics-outline service material left\"><\/i>\r\n                            <div class=\"service-content\">\r\n                                <h6 class=\"heading  margin-bottom-extrasmall\">Business Goals<\/h6>\r\n                                <p class=\"margin-bottom-null\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse eveniet dicta minus quaerat dolorem illum.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"col-md-6\">\r\n                        <div class=\"margin-md-bottom\">\r\n                            <i class=\"icon ion-ios-color-filter-outline service material left\"><\/i>\r\n                            <div class=\"service-content\">\r\n                                <h6 class=\"heading grey margin-bottom-extrasmall\">Professional Team<\/h6>\r\n                                <p class=\"margin-bottom-null\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. In maiores ut, assumenda consectetur sequi sapiente!<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!--  END Material Services -->\r\n            <!-- Standard Services -->\r\n            <div class=\"row padding-onlybottom-md\">\r\n                <div class=\"col-md-12 padding-leftright-null\">\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"margin-md-bottom\">\r\n                            <i class=\"icon ion-ios-analytics-outline service\"><\/i>\r\n                            <h6 class=\"heading  margin-bottom-extrasmall\">Business Goals<\/h6>\r\n                            <p class=\"margin-bottom-null\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem harum aspernatur sapiente error, voluptas fuga, laudantium ullam magni fugit. Qui!<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"margin-md-bottom\">\r\n                            <i class=\"icon ion-ios-color-filter-outline service\"><\/i>\r\n                            <h6 class=\"heading grey margin-bottom-extrasmall\">Professional Team<\/h6>\r\n                            <p class=\"margin-bottom-null\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem harum aspernatur sapiente error, voluptas fuga, laudantium ullam magni fugit. Qui!<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"col-md-4\">\r\n                        <div>\r\n                            <i class=\"icon ion-ios-lightbulb-outline service\"><\/i>\r\n                            <h6 class=\"heading  margin-bottom-extrasmall\">Vision<\/h6>\r\n                            <p class=\"margin-bottom-null\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem harum aspernatur sapiente error, voluptas fuga, laudantium ullam magni fugit. Qui!<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- END Standard Services -->\r\n            <!--  Accordion and Tabs  -->\r\n            <div class=\"row padding-sm\">\r\n                <div class=\"col-md-6\">\r\n                    <!--  Tab  -->\r\n                    <!-- Nav tabs -->\r\n                    <ul class=\"nav nav-tabs\" role=\"tablist\">\r\n                        <li role=\"presentation\" class=\"active\"><a href=\"#tab-one\" aria-controls=\"tab-one\" role=\"tab\" data-toggle=\"tab\">Tab One<\/a><\/li>\r\n                        <li role=\"presentation\"><a href=\"#tab-two\" aria-controls=\"tab-two\" role=\"tab\" data-toggle=\"tab\">Tab Two<\/a><\/li>\r\n                    <\/ul>\r\n                    <!--  Nav Tabs  -->\r\n                    <!-- Tab panes -->\r\n                    <div class=\"tab-content\">\r\n                        <div role=\"tabpanel\" class=\"tab-pane active\" id=\"tab-one\">Content one. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias dolorem sequi qui odit accusantium tempore debitis, est mollitia dolores voluptatum eos ea fugit quis rerum expedita non beatae nostrum. Eos.<\/div>\r\n                        <div role=\"tabpanel\" class=\"tab-pane\" id=\"tab-two\">Content two. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo animi ipsa architecto corrupti, atque commodi. Incidunt, accusamus. Nesciunt, quam, cumque? Vero id consequatur, aperiam ad quasi! Iure enim nesciunt hic!<\/div>\r\n                    <\/div>\r\n                    <!-- Tab panes -->\r\n                    <!--  Tab  -->\r\n                <\/div>\r\n                <!-- Accordion -->\r\n                <div class=\"col-md-6\">\r\n                    <div class=\"panel-group\" id=\"accordion\" role=\"tablist\" aria-multiselectable=\"true\">\r\n                        <div class=\"panel panel-default\">\r\n                            <div class=\"panel-heading\" role=\"tab\" id=\"headingOne\">\r\n                                <h4 class=\"panel-title\">\r\n                                    <a role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapseOne\" aria-expanded=\"true\" aria-controls=\"collapseOne\">\r\n                                        Accordion Item One\r\n                                    <\/a>\r\n                                <\/h4>\r\n                            <\/div>\r\n                            <div id=\"collapseOne\" class=\"panel-collapse collapse in\" role=\"tabpanel\" aria-labelledby=\"headingOne\">\r\n                                <div class=\"panel-body\">\r\n                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo officia voluptates hic obcaecati voluptatum omnis, nihil nam numquam nisi esse praesentium iure consectetur dolorum porro a sequi veniam eligendi similique! Ab atque aliquam error eius natus repellendus voluptatibus dolore blanditiis.\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"panel panel-default\">\r\n                            <div class=\"panel-heading\" role=\"tab\" id=\"headingTwo\">\r\n                                <h4 class=\"panel-title\">\r\n                                    <a class=\"collapsed\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\">\r\n                                        Accordion Item Two\r\n                                    <\/a>\r\n                                <\/h4>\r\n                            <\/div>\r\n                            <div id=\"collapseTwo\" class=\"panel-collapse collapse\" role=\"tabpanel\" aria-labelledby=\"headingTwo\">\r\n                                <div class=\"panel-body\">\r\n                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea reprehenderit atque labore, eos ad dolorem officia ut ex vero, totam assumenda, sapiente enim. Iusto, aliquid recusandae maiores enim deleniti fuga obcaecati placeat iste, libero, aut quos, officiis laborum nesciunt similique!\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"panel panel-default\">\r\n                            <div class=\"panel-heading\" role=\"tab\" id=\"headingThree\">\r\n                                <h4 class=\"panel-title\">\r\n                                    <a class=\"collapsed\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapseThree\" aria-expanded=\"false\" aria-controls=\"collapseThree\">\r\n                                        Accordion Item Three\r\n                                    <\/a>\r\n                                <\/h4>\r\n                            <\/div>\r\n                            <div id=\"collapseThree\" class=\"panel-collapse collapse\" role=\"tabpanel\" aria-labelledby=\"headingThree\">\r\n                                <div class=\"panel-body\">\r\n                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur facere omnis tempore, atque, dolorum aperiam eligendi dignissimos quis? Alias itaque soluta dolorem dignissimos velit sint, dolores delectus, voluptatem animi molestiae atque voluptates, ab eius unde, voluptate totam? Illo, quasi, facilis.\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Accordion -->\r\n            <\/div>\r\n            <!--  END Accordion and Tabs  -->\r\n            <!--  Table  -->\r\n            <div class=\"row padding-sm\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"table-responsive\">\r\n                        <table class=\"table\">\r\n                            <tbody>\r\n                                <tr>\r\n                                    <th>#<\/th>\r\n                                    <th>Title 1<\/th>\r\n                                    <th>Title 2<\/th>\r\n                                    <th>Title 3<\/th>\r\n                                    <th>Title 4<\/th>\r\n                                <\/tr>\r\n                                <tr>\r\n                                    <td>1.<\/td>\r\n                                    <td>Lorem ipsum dolor.<\/td>\r\n                                    <td>Lorem ipsum.<\/td>\r\n                                    <td>Lorem ipsum.<\/td>\r\n                                    <td>Lorem ipsum.<\/td>\r\n                                <\/tr>\r\n                                <tr>\r\n                                    <td>2.<\/td>\r\n                                    <td>Lorem ipsum dolor.<\/td>\r\n                                    <td>Lorem ipsum.<\/td>\r\n                                    <td>Lorem ipsum.<\/td>\r\n                                    <td>Lorem ipsum.<\/td>\r\n                                <\/tr>\r\n                                <tr>\r\n                                    <td>3.<\/td>\r\n                                    <td>Lorem ipsum dolor.<\/td>\r\n                                    <td>Lorem ipsum.<\/td>\r\n                                    <td>Lorem ipsum.<\/td>\r\n                                    <td>Lorem ipsum.<\/td>\r\n                                <\/tr>\r\n                            <\/tbody>\r\n                        <\/table>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!--  END Table  -->\r\n            <!--  Alerts  -->\r\n            <div class=\"row padding-sm\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"alert alert-success alert-dismissible\" role=\"alert\">\r\n                        <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;<\/span><\/button>\r\n                        <strong>Warning!<\/strong> Better check yourself, you're not looking too good.\r\n                    <\/div>\r\n                    <div class=\"alert alert-info alert-dismissible\" role=\"alert\">\r\n                        <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;<\/span><\/button>\r\n                        <strong>Warning!<\/strong> Better check yourself, you're not looking too good.\r\n                    <\/div>\r\n                    <div class=\"alert alert-warning alert-dismissible\" role=\"alert\">\r\n                        <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;<\/span><\/button>\r\n                        <strong>Warning!<\/strong> Better check yourself, you're not looking too good.\r\n                    <\/div>\r\n                    <div class=\"alert alert-danger alert-dismissible\" role=\"alert\">\r\n                        <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;<\/span><\/button>\r\n                        <strong>Warning!<\/strong> Better check yourself, you're not looking too good.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!--  END Alerts  -->\r\n            <div class=\"row content-post\">\r\n                <div class=\"col-md-6\">\r\n                    <ul>\r\n                        <li>Lorem ipsum dolor sit amet.<\/li>\r\n                        <li>Lorem ipsum dolor sit amet.<\/li>\r\n                        <li>Lorem ipsum dolor sit amet.<\/li>\r\n                        <li>Lorem ipsum dolor sit amet.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"col-md-6\">\r\n                    <ol>\r\n                        <li>Lorem ipsum dolor sit amet.<\/li>\r\n                        <li>Lorem ipsum dolor sit amet.<\/li>\r\n                        <li>Lorem ipsum dolor sit amet.<\/li>\r\n                        <li>Lorem ipsum dolor sit amet.<\/li>\r\n                    <\/ol>\r\n                <\/div>\r\n            <\/div>\r\n            <!--  Pricing  -->\r\n            <div class=\"row\">\r\n                <section id=\"pricing\">\r\n                    <div class=\"col-sm-6 price padding-leftright-null\">\r\n                        <div class=\"price-title\">Basic<\/div>\r\n                        <div class=\"price-number\"><sup>$<\/sup>30<\/div>\r\n                        <ul>\r\n                            <li>Lorem ipsum dolor sit.<\/li>\r\n                            <li>Lorem ipsum dolor sit.<\/li>\r\n                            <li>Lorem ipsum dolor sit.<\/li>\r\n                            <li>Lorem ipsum dolor sit.<\/li>\r\n                        <\/ul>\r\n                        <a href=\"https:\/\/shtheme.com\/demosd\/matelick\/?page_id=543\" class=\"btn-alt small\">Buy Now<\/a>\r\n                    <\/div>\r\n                    <div class=\"col-sm-6 price active standard padding-leftright-null\">\r\n                        <div class=\"price-title\">Advanced<\/div>\r\n                        <div class=\"price-number\"><sup>$<\/sup>90<\/div>\r\n                        <ul>\r\n                            <li>Lorem ipsum dolor sit.<\/li>\r\n                            <li>Lorem ipsum dolor sit.<\/li>\r\n                            <li>Lorem ipsum dolor sit.<\/li>\r\n                            <li>Lorem ipsum dolor sit.<\/li>\r\n                        <\/ul>\r\n                        <a href=\"https:\/\/shtheme.com\/demosd\/matelick\/?page_id=543\" class=\"btn-alt small\">Buy Now<\/a>\r\n                    <\/div>\r\n                <\/section>\r\n            <\/div>\r\n            <!--  Pricing  -->\r\n            <!--  Skills  -->\r\n            <div class=\"row\">\r\n                <section id=\"skills\">\r\n                    <div class=\"col-md-6\">\r\n                        <ul class=\"skill-list\">\r\n                            <em class=\"black\">Development<\/em>\r\n                            <li>\r\n                                <span class=\"border-color\" data-percent=\"25%\"><\/span>\r\n                                <span class=\"label color-background\"><span class=\"count\" data-to=\"25\"><\/span>%<\/span>\r\n                            <\/li>\r\n                            <em class=\"black\">Branding<\/em>\r\n                            <li class=\"margin-null\">\r\n                                <span class=\"border-color\" data-percent=\"75%\"><\/span>\r\n                                <span class=\"label color-background\"><span class=\"count\" data-to=\"75\"><\/span>%<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"col-md-6\">\r\n                        <ul class=\"skill-list\">\r\n                            <em class=\"black\">User interface<\/em>\r\n                            <li>\r\n                                <span class=\"border-color\" data-percent=\"45%\"><\/span>\r\n                                <span class=\"label color-background\"><span class=\"count\" data-to=\"45\"><\/span>%<\/span>\r\n                            <\/li>\r\n                            <em class=\"black\">Marketing<\/em>\r\n                            <li class=\"margin-null\">\r\n                                <span class=\"border-color\" data-percent=\"85%\"><\/span>\r\n                                <span class=\"label color-background\"><span class=\"count\" data-to=\"85\"><\/span>%<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/section>\r\n            <\/div>\r\n            <!--  END Skills  -->\r\n            <!--  Simple Slider  -->\r\n            <div class=\"row padding-onlytop-md\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"image-carousel dots-inside\">\r\n                        <div class=\"item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/item6.jpg\" alt=\"image 1\">\r\n                        <\/div>\r\n                        <div class=\"item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/item8.jpg\" alt=\"image 2\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!--  END Simple Slider  -->\r\n        <\/div>\r\n    <\/div>\r\n    <!-- Section same Height. Child get the parent Height. Set the same id -->\r\n    <div class=\"row fullpage-wrap\">\r\n        <!-- Video -->\r\n        <div class=\"col-md-6 padding-leftright-null\">\r\n            <a class=\"popup-youtube\" href=\"https:\/\/www.youtube.com\/watch?v=4PFBxfITU_Q\">\r\n                <div data-responsive=\"child-height\" data-responsive-id=\"story\" class=\"bg-img\" style=\"height: 511px; background-image: url(&quot;https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/service1.jpg&quot;);\"><\/div>\r\n            <\/a>\r\n        <\/div>\r\n        <!-- END Video -->\r\n        <div class=\"col-md-6 padding-leftright-null\">\r\n            <div data-responsive=\"parent-height\" data-responsive-id=\"story\" class=\"text grey-background\">\r\n                <h2 class=\"margin-bottom-null title left grey\">About Us<\/h2>\r\n                <div class=\"padding-onlytop-md\">\r\n                    <h3 class=\"grey big margin-bottom-small\">Passionate about perfection<\/h3>\r\n                    <p class=\"heading left margin-bottom grey\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem dolorem voluptas quo ipsum obcaecati placeat, architecto, amet voluptatum esse officia, distinctio dignissimos minima dicta. Veniam debitis eum illum asperiores animi!<\/p>\r\n                    <a href=\"https:\/\/shtheme.com\/demosd\/matelick\/?page_id=398\" class=\"btn-alt active shadow small margin-null\">Read more<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <!-- END Section same Height. Child get the parent Height. Set the same id -->\r\n    <div class=\"row margin-null fullpage-md-wrap\">\r\n        <!-- Section with background image with overlay -->\r\n        <div class=\"col-md-12 padding-leftright-null bg-img responsive overlay\" style=\"background-image:url(https:\/\/shtheme.com\/demosd\/matelick\/wp-content\/uploads\/2022\/11\/service2.jpg)\">\r\n            <div class=\"col-md-6 padding-leftright-null\">\r\n                <div class=\"text\">\r\n                    <h2 class=\"margin-bottom-null title left white\">Our numbers<\/h2>\r\n                    <div class=\"padding-onlytop-md\">\r\n                        <h3 class=\"white big margin-bottom-small\">We are a great creative agency<\/h3>\r\n                        <p class=\"heading left margin-bottom white\">Lorem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\r\n                        <a href=\"https:\/\/shtheme.com\/demosd\/matelick\/?page_id=398\" class=\"btn-alt active shadow small margin-null\">Read more<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Counters -->\r\n            <div class=\"col-md-6 padding-leftright-null\">\r\n                <div class=\"text\">\r\n                    <div id=\"counters\" class=\"row padding-md-leftright-null padding-md\">\r\n                        <div class=\"col-sm-4 padding-md-leftright-null\">\r\n                            <div class=\"statistic\">\r\n                                <i class=\"icon ion-ios-color-filter-outline service big white margin-bottom-null\"><\/i>\r\n                                <span class=\"white\" data-from=\"0\" data-to=\"1200\">&nbsp;<\/span>\r\n                                <p class=\"heading grey-light\">Sodisfied costumers<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"col-sm-4 padding-md-leftright-null\">\r\n                            <div class=\"statistic\">\r\n                                <i class=\"icon ion-ios-pie-outline service big white margin-bottom-null\"><\/i>\r\n                                <span class=\"white\" data-from=\"0\" data-to=\"1200\">&nbsp;<\/span>\r\n                                <p class=\"heading grey-light\">Sodisfied costumers<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"col-sm-4 padding-md-leftright-null\">\r\n                            <div class=\"statistic\">\r\n                                <i class=\"icon ion-ios-bolt-outline service big white margin-bottom-null\"><\/i>\r\n                                <span class=\"white\" data-from=\"0\" data-to=\"1200\">&nbsp;<\/span>\r\n                                <p class=\"heading grey-light\">Sodisfied costumers<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- END Counters -->\r\n        <\/div>\r\n        <!-- END Section with background image with overlay -->\r\n    <\/div>\r\n<\/div>\t\t\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":"Elements All elements that you can combine for create your perfect websites Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquid scire se gaudeant? Immo alio genere; Quod vestri non item. Duo Reges: constructio interrete. Est enim effectrix multarum et magnarum voluptatum. Sed quanta sit alias, nunc tantum possitne esse tanta. Sint ista Graecorum; [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/home.php","meta":{"footnotes":""},"class_list":["post-530","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shtheme.com\/demosd\/matelick\/index.php?rest_route=\/wp\/v2\/pages\/530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shtheme.com\/demosd\/matelick\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shtheme.com\/demosd\/matelick\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shtheme.com\/demosd\/matelick\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shtheme.com\/demosd\/matelick\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=530"}],"version-history":[{"count":22,"href":"https:\/\/shtheme.com\/demosd\/matelick\/index.php?rest_route=\/wp\/v2\/pages\/530\/revisions"}],"predecessor-version":[{"id":680,"href":"https:\/\/shtheme.com\/demosd\/matelick\/index.php?rest_route=\/wp\/v2\/pages\/530\/revisions\/680"}],"wp:attachment":[{"href":"https:\/\/shtheme.com\/demosd\/matelick\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}