{"id":357,"date":"2015-03-25T23:12:31","date_gmt":"2015-03-25T23:12:31","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=357"},"modified":"2015-03-25T23:12:31","modified_gmt":"2015-03-25T23:12:31","slug":"paginations","status":"publish","type":"page","link":"https:\/\/test.innovative8.uk.com\/wp3\/paginations\/","title":{"rendered":"Paginations"},"content":{"rendered":"<section class=\"css-section\">\n<h2 class=\"section-title no-margin-top\">Basic Pagination<\/h2>\n<div class=\"row\">\n<div class=\"col-md-4\">\n<ul class=\"pagination\">\n<li><a href=\"#\">&laquo;<\/a><\/li>\n<li><a href=\"#\">1<\/a><\/li>\n<li><a href=\"#\">2<\/a><\/li>\n<li><a href=\"#\">3<\/a><\/li>\n<li><a href=\"#\">4<\/a><\/li>\n<li><a href=\"#\">5<\/a><\/li>\n<li><a href=\"#\">&raquo;<\/a><\/li>\n<\/ul><\/div>\n<div class=\"col-md-4\">\n<ul class=\"pagination\">\n<li class=\"disabled\"><a href=\"#\">&laquo;<\/a><\/li>\n<li class=\"active\"><a href=\"#\">1<\/a><\/li>\n<li><a href=\"#\">2<\/a><\/li>\n<li><a href=\"#\">3<\/a><\/li>\n<li><a href=\"#\">4<\/a><\/li>\n<li><a href=\"#\">5<\/a><\/li>\n<li><a href=\"#\">&raquo;<\/a><\/li>\n<\/ul><\/div>\n<div class=\"col-md-4\">\n<ul class=\"pager\">\n<li><a href=\"#\">&laquo; Previous<\/a><\/li>\n<li><a href=\"#\">Next &raquo;<\/a><\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse1\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse1\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;ul class=&quot;pagination&quot;&gt;<br \/>\n&lt;li class=&quot;disabled&quot;&gt;&lt;a href=&quot;#&quot;&gt;&amp;laquo;&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;1&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;2&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;3&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;4&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;5&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;&amp;raquo;&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;ul class=&quot;pager&quot;&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;&amp;laquo; Previous&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Next &amp;raquo;&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<h3>Line Pagination Style<\/h3>\n<\/p><\/div>\n<div class=\"col-md-4\">\n<ul class=\"pagination pagination-border\">\n<li><a href=\"#\">&laquo;<\/a><\/li>\n<li><a href=\"#\">1<\/a><\/li>\n<li><a href=\"#\">2<\/a><\/li>\n<li><a href=\"#\">3<\/a><\/li>\n<li><a href=\"#\">4<\/a><\/li>\n<li><a href=\"#\">5<\/a><\/li>\n<li><a href=\"#\">&raquo;<\/a><\/li>\n<\/ul><\/div>\n<div class=\"col-md-4\">\n<ul class=\"pagination pagination-border\">\n<li class=\"disabled\"><a href=\"#\">&laquo;<\/a><\/li>\n<li class=\"active\"><a href=\"#\">1<\/a><\/li>\n<li><a href=\"#\">2<\/a><\/li>\n<li><a href=\"#\">3<\/a><\/li>\n<li><a href=\"#\">4<\/a><\/li>\n<li><a href=\"#\">5<\/a><\/li>\n<li><a href=\"#\">&raquo;<\/a><\/li>\n<\/ul><\/div>\n<div class=\"col-md-4\">\n<ul class=\"pager pager-border\">\n<li><a href=\"#\">&laquo; Previous<\/a><\/li>\n<li><a href=\"#\">Next &raquo;<\/a><\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse2\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse2\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;ul class=&quot;pagination pagination-border&quot;&gt;<br \/>\n&lt;li class=&quot;disabled&quot;&gt;&lt;a href=&quot;#&quot;&gt;&amp;laquo;&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;1&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;2&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;3&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;4&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;5&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;&amp;raquo;&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;ul class=&quot;pager pager-border&quot;&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;&amp;laquo; Previous&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Next &amp;raquo;&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<h3>Different Sizes<\/h3>\n<\/p><\/div>\n<div class=\"col-md-4\">\n<ul class=\"pagination pagination-sm\">\n<li class=\"disabled\"><a href=\"#\">&laquo;<\/a><\/li>\n<li class=\"active\"><a href=\"#\">1<\/a><\/li>\n<li><a href=\"#\">2<\/a><\/li>\n<li><a href=\"#\">3<\/a><\/li>\n<li><a href=\"#\">4<\/a><\/li>\n<li><a href=\"#\">5<\/a><\/li>\n<li><a href=\"#\">&raquo;<\/a><\/li>\n<\/ul><\/div>\n<div class=\"col-md-4\">\n<ul class=\"pagination\">\n<li class=\"disabled\"><a href=\"#\">&laquo;<\/a><\/li>\n<li class=\"active\"><a href=\"#\">1<\/a><\/li>\n<li><a href=\"#\">2<\/a><\/li>\n<li><a href=\"#\">3<\/a><\/li>\n<li><a href=\"#\">4<\/a><\/li>\n<li><a href=\"#\">5<\/a><\/li>\n<li><a href=\"#\">&raquo;<\/a><\/li>\n<\/ul><\/div>\n<div class=\"col-md-4\">\n<ul class=\"pagination pagination-lg\">\n<li class=\"disabled\"><a href=\"#\">&laquo;<\/a><\/li>\n<li class=\"active\"><a href=\"#\">1<\/a><\/li>\n<li><a href=\"#\">2<\/a><\/li>\n<li><a href=\"#\">3<\/a><\/li>\n<li><a href=\"#\">4<\/a><\/li>\n<li><a href=\"#\">5<\/a><\/li>\n<li><a href=\"#\">&raquo;<\/a><\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div class=\"row\">\n<div class=\"col-md-4\">\n<ul class=\"pagination pagination-sm pagination-border\">\n<li class=\"disabled\"><a href=\"#\">&laquo;<\/a><\/li>\n<li class=\"active\"><a href=\"#\">1<\/a><\/li>\n<li><a href=\"#\">2<\/a><\/li>\n<li><a href=\"#\">3<\/a><\/li>\n<li><a href=\"#\">4<\/a><\/li>\n<li><a href=\"#\">5<\/a><\/li>\n<li><a href=\"#\">&raquo;<\/a><\/li>\n<\/ul><\/div>\n<div class=\"col-md-4\">\n<ul class=\"pagination pagination-border\">\n<li class=\"disabled\"><a href=\"#\">&laquo;<\/a><\/li>\n<li class=\"active\"><a href=\"#\">1<\/a><\/li>\n<li><a href=\"#\">2<\/a><\/li>\n<li><a href=\"#\">3<\/a><\/li>\n<li><a href=\"#\">4<\/a><\/li>\n<li><a href=\"#\">5<\/a><\/li>\n<li><a href=\"#\">&raquo;<\/a><\/li>\n<\/ul><\/div>\n<div class=\"col-md-4\">\n<ul class=\"pagination pagination-lg pagination-border\">\n<li class=\"disabled\"><a href=\"#\">&laquo;<\/a><\/li>\n<li class=\"active\"><a href=\"#\">1<\/a><\/li>\n<li><a href=\"#\">2<\/a><\/li>\n<li><a href=\"#\">3<\/a><\/li>\n<li><a href=\"#\">4<\/a><\/li>\n<li><a href=\"#\">5<\/a><\/li>\n<li><a href=\"#\">&raquo;<\/a><\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse3\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse3\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;ul class=&quot;pagination pagination-sm&quot;&gt;<br \/>\n&#8230;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;ul class=&quot;pagination pagination&quot;&gt;<br \/>\n&#8230;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;ul class=&quot;pagination pagination-lg&quot;&gt;<br \/>\n&#8230;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;ul class=&quot;pagination pagination-border pagination-sm&quot;&gt;<br \/>\n&#8230;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;ul class=&quot;pagination pagination-border pagination&quot;&gt;<br \/>\n&#8230;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;ul class=&quot;pagination pagination-border pagination-lg&quot;&gt;<br \/>\n&#8230;<br \/>\n&lt;\/ul&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><br \/>\n            <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Basic Pagination &laquo; 1 2 3 4 5 &raquo; &laquo; 1 2 3 4 5 &raquo; &laquo; Previous Next &raquo; Show Code [xml] &lt;ul class=&quot;pagination&quot;&gt; &lt;li class=&quot;disabled&quot;&gt;&lt;a href=&quot;#&quot;&gt;&amp;laquo;&lt;\/a&gt;&lt;\/li&gt; &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;1&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;2&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;3&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;4&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;5&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&amp;raquo;&lt;\/a&gt;&lt;\/li&gt; &lt;\/ul&gt; &lt;ul class=&quot;pager&quot;&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&amp;laquo; Previous&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Next &amp;raquo;&lt;\/a&gt;&lt;\/li&gt; &lt;\/ul&gt; [\/xml] Line Pagination Style &laquo; 1 2 3 4 5 &raquo; &laquo; 1 2 3 4 5 &raquo; &laquo; Previous Next &raquo; Show Code [xml] &lt;ul class=&quot;pagination pagination-border&quot;&gt; &lt;li class=&quot;disabled&quot;&gt;&lt;a href=&quot;#&quot;&gt;&amp;laquo;&lt;\/a&gt;&lt;\/li&gt; &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;1&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;2&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;3&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;4&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;5&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&amp;raquo;&lt;\/a&gt;&lt;\/li&gt; &lt;\/ul&gt; &lt;ul class=&quot;pager pager-border&quot;&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&amp;laquo; Previous&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Next &amp;raquo;&lt;\/a&gt;&lt;\/li&gt; &lt;\/ul&gt; [\/xml] Different Sizes &laquo; 1 2 3 4 5 &raquo; &laquo; 1 2 3 4 5 &raquo; &laquo; 1 2 3 4 5 &raquo; &laquo; 1 2 3 4 5 &raquo; &laquo; 1 2 3 4 5 &raquo; &laquo; 1 2 3 4 5 &raquo; Show Code [xml] &lt;ul class=&quot;pagination pagination-sm&quot;&gt; &#8230; &lt;\/ul&gt; &lt;ul class=&quot;pagination pagination&quot;&gt; &#8230; &lt;\/ul&gt; &lt;ul class=&quot;pagination pagination-lg&quot;&gt; &#8230; &lt;\/ul&gt; &lt;ul class=&quot;pagination pagination-border pagination-sm&quot;&gt; &#8230; &lt;\/ul&gt; &lt;ul class=&quot;pagination pagination-border pagination&quot;&gt; &#8230; &lt;\/ul&gt; &lt;ul class=&quot;pagination pagination-border pagination-lg&quot;&gt; &#8230; &lt;\/ul&gt; [\/xml]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-left-menu.php","meta":{"footnotes":""},"class_list":["post-357","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/comments?post=357"}],"version-history":[{"count":0,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/357\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/media?parent=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}