{"id":183,"date":"2013-03-05T11:36:30","date_gmt":"2013-03-05T11:36:30","guid":{"rendered":"http:\/\/3clicks.bringthepixel.com\/?page_id=183"},"modified":"2013-03-05T11:36:30","modified_gmt":"2013-03-05T11:36:30","slug":"tabs","status":"publish","type":"page","link":"https:\/\/blanchon.co.il\/en\/shortcodes\/other\/tabs\/","title":{"rendered":"Tabs Shortcodes"},"content":{"rendered":"<h2>3 Alternative Styles<\/h2>\n<h3>simple<\/h3>\n<div id=\"g1-tabs-1\" class=\"g1-tabs g1-tabs--simple g1-type--click g1-tabs--horizontal g1-tabs--top g1-align-left \">\n<div id=\"tab-title-counter-1\" class=\"g1-tab-title \"><i id=\"icon-1\" class=\"g1-icon g1-icon--solid g1-icon--small g1-icon--inherit  fa fa-male\"><\/i><\/div>\n<div id=\"tab-content-counter-1\" class=\"g1-tab-content \">\n<p>Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<br \/>\n<\/div>\n<div id=\"tab-title-counter-2\" class=\"g1-tab-title \"><i id=\"icon-2\" class=\"g1-icon g1-icon--solid g1-icon--small g1-icon--inherit  fa fa-female\"><\/i><\/div>\n<div id=\"tab-content-counter-2\" class=\"g1-tab-content \">\n<p>Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<\/p>\n<\/div>\n<\/div>\n<h3>button<\/h3>\n<div id=\"g1-tabs-2\" class=\"g1-tabs g1-tabs--button g1-type--click g1-tabs--horizontal g1-tabs--top g1-align-left \">\n<div id=\"tab-title-counter-3\" class=\"g1-tab-title \">Caption #1<\/div>\n<div id=\"tab-content-counter-3\" class=\"g1-tab-content \">\n<p>Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<\/p>\n<\/div>\n<div id=\"tab-title-counter-4\" class=\"g1-tab-title \">Caption #2<\/div>\n<div id=\"tab-content-counter-4\" class=\"g1-tab-content \">\n<p>Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<\/p>\n<\/div>\n<\/div>\n<h3>none<\/h3>\n<div id=\"g1-tabs-3\" class=\"g1-tabs g1-tabs--transparent g1-type--click g1-tabs--horizontal g1-tabs--top g1-align-left \">\n<div id=\"tab-title-counter-5\" class=\"g1-tab-title \"><i id=\"icon-3\" class=\"g1-icon g1-icon--solid g1-icon--small g1-icon--inherit  fa fa-male\"><\/i><\/div>\n<div id=\"tab-content-counter-5\" class=\"g1-tab-content \">\n<p>Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<\/p>\n<\/div>\n<div id=\"tab-title-counter-6\" class=\"g1-tab-title \"><i id=\"icon-4\" class=\"g1-icon g1-icon--solid g1-icon--small g1-icon--inherit  fa fa-female\"><\/i><\/div>\n<div id=\"tab-content-counter-6\" class=\"g1-tab-content \">\n<p>Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<\/p>\n<\/div>\n<\/div>\n<div id=\"g1-toggle-counter-1\" class=\"g1-toggle g1-toggle--off g1-toggle--simple g1-toggle--icon \" ><div class=\"g1-toggle__title\"><i class=\"fa fa-file-o\"><\/i>Get The Code<\/div><div class=\"g1-toggle__content\"><div class=\"g1-block\">\n<div class=\"g1-code\"><\/p>\n&lt;h3&gt;simple&lt;\/h3&gt;\n<p>[tabs style=&quot;simple&quot; position=&quot;top-left&quot;]<\/p>\n<p>[tab_title][icon size=&quot;small&quot; icon=&quot;male&quot; style=&quot;solid&quot;][\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<br \/>\n[\/tab_content]<\/p>\n<p>[tab_title][icon size=&quot;small&quot; icon=&quot;female&quot; style=&quot;solid&quot;][\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n&lt;h3&gt;button&lt;\/h3&gt;\n<p>[tabs style=&quot;button&quot; position=&quot;top-left&quot;]<\/p>\n<p>[tab_title]Caption #1[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]Caption #2[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n&lt;h3&gt;none&lt;\/h3&gt;\n<p>[tabs style=&quot;transparent&quot; position=&quot;top-left&quot;]<\/p>\n<p>[tab_title][icon size=&quot;small&quot; icon=&quot;male&quot; style=&quot;solid&quot;][\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title][icon size=&quot;small&quot; icon=&quot;female&quot; style=&quot;solid&quot;][\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n<p><\/div>\n<\/div><\/div><\/div>\n<div id=\"g1-divider-1\" class=\"g1-divider g1-divider--none g1-divider--noicon \"><\/div>\n<h2>Multiple Tab Positions<\/h2>\n<ul class=\"g1-grid\"><li class=\"g1-column g1-one-half g1-valign-top\">\n<h4>top-left<\/h4>\n<div id=\"g1-tabs-4\" class=\"g1-tabs g1-tabs--simple g1-type--click g1-tabs--horizontal g1-tabs--top g1-align-left \">\n<div id=\"tab-title-counter-7\" class=\"g1-tab-title \">#1<\/div>\n<div id=\"tab-content-counter-7\" class=\"g1-tab-content \">\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<\/div>\n<div id=\"tab-title-counter-8\" class=\"g1-tab-title \">#2<\/div>\n<div id=\"tab-content-counter-8\" class=\"g1-tab-content \">\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<\/div>\n<\/div>\n<\/li><!-- -->\n<li class=\"g1-column g1-one-half g1-valign-top\">\n<h4>top-center<\/h4>\n<div id=\"g1-tabs-5\" class=\"g1-tabs g1-tabs--simple g1-type--click g1-tabs--horizontal g1-tabs--top g1-align-center \">\n<div id=\"tab-title-counter-9\" class=\"g1-tab-title \">#1<\/div>\n<div id=\"tab-content-counter-9\" class=\"g1-tab-content \">\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<\/div>\n<div id=\"tab-title-counter-10\" class=\"g1-tab-title \">#2<\/div>\n<div id=\"tab-content-counter-10\" class=\"g1-tab-content \">\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<\/div>\n<p>[\/tab_content]<\/p>\n<\/div>\n<\/li><!-- --><\/ul>\n<ul class=\"g1-grid\"><li class=\"g1-column g1-one-half g1-valign-top\">\n<h4>top-right<\/h4>\n<div id=\"g1-tabs-6\" class=\"g1-tabs g1-tabs--simple g1-type--click g1-tabs--horizontal g1-tabs--top g1-align-right \">\n<div id=\"tab-title-counter-11\" class=\"g1-tab-title \">#1<\/div>\n<div id=\"tab-content-counter-11\" class=\"g1-tab-content \">\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<\/div>\n<div id=\"tab-title-counter-12\" class=\"g1-tab-title \">#2 Tab<\/div>\n<div id=\"tab-content-counter-12\" class=\"g1-tab-content \">\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<\/div>\n<\/div>\n<\/li><!-- -->\n<li class=\"g1-column g1-one-half g1-valign-top\">\n<h4>bottom-left<\/h4>\n<div id=\"g1-tabs-7\" class=\"g1-tabs g1-tabs--simple g1-type--click g1-tabs--horizontal g1-tabs--bottom g1-align-left \">\n<div id=\"tab-title-counter-13\" class=\"g1-tab-title \">#1<\/div>\n<div id=\"tab-content-counter-13\" class=\"g1-tab-content \">\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<\/div>\n<div id=\"tab-title-counter-14\" class=\"g1-tab-title \">#2<\/div>\n<div id=\"tab-content-counter-14\" class=\"g1-tab-content \">\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<\/div>\n<\/div>\n<\/li><!-- --><\/ul>\n<ul class=\"g1-grid\"><li class=\"g1-column g1-one-half g1-valign-top\">\n<h4>bottom-center<\/h4>\n<div id=\"g1-tabs-8\" class=\"g1-tabs g1-tabs--simple g1-type--click g1-tabs--horizontal g1-tabs--bottom g1-align-center \">\n<div id=\"tab-title-counter-15\" class=\"g1-tab-title \">#1<\/div>\n<div id=\"tab-content-counter-15\" class=\"g1-tab-content \">\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<\/div>\n<div id=\"tab-title-counter-16\" class=\"g1-tab-title \">#2<\/div>\n<div id=\"tab-content-counter-16\" class=\"g1-tab-content \">\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<\/div>\n<\/div>\n<\/li><!-- -->\n<li class=\"g1-column g1-one-half g1-valign-top\">\n<h4>bottom-right<\/h4>\n<div id=\"g1-tabs-9\" class=\"g1-tabs g1-tabs--simple g1-type--click g1-tabs--horizontal g1-tabs--bottom g1-align-right \">\n<div id=\"tab-title-counter-17\" class=\"g1-tab-title \">#1<\/div>\n<div id=\"tab-content-counter-17\" class=\"g1-tab-content \">\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<\/div>\n<div id=\"tab-title-counter-18\" class=\"g1-tab-title \">#2<\/div>\n<div id=\"tab-content-counter-18\" class=\"g1-tab-content \">\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<\/div>\n<\/div>\n<\/li><!-- --><\/ul>\n<ul class=\"g1-grid\"><li class=\"g1-column g1-one-half g1-valign-top\">\n<h4>left-top<\/h4>\n<div id=\"g1-tabs-10\" class=\"g1-tabs g1-tabs--simple g1-type--click g1-tabs--vertical g1-tabs--left g1-align-top \">\n<div id=\"tab-title-counter-19\" class=\"g1-tab-title \">#1<\/div>\n<div id=\"tab-content-counter-19\" class=\"g1-tab-content \">\n<p>Fusce mollis, nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<\/div>\n<div id=\"tab-title-counter-20\" class=\"g1-tab-title \">#2<\/div>\n<div id=\"tab-content-counter-20\" class=\"g1-tab-content \">\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<\/div>\n<\/div>\n<\/li><!-- -->\n<li class=\"g1-column g1-one-half g1-valign-top\">\n<h4>right-top<\/h3>\n<div id=\"g1-tabs-11\" class=\"g1-tabs g1-tabs--simple g1-type--click g1-tabs--vertical g1-tabs--right g1-align-top \">\n<div id=\"tab-title-counter-21\" class=\"g1-tab-title \">#1<\/div>\n<div id=\"tab-content-counter-21\" class=\"g1-tab-content \">\n<p>Duis turpis eros, tincidunt id tincidunt at, tempor a nisi. Fusce turpis mi, sollicitudin non volutpat id, ornare at nunc. Vestibulum tristique molestie.<\/p>\n<\/div>\n<div id=\"tab-title-counter-22\" class=\"g1-tab-title \">#2<\/div>\n<div id=\"tab-content-counter-22\" class=\"g1-tab-content \">\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<\/div>\n<\/div>\n<\/li><!-- --><\/ul>\n<div id=\"g1-toggle-counter-2\" class=\"g1-toggle g1-toggle--off g1-toggle--simple g1-toggle--icon \" ><div class=\"g1-toggle__title\"><i class=\"fa fa-file-o\"><\/i>Get The Code<\/div><div class=\"g1-toggle__content\"><div class=\"g1-block\">\n<div class=\"g1-code\"><\/p>\n&lt;h4&gt;top-left&lt;\/h4&gt;\n<p>[tabs position=&quot;top-left&quot;]<\/p>\n<p>[tab_title]#1[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]#2[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n&lt;h4&gt;top-center&lt;\/h4&gt;\n<p>[tabs position=&quot;top-center&quot;]<\/p>\n<p>[tab_title]#1[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]#2[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n&lt;h4&gt;top-right&lt;\/h4&gt;\n<p>[tabs position=&quot;top-right&quot;]<\/p>\n<p>[tab_title]#1[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]#2 Tab[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n&lt;h4&gt;bottom-left&lt;\/h4&gt;\n<p>[tabs position=&quot;bottom-left&quot;]<\/p>\n<p>[tab_title]#1[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]#2[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n&lt;h4&gt;bottom-center&lt;\/h4&gt;\n<p>[tabs position=&quot;bottom-center&quot;]<\/p>\n<p>[tab_title]#1[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]#2[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n&lt;h4&gt;bottom-right&lt;\/h4&gt;\n<p>[tabs position=&quot;bottom-right&quot;]<\/p>\n<p>[tab_title]#1[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]#2[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n&lt;h4&gt;left-top&lt;\/h4&gt;\n<p>[tabs position=&quot;left-top&quot;]<\/p>\n<p>[tab_title]#1[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Fusce mollis, nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]#2[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n&lt;h4&gt;right-top&lt;\/h3&gt;\n<p>[tabs position=&quot;right-top&quot;]<\/p>\n<p>[tab_title]#1[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Duis turpis eros, tincidunt id tincidunt at, tempor a nisi. Fusce turpis mi, sollicitudin non volutpat id, ornare at nunc. Vestibulum tristique molestie.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]#2[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n<p><\/div>\n<\/div><\/div><\/div>\n<div id=\"g1-divider-top-1\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2>Different Opening Method<\/h2>\n<ul class=\"g1-grid\"><li class=\"g1-column g1-one-half g1-valign-top\">\n<h4>click<\/h4>\n<div id=\"g1-tabs-12\" class=\"g1-tabs g1-tabs--simple g1-type--click g1-tabs--horizontal g1-tabs--top g1-align-left \">\n<div id=\"tab-title-counter-23\" class=\"g1-tab-title \">#1<\/div>\n<div id=\"tab-content-counter-23\" class=\"g1-tab-content \">\n<p><strong>Tab 1<\/strong>: Duis turpis eros, tincidunt id tincidunt at, tempor a nisi. Fusce turpis mi, sollicitudin non volutpat id, ornare at nunc. Vestibulum tristique.<\/p>\n<\/div>\n<div id=\"tab-title-counter-24\" class=\"g1-tab-title \">#2<\/div>\n<div id=\"tab-content-counter-24\" class=\"g1-tab-content \">\n<p><strong>Tab 2<\/strong>: Nullam vel nibh id dolor tristique viverra. Aliquam blandit sapien massa. Aenean non facilisis quam. Donec mollis leo sed eros ullamcorper, in consequat magna volutpat. Nunc bibendum neque vitae felis feugiat fringilla et vitae nulla.<\/p>\n<\/div>\n<\/div>\n<\/li><!-- -->\n<li class=\"g1-column g1-one-half g1-valign-top\">\n<h4>hover<\/h4>\n<div id=\"g1-tabs-13\" class=\"g1-tabs g1-tabs--simple g1-type--hover g1-tabs--horizontal g1-tabs--top g1-align-left \">\n<div id=\"tab-title-counter-25\" class=\"g1-tab-title \">#1<\/div>\n<div id=\"tab-content-counter-25\" class=\"g1-tab-content \">\n<p><strong>Tab 1<\/strong>: sit amet turpis eu est laoreet porta. Praesent enim magna, sodales eu scelerisque a, euismod eget metus. Praesent neque enim.<\/p>\n<\/div>\n<div id=\"tab-title-counter-26\" class=\"g1-tab-title \">#2<\/div>\n<div id=\"tab-content-counter-26\" class=\"g1-tab-content \">\n<p><strong>Tab 2<\/strong>: sit amet turpis eu est laoreet porta. Praesent enim magna, sodales eu scelerisque a, euismod eget metus. Praesent neque enim.<\/p>\n<\/div>\n<\/div>\n<\/li><!-- --><\/ul>\n<div id=\"g1-toggle-counter-3\" class=\"g1-toggle g1-toggle--off g1-toggle--simple g1-toggle--icon \" ><div class=\"g1-toggle__title\"><i class=\"fa fa-file-o\"><\/i>Get The Code<\/div><div class=\"g1-toggle__content\"><div class=\"g1-block\">\n<div class=\"g1-code\"><\/p>\n&lt;h4&gt;click&lt;\/h4&gt;\n<p>[tabs type=&quot;click&quot; position=&quot;top-left&quot;]<\/p>\n<p>[tab_title]#1[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>&lt;strong&gt;Tab 1&lt;\/strong&gt;: Duis turpis eros, tincidunt id tincidunt at, tempor a nisi. Fusce turpis mi, sollicitudin non volutpat id, ornare at nunc. Vestibulum tristique.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]#2[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>&lt;strong&gt;Tab 2&lt;\/strong&gt;: Nullam vel nibh id dolor tristique viverra. Aliquam blandit sapien massa. Aenean non facilisis quam. Donec mollis leo sed eros ullamcorper, in consequat magna volutpat. Nunc bibendum neque vitae felis feugiat fringilla et vitae nulla.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n&lt;h4&gt;hover&lt;\/h4&gt;\n<p>[tabs type=&quot;hover&quot; position=&quot;top-left&quot;]<\/p>\n<p>[tab_title]#1[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>&lt;strong&gt;Tab 1&lt;\/strong&gt;: sit amet turpis eu est laoreet porta. Praesent enim magna, sodales eu scelerisque a, euismod eget metus. Praesent neque enim.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[tab_title]#2[\/tab_title]<\/p>\n<p>[tab_content]<\/p>\n<p>&lt;strong&gt;Tab 2&lt;\/strong&gt;: sit amet turpis eu est laoreet porta. Praesent enim magna, sodales eu scelerisque a, euismod eget metus. Praesent neque enim.<\/p>\n<p>[\/tab_content]<\/p>\n<p>[\/tabs]<\/p>\n<p><\/div>\n<\/div><\/div><\/div>\n<div id=\"g1-divider-2\" class=\"g1-divider g1-divider--none g1-divider--noicon \"><\/div>\n<p><span><i id=\"icon-5\" class=\"g1-icon g1-icon--solid g1-icon--medium g1-icon--circle  fa fa-lightbulb-o\"><\/i><\/span><\/p>\n<h2>&#091;tabs&#093; Shortcode documentation<\/h2>\n<div class=\"g1-sc-doc\"><ul class=\"g1-sc-doc__attributes\"><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">id<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The id attribute specifies an id for an HTML element.<br \/>It must be unique within the HTML document.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">class<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The class attribute specifies a class name for an HTML element.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">position<\/div><div class=\"g1-description\"><div class=\"g1-options-label\">Available Options:<\/div><ul class=\"g1-options\"><li><span>top-left<\/span><\/li><li><span>top-center<\/span><\/li><li><span>top-right<\/span><\/li><li><span>bottom-left<\/span><\/li><li><span>bottom-center<\/span><\/li><li><span>bottom-right<\/span><\/li><li><span>left-top<\/span><\/li><li><span>right-top<\/span><\/li><\/ul><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">style<\/div><div class=\"g1-description\"><div class=\"g1-options-label\">Available Options:<\/div><ul class=\"g1-options\"><li><span>simple<\/span><\/li><li><span>button<\/span><\/li><li><span>transparent<\/span><\/li><\/ul><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">type<\/div><div class=\"g1-description\"><div class=\"g1-options-label\">Available Options:<\/div><ul class=\"g1-options\"><li><span>click<\/span> - change tab on click<\/li><li><span>hover<\/span> - change tab on hover<\/li><\/ul><\/div><\/li><\/ul><\/div>\n<div id=\"g1-divider-3\" class=\"g1-divider g1-divider--none g1-divider--noicon \"><\/div>\n<p><span><i id=\"icon-6\" class=\"g1-icon g1-icon--solid g1-icon--medium g1-icon--circle  fa fa-lightbulb-o\"><\/i><\/span><\/p>\n<h2>&#091;tab_title&#093; Shortcode documentation<\/h2>\n<div class=\"g1-sc-doc\"><ul class=\"g1-sc-doc__attributes\"><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">id<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The id attribute specifies an id for an HTML element.<br \/>It must be unique within the HTML document.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">class<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The class attribute specifies a class name for an HTML element.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><\/ul><\/div>\n<div id=\"g1-divider-4\" class=\"g1-divider g1-divider--none g1-divider--noicon \"><\/div>\n<p><span><i id=\"icon-7\" class=\"g1-icon g1-icon--solid g1-icon--medium g1-icon--circle  fa fa-lightbulb-o\"><\/i><\/span><\/p>\n<h2>&#091;tab_content&#093; Shortcode documentation<\/h2>\n<div class=\"g1-sc-doc\"><ul class=\"g1-sc-doc__attributes\"><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">id<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The id attribute specifies an id for an HTML element.<br \/>It must be unique within the HTML document.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><li class=\"g1-sc-doc__attribute\"><div class=\"g1-name\">class<\/div><div class=\"g1-description\"><div class=\"g1-hint\">The class attribute specifies a class name for an HTML element.<br \/>(Mainly for additional styling\/scripting purposes)<\/div><\/div><\/li><\/ul><\/div>\n","protected":false},"excerpt":{"rendered":"<p>3 Alternative Styles simple button none Multiple Tab Positions Different Opening Method &#091;tabs&#093; Shortcode documentation &#091;tab_title&#093; Shortcode documentation &#091;tab_content&#093; Shortcode documentation<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":585,"menu_order":535,"comment_status":"closed","ping_status":"closed","template":"g1_template_page_nav_right.php","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/183"}],"collection":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/comments?post=183"}],"version-history":[{"count":0,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/183\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/pages\/585"}],"wp:attachment":[{"href":"https:\/\/blanchon.co.il\/en\/wp-json\/wp\/v2\/media?parent=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}