{"id":208,"date":"2017-05-04T08:45:02","date_gmt":"2017-05-04T08:45:02","guid":{"rendered":"http:\/\/demo.wpshopmart.com\/tabs-pro-plugin-demo-for-wordpress\/?page_id=208"},"modified":"2025-03-19T10:36:33","modified_gmt":"2025-03-19T10:36:33","slug":"tabs-with-gallery","status":"publish","type":"page","link":"https:\/\/wpshopmart.com\/demos\/tabs-pro\/tabs-with-gallery\/","title":{"rendered":"Tabs With Gallery"},"content":{"rendered":" \r\n\t\t\t<script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\r\n\t\t\t<script type=\"text\/javascript\">\r\n\t\t\t  WebFont.load({\r\n\t\t\t\tgoogle: {\r\n\t\t\t\t  families: ['Vollkorn'] \r\n\t\t\t\t}\r\n\t\t\t  });\r\n\t\t\t<\/script>\r\n\t\t<style>\r\n\t.wpsm_tab_206 .wpsm_nav-tabs li a,\r\n\t.wpsm_tab_206 .wpsm_nav-tabs li a:hover,\r\n\t.wpsm_tab_206 .wpsm_nav-tabs li a:focus{\r\n\t\toutline: none;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\t#wpsm_tab_container_206 a,\r\n\t#wpsm_tab_container_206 a:hover{\r\n\t\t-webkit-box-shadow:none;\r\n\t\tbox-shadow:none;\r\n\t}\r\n\t#wpsm_tab_container_206{\r\n\t\toverflow: hidden;\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\tborder: 0px solid #ddd;\r\n\t\tmargin-bottom: 30px;\r\n\t\tmargin-top:20px;\r\n\t}\r\n\t#wpsm_tab_container_206 ul{\r\n\t\tpadding:0;\r\n\t\tmargin:0;\r\n\t}\r\n\t.wpsm_tab_206 .wpsm_nav-tabs li{\r\n\t\tmargin-left:0;\r\n\t}\r\n\t.wpsm_tab_206 .wpsm_nav-tabs li a i{\r\n\t\theight:auto;\r\n\t}\r\n\t#wpsm_tab_container_206 .wpsm_nav li .wpsm_tabs_img_icon,\r\n\t#wpsm_tab_container_206 .wpsm_nav li .wpsm-icons{\r\n\t\tvertical-align:middle;\r\n\t}\r\n\t@media only screen and (max-width: 600px) {\r\n\t\t.wpsm_tab_206 .wpsm_nav-tabs li{\r\n\t\t\tfloat:none;\r\n\t\t}\r\n\t\t\r\n\t}\r\n\t\t\t@media only screen and (min-width: 601px) \r\n\t\t{\r\n\t\t\t\t\t\t\t#wpsm_tab_container_206 .wpsm_tab_206 .wpsm_nav-tabs li\r\n\t\t\t\t{\r\n\t\t\t\tfloat:left;\r\n\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\r\n\t\t\t#wpsm_tab_container_206 .wpsm_nav li .wpsm_tabs_img_icon{\r\n\t\tbox-shadow:none;\r\n\t\t-webkit-box-shadow:none;\r\n\t\t\t\t\twidth:19px;\r\n\t\t\theight:19px;\r\n\t\t\t}\r\n\t\r\n\t#wpsm_tab_container_206 .wpsm_tab_206 .wpsm_nav-tabs li a\r\n\t{\r\n\t\t\t\t\t\tbackground-image: none !important;\r\n\t\t\t\t}\r\n\t\r\n\t\t.wpsm_tab_206 .wpsm_nav-tabs li a i,\r\n\t.wpsm_tab_206 .wpsm_nav-tabs li a img\r\n\t{\t\r\n\t\t\t\r\n\t\t\tdisplay:inline;\r\n\t\t\tmargin:0 8px 0 0;\r\n\t\t\t\t}\r\n\t<\/style><style>\r\n\/*Design 1 *\/\r\n.wpsm_tab_206 .wpsm_nav-tabs li a,\r\n.wpsm_tab_206 a:hover,\r\n.wpsm_tab_206 a:focus{\r\n    outline: none;\r\n    text-decoration: none;\r\n}\r\n.wpsm_tab_206 .wpsm_nav-tabs{\r\n    background: transparent;\r\n\tborder-bottom:0px;\r\n}\r\n.wpsm_tab_206 .wpsm_nav-tabs li{\r\n    text-align: center;\r\n    margin-right: 0px;\r\n}\r\n.wpsm_tab_206 .wpsm_nav-tabs li a{\r\n    font-size: 19px;\r\n    color: #4f4f4f;\r\n    padding: 15px 15px;\r\n    background: #efefef;\r\n    margin-right: 0;\r\n    border-radius: 0;\r\n    border: none;\r\n    position: relative;\r\n    transition: all 0.5s ease 0s;\r\n\tfont-weight:300;\r\n\tfont-family:Vollkorn;\r\n\ttext-align:center;\r\n\tvertical-align:middle;\r\n}\r\n.wpsm_tab_206 .wpsm_nav-tabs li.active a,\r\n.wpsm_tab_206 .wpsm_nav-tabs li a:hover{\r\n    background: #24a1ed !important;\r\n    color: #ffffff !important;\r\n    border: none;\r\n}\r\n.wpsm_tab_206 .wpsm_nav-tabs li a i{\r\n\t\/*padding-left:8px;\r\n\tpadding-right:8px;*\/\r\n\tcolor: #4f4f4f;\r\n\tfont-size: 19px;\r\n}\r\n\r\n.wpsm_tab_206 .wpsm_nav-tabs li.active a i,\r\n.wpsm_tab_206 .wpsm_nav-tabs li a:hover i{\r\n\tcolor: #ffffff !important;\r\n}\r\n.wpsm_tab_206 .wpsm_tab_content{\r\n    font-size: 19px;\r\n    color: #595959;\r\n\tbackground: #ffffff;\r\n    padding: 25px 35px;\r\n    border: 1px solid #eaeaea;\r\n\tfont-family:Vollkorn;\r\n\tline-height:1.6;\r\n}\r\n.wpsm_tab_206 .wpsm_tab_content .tab-pane p{\r\n    font-size: 19px;\r\n    color: #595959;\r\n\tbackground: #ffffff;\r\n    font-family:Vollkorn;\r\n\tline-height:1.6;\r\n\tpadding:0;\r\n\ttext-align:left;\r\n}\r\n.wpsm_tab_206 .wpsm_tab_content h3{\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    margin-top: 0;\r\n}\r\n\r\n@media only screen and (max-width: 600px){\r\n    .wpsm_tab_206 .wpsm_nav-tabs li{ \r\n\t\twidth: 100% !important; \r\n\t}\r\n\t\t\t.wpsm_tab_206 .wpsm_tab_content{\r\n\t\t\tborder: 1px solid #eaeaea;\r\n\t\t}\r\n\t}\r\n<\/style><div id=\"wpsm_tab_container_206\">\r\n\t<div class=\"wpsm_tab_206\"  role=\"tabpanel\">\r\n\t\t\r\n\t\t<!-- wpshopmart tabs pro menu -->\r\n\t\t<ul class=\"wpsm_nav wpsm_nav-tabs\" role=\"tablist\" id=\"myTab_206\">\r\n\t\t\t                 \r\n\t\t\t\t<li role=\"presentation\" class=\"active\">\r\n\t\t\t\t\t<a href=\"#tabs_desc_206_1\" aria-controls=\"home\" role=\"tab\" data-toggle=\"tab\"  style=\"\">\r\n\t\t\t\t\t\t<i class=\"fa fa-mobile-phone wpsm-icons\"   ><\/i>Sample Title\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t                 \r\n\t\t\t\t<li role=\"presentation\" class=\"\">\r\n\t\t\t\t\t<a href=\"#tabs_desc_206_2\" aria-controls=\"home\" role=\"tab\" data-toggle=\"tab\"  style=\"\">\r\n\t\t\t\t\t\t<i class=\"fa fa-mobile-phone wpsm-icons\"   ><\/i>Sample Title\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t                 \r\n\t\t\t\t<li role=\"presentation\" class=\"\">\r\n\t\t\t\t\t<a href=\"#tabs_desc_206_3\" aria-controls=\"home\" role=\"tab\" data-toggle=\"tab\"  style=\"\">\r\n\t\t\t\t\t\t<i class=\"fa fa-mobile-phone wpsm-icons\"   ><\/i>Sample Title\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t  \r\n\t\t<\/ul>\r\n\t\t\r\n\t\t<!-- wpshopmart tabs pro Menu Content -->\r\n\t\t<div class=\"wpsm_tab_content tabs\">\r\n\t\t\t \r\n\t\t\t\t<div role=\"tabpanel\" class=\"tab-pane animated slideInRight in active \" id=\"tabs_desc_206_1\">\r\n\t\t\t\t\t\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-206 gallery-columns-3 gallery-size-medium'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-content\/uploads\/sites\/4\/2017\/05\/spacecat_2-wallpaper-960x540-1.jpg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-content\/uploads\/sites\/4\/2017\/05\/alone_29-wallpaper-960x540-1.jpg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-content\/uploads\/sites\/4\/2017\/05\/road_landscape_7-wallpaper-960x540-1.jpg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-content\/uploads\/sites\/4\/2017\/05\/car_cadillac_desert_sand_sandstorm_sunset-wallpaper-960x540-1.jpg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-content\/uploads\/sites\/4\/2017\/05\/the_flash_the_speed_force-wallpaper-960x540-1.jpg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-content\/uploads\/sites\/4\/2017\/05\/peace_of_heaven-wallpaper-960x540-1.jpg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t<div role=\"tabpanel\" class=\"tab-pane animated slideInRight\" id=\"tabs_desc_206_2\">\r\n\t\t\t\t\t<p>[Best_Wordpress_Gallery id=\"4\" gal_title=\"gallery2\"]<\/p>\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t<div role=\"tabpanel\" class=\"tab-pane animated slideInRight\" id=\"tabs_desc_206_3\">\r\n\t\t\t\t\t<p>Sample Description<\/p>\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t  \r\n\t\t<\/div>\r\n\t\t\r\n\t<\/div> \r\n<\/div>\r\n\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-screen.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-json\/wp\/v2\/pages\/208"}],"collection":[{"href":"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-json\/wp\/v2\/comments?post=208"}],"version-history":[{"count":1,"href":"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-json\/wp\/v2\/pages\/208\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-json\/wp\/v2\/pages\/208\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/wpshopmart.com\/demos\/tabs-pro\/wp-json\/wp\/v2\/media?parent=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}