{"id":162,"date":"2013-08-22T10:02:14","date_gmt":"2013-08-22T10:02:14","guid":{"rendered":"http:\/\/weblusive-themes.com\/straight\/?page_id=162"},"modified":"2013-08-22T10:02:14","modified_gmt":"2013-08-22T10:02:14","slug":"dynamic-elements","status":"publish","type":"page","link":"https:\/\/scarabaeus.net\/index.php\/asbl\/dynamic-elements\/","title":{"rendered":"Dynamic elements"},"content":{"rendered":"<p><div class=\"row-fluid\"><div class=\"span6\"><\/p>\n<h2 class=\"top-title top-spacing\"><span>Image slider<\/span><\/h2>\n<p><div class=\"flexslider\" id=\"flexslider-21330\"><ul class=\"slides\"><li><img decoding=\"async\" src=\"http:\/\/ignitethemes.com\/themeforest\/serrano\/images\/blog\/image4.jpg\" alt=\"Slide 1\" \/><p class=\"flex-caption\">Slide 1<\/p><\/li>\n<li><img decoding=\"async\" src=\"http:\/\/ignitethemes.com\/themeforest\/serrano\/images\/blog\/image3.jpg\" alt=\"Slide 2\" \/><p class=\"flex-caption\">Slide 2<\/p><\/li><\/ul><\/div>\r\n\t\t<script type=\"text\/javascript\">\r\n\t\t\tjQuery(document).ready(function() {\r\n\t\t\t\tjQuery(\"#flexslider-21330\").flexslider({controlNav:false,slideshowSpeed:5000, animation: 'fade'});\r\n\t\t\t});\r\n\t\t<\/script><\/div><div class=\"span6\"><\/p>\n<h2 class=\"top-title  top-spacing\"><span>Content slider<\/span><\/h2>\n<p>\r\n\t<div class=\"testimonial\">\r\n\t\t<a id=\"next-testimonial\" href=\"#\"><\/a>\r\n\t\t<a id=\"prev-testimonial\" href=\"#\"><\/a><ul>\t\t\r\n\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<blockquote>People let me tell you &#8217;bout my best friend, he&#8217;s a warm-hearted person who\u2019ll love me till the end. People let me tell you &#8217;bout my best friend, he&#8217;s a one boy cuddly toy, my up, my down, my pride and joy. People let me tell you &#8217;bout him. People let me tell you &#8217;bout my best friend, he&#8217;s a warm-hearted person who\u2019ll love me till the end<\/blockquote>\r\n\t\t\t\t\t\t<h4>Faton Avdiu<\/h4>\r\n\t\t\t\t\t\t<span>Web designer<\/span>\t\t\t\t\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t\n\t\t\r\n\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<blockquote>Wally Gator is a swinging alligator in the swamp. He&#8217;s the greatest percolator when he really starts to romp. There has never been a greater operator in the swamp. See ya later, Wally Gator.  There has never been a greater operator in the swamp. See ya later, Wally Gator.<\/blockquote>\r\n\t\t\t\t\t\t<h4>Jane Smith<\/h4>\r\n\t\t\t\t\t\t<span>SEO specialist<\/span>\t\t\t\t\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul><\/div><\/div><\/div>\r\n\t<section class=\"recent-projects\">\r\n\t\t<h2><span>Carousel<\/span><\/h2>\r\n\t\t<div class=\"row-fluid\">\r\n\t\t\t<div class=\"carousel slide\" id=\"myCarousel\">\r\n\t\t\t\t<a id=\"next-project\" data-slide=\"next\" href=\"#myCarousel\" class=\"right carousel-control\"><\/a>\r\n\t\t\t\t<a id=\"prev-project\" data-slide=\"prev\" href=\"#myCarousel\" class=\"left carousel-control\"><\/a>\r\n\t\t\t\t<div class=\"carousel-inner\"><div class=\"item\">\r\n\t\t\t\t\t\t<div class=\"project-post span3\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"206\" src=\"https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/ploutos03-270x206.jpg\" class=\"attachment-portfolio-4-col size-portfolio-4-col wp-post-image\" alt=\"\" srcset=\"https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/ploutos03-270x206.jpg 270w, https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/ploutos03-370x282.jpg 370w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/>\r\n\t\t\t\t\t\t\t<div class=\"project-content\">\r\n\t\t\t\t\t\t\t\t<h2>Ploutos d\u2019Aristophane  (388 av.J.C \u2013 2018 apr\u00e8s J.-C.)<\/h2>                                    \r\n\t\t\t\t\t\t\t\t<p>Le mot Ploutos (\u03c0\u03bb\u03bf\u03cd\u03c4\u03bf\u03c2) signifie richesse. \u00a0La pi\u00e8ce\u00a0 avec ce titre a...<\/p><a href=\"https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/ploutos03.jpg\" class=\"button btn-icon\" data-fancybox-group=\"gallery1\" title=\"Ploutos d\u2019Aristophane  (388 av.J.C \u2013 2018 apr\u00e8s J.-C.)\">\r\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon-zoom-in icon-large\"><\/i>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"project-post span3\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"206\" src=\"https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/n_sallea-270x206.jpg\" class=\"attachment-portfolio-4-col size-portfolio-4-col wp-post-image\" alt=\"\" srcset=\"https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/n_sallea-270x206.jpg 270w, https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/n_sallea-370x282.jpg 370w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/>\r\n\t\t\t\t\t\t\t<div class=\"project-content\">\r\n\t\t\t\t\t\t\t\t<h2>Salle B<\/h2>                                    \r\n\t\t\t\t\t\t\t\t<p>AAA Aaa...<\/p><a href=\"https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/n_sallea.jpg\" class=\"button btn-icon\" data-fancybox-group=\"gallery1\" title=\"Salle B\">\r\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon-zoom-in icon-large\"><\/i>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"project-post span3\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"206\" src=\"https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/n_sallea-x-270x206.jpg\" class=\"attachment-portfolio-4-col size-portfolio-4-col wp-post-image\" alt=\"\" srcset=\"https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/n_sallea-x-270x206.jpg 270w, https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/n_sallea-x-370x282.jpg 370w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/>\r\n\t\t\t\t\t\t\t<div class=\"project-content\">\r\n\t\t\t\t\t\t\t\t<h2>Salle A<\/h2>                                    \r\n\t\t\t\t\t\t\t\t<p>D A...<\/p><a href=\"https:\/\/scarabaeus.net\/wp-content\/uploads\/2018\/01\/n_sallea-x.jpg\" class=\"button btn-icon\" data-fancybox-group=\"gallery1\" title=\"Salle A\">\r\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon-zoom-in icon-large\"><\/i>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/section><\/p>\n<h2 class=\"top-title top-spacing\"><span>Third party videos<\/span><\/h2>\n<div class=\"row-fluid\"><div class=\"span6\"><div class=\"flex-video\"><iframe loading=\"lazy\" width=\"560\" height=\"300\" src=\"http:\/\/www.youtube.com\/embed\/rLWA_BoyR5E?autoplay=0\" class=\"vid iframe-youtube\"><\/iframe><\/div><\/div><div class=\"span6\"><div class=\"flex-video\"><iframe loading=\"lazy\" width=\"560\" height=\"300\" src=\"http:\/\/player.vimeo.com\/video\/7449107?autoplay=0\" class=\"vid iframe-vimeo\"><\/iframe><\/div><\/div><\/div>\n<h2 class=\"top-title top-spacing\"><span>Modal box<\/span><\/h2>\n<a href=\"#myModal15369\"  role=\"button\" data-toggle=\"modal\" class=\"btn  btn-info \">Click me to open a modal box<\/a><div id=\"myModal15369\"  class=\"modal hide fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\r\n\t<div class=\"modal-header\">\r\n\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">\u00d7<\/button>\r\n\t\t<h3 id=\"myModalLabel\">I am a modal box<\/h3>\r\n\t  <\/div>\r\n\t   <div class=\"modal-body\">\r\n\t\t<p>You asked, Font Awesome delivers with 58 shiny new icons in version 3.2. Want to request new icons? Here&#8217;s how. Need vectors or want to use on the desktop? Check the cheatsheet.<\/p>\r\n\t  <\/div>\r\n\t  <div class=\"modal-footer\">\r\n\t\t<button class=\"btn\" data-dismiss=\"modal\" aria-hidden=\"true\">Close<\/button>\r\n\t  <\/div>\r\n\t <\/div>\n<h2 class=\"top-title top-spacing\"><span>Tab, Accordion, toggle<\/span><\/h2>\n<div class=\"row-fluid\"><div class=\"span4\">\r\n\t\t\t<div class=\"toggle-wrapper\">\r\n\t\t\t\t<a href=\"#\" class=\"toggle-trigger\">Toggle 2<\/a>                  \r\n\t\t\t\t<div class=\"toggle-container\">\r\n\t\t\t\t\tirefox, Safari, Opera, Chrome, Software Version: Drupal 7.2.x, Drupal 7.1, Drupal 7.0, High Resolution: No\r\n\t\t\t\t<\/div>                  \r\n\t\t\t<\/div>\n\r\n\t\t\t<div class=\"toggle-wrapper\">\r\n\t\t\t\t<a href=\"#\" class=\"toggle-trigger\">Toggle 2<\/a>                  \r\n\t\t\t\t<div class=\"toggle-container\">\r\n\t\t\t\t\tirefox, Safari, Opera, Chrome, Software Version: Drupal 7.2.x, Drupal 7.1, Drupal 7.0, High Resolution: No\r\n\t\t\t\t<\/div>                  \r\n\t\t\t<\/div>\n\r\n\t\t\t<div class=\"toggle-wrapper\">\r\n\t\t\t\t<a href=\"#\" class=\"toggle-trigger\">Toggle 1<\/a>                  \r\n\t\t\t\t<div class=\"toggle-container\">\r\n\t\t\t\t\tirefox, Safari, Opera, Chrome, Software Version: Drupal 7.2.x, Drupal 7.1, Drupal 7.0, High Resolution: No\r\n\t\t\t\t<\/div>                  \r\n\t\t\t<\/div>\n\r\n\t\t\t<div class=\"toggle-wrapper\">\r\n\t\t\t\t<a href=\"#\" class=\"toggle-trigger\">Toggle 2<\/a>                  \r\n\t\t\t\t<div class=\"toggle-container\">\r\n\t\t\t\t\tirefox, Safari, Opera, Chrome, Software Version: Drupal 7.2.x, Drupal 7.1, Drupal 7.0, High Resolution: No\r\n\t\t\t\t<\/div>                  \r\n\t\t\t<\/div><\/div><div class=\"span4\"><div class=\"tabs\"><ul class=\"tab-list\"><li class=\"active\"><a href=\"#tabs-68406\">Tab 1<\/a><\/li>\n<li><a href=\"#tabs-68407\">Tab 2<\/a><\/li>\n<li><a href=\"#tabs-68408\">Tab 3<\/a><\/li><\/ul><div id=\"tabs-68406\" class=\"tab-content\">This is Photoshop&#8217;s version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat.<\/div>\n<div id=\"tabs-68407\" class=\"tab-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/div>\n<div id=\"tabs-68408\" class=\"tab-content\">cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent ta<\/div><\/div><\/div><div class=\"span4\"><div class=\"accordion\">\t\t\r\n\t\t\t\t<h2 class=\"active\">Accordion<\/h2>                  \r\n\t\t\t\t<div class=\"active\">Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. ccumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in<\/div>\r\n\t\t\t\n\t\t\r\n\t\t\t\t<h2>Accordion 2<\/h2>                  \r\n\t\t\t\t<div>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. ccumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in<\/div>\r\n\t\t\t\n\t\t\r\n\t\t\t\t<h2>Accordion 3<\/h2>                  \r\n\t\t\t\t<div>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. ccumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in<\/div>\r\n\t\t\t<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Third party videos Modal box Tab, Accordion, toggle<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/pages\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/comments?post=162"}],"version-history":[{"count":0,"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/pages\/162\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/pages\/8"}],"wp:attachment":[{"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/media?parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}