{"id":2480,"date":"2013-12-16T13:55:26","date_gmt":"2013-12-16T13:55:26","guid":{"rendered":"http:\/\/impreza.us-themes.net\/?page_id=2480"},"modified":"2019-07-14T17:52:41","modified_gmt":"2019-07-14T21:52:41","slug":"codelights","status":"publish","type":"page","link":"https:\/\/pubvisionair.com\/en\/elements\/codelights\/","title":{"rendered":"CodeLights Elements"},"content":{"rendered":"<section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h4 style=\"text-align: center;\"><strong>Modal Popup<\/strong><\/h4>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small\"><\/div><div class=\"g-cols wpb_row  type_default valign_top vc_inner \"><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-popup align_center\" ><div class=\"w-btn-wrapper\"><a href=\"javascript:void(0)\" class=\"w-popup-trigger type_btn w-btn us-btn-style_38\"><span class=\"w-btn-label\">Simple Popup<\/span><\/a><\/div><div class=\"w-popup-overlay\" style=\"background:rgba(0,0,0,0.85);\"><\/div><div class=\"w-popup-wrap\"><div class=\"w-popup-box animation_scaleUp without_title\" style=\"width:600px;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:40px;background:#ffffff;color:#666d70;\"><h2>This popup has a <strong>Medium<\/strong> size<\/h2>\n<p>Etiam euismod lobortis iaculis. Fusce in nisi in enim facilisis pellentesque. Maecenas pulvinar lacus sed dui scelerisque pharetra. Praesent interdum velit pretium rutrum volutpat. Proin porttitor neque sapien.<\/p>\n<p>Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Morbi at nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n<\/div><\/div><\/div><div class=\"w-popup-closer\" style=\"background:#ffffff;color:#666d70;\"><\/div><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-popup align_center\" ><div class=\"w-btn-wrapper\"><a href=\"javascript:void(0)\" class=\"w-popup-trigger type_btn w-btn us-btn-style_39\"><span class=\"w-btn-label\">Different Content<\/span><\/a><\/div><div class=\"w-popup-overlay\" style=\"background:rgba(0,0,0,0.85);\"><\/div><div class=\"w-popup-wrap\"><div class=\"w-popup-box animation_fadeIn without_title\" style=\"width:800px;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:5%;background:#ffffff;color:#666d70;\"><h1 style=\"text-align: center;\">COMBINE <strong>ANY CONTENT<\/strong><br \/>\nINSIDE A POPUP<\/h1>\n<p>Separate entrance welcomed sensible laughing why one moderate shy. We seeing piqued garden he. As in merry at forth least. And cold sons yet with. Delivered middleton therefore me at. Attachment companions man way excellence how her pianoforte.<\/p>\n<div class=\"w-gallery cols_6 link_file\"><div class=\"w-gallery-list\"><a class=\"w-gallery-item order_1\" href=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape.jpg\" title=\"Landscape image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"350\" height=\"350\" src=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape-350x350.jpg\" class=\"attachment-us_350_350_crop size-us_350_350_crop\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape-350x350.jpg 350w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape-150x150.jpg 150w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape-600x600.jpg 600w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/div><\/a><a class=\"w-gallery-item order_2\" href=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square.jpg\" title=\"Square image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"350\" height=\"350\" src=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-350x350.jpg\" class=\"attachment-us_350_350_crop size-us_350_350_crop\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-350x350.jpg 350w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-150x150.jpg 150w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-300x300.jpg 300w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-768x768.jpg 768w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-1024x1024.jpg 1024w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-600x600.jpg 600w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square.jpg 1200w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/div><\/a><a class=\"w-gallery-item order_3\" href=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-portrait.jpg\" title=\"Portrait image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"350\" height=\"350\" src=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-portrait-350x350.jpg\" class=\"attachment-us_350_350_crop size-us_350_350_crop\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-portrait-350x350.jpg 350w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-portrait-150x150.jpg 150w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-portrait-600x600.jpg 600w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/div><\/a><\/div><\/div>\n<p>He so lain good miss when sell some at if. Told hand so an rich gave next. How doubt yet again see son smart. While mirth large of on front. Ye he greater related adapted proceed entered an. Through it examine express promise no.<\/p>\n<h5><strong>Ordered<\/strong> lists<\/h5>\n<ol>\n<li>Remain <a href=\"#\">lively hardly<\/a> needed at do by<\/li>\n<li>Two you fat downs fanny three. True mr gone most at<\/li>\n<li>Dare as name just when with it body<\/li>\n<\/ol>\n<p>He so lain good miss when sell some at if. Told hand so an rich gave next. How doubt yet again see son smart. While mirth large of on front. Ye he greater related adapted proceed entered an. Through it examine express promise no.<\/p>\n<h5><strong>Unordered<\/strong> lists<\/h5>\n<ul>\n<li>Am of mr friendly by strongly peculiar juvenile<\/li>\n<li>Unpleasant it sufficient simplicity am by friendship no inhabiting<\/li>\n<li>Goodness doubtful material has denoting suitable she two<\/li>\n<\/ul>\n<h3>Add any media embeds: <strong>video, audio, images<\/strong> from popular sites<\/h3>\n<p>He so lain good miss when sell some at if. Told hand so an rich gave next. How doubt yet again see son smart. While mirth large of on front. Ye he greater related adapted proceed entered an. Through it examine express promise no.<\/p>\n<p><img loading=\"lazy\" class=\"alignright wp-image-3786\" src=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape.jpg\" alt=\"shutterstock_200139137\" width=\"300\" height=\"200\" \/>Travelling inquietude she increasing off <del>impossible<\/del> the. Cottage be noisier looking to we promise on. Disposal to kindness appetite diverted learning of on raptures. Betrayed any may returned now dashwood formerly.<\/p>\n<p>Boy desirous families prepared <strong>reserved<\/strong> add ecstatic say. Replied joy age visitor nothing cottage. Mrs door paid led loud sure easy read. Hastily at perhaps as neither or ye fertile tedious visitor.<\/p>\n<p>Boy desirous families prepared reserved add ecstatic say. Replied joy age visitor <strong>nothing cottage<\/strong>. Mrs door paid led loud sure easy read. Hastily at perhaps as neither or ye fertile tedious visitor. Use fine bed none call busy dull when. Quiet ought match my right by table means. Principles up do in me favourable affronting.<\/p>\n<p>Calling observe for who pressed raising his. <a href=\"#\">Can connection instrument<\/a> astonished unaffected his motionless preference. Announcing say boy precaution unaffected difficulty alteration him. Above be would at so going heard. Engaged at village at am equally proceed. Settle nay length almost ham direct extent. Agreement for listening remainder get attention law acuteness day indulged own way outlived.<\/p>\n<h2 style=\"text-align: center;\">Enjoy the <strong>limitless possibilities<br \/>\n<\/strong>with CodeLights <strong>Modal Popup<\/strong>!<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet faucibus tellus. Curabitur augue lorem, auctor at elit ut, pellentesque ullamcorper leo. Sed et urna consectetur, vulputate urna ut, interdum eros. Integer sagittis porttitor vestibulum.<\/p>\n<\/div><\/div><\/div><div class=\"w-popup-closer\" style=\"background:#ffffff;color:#666d70;\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-popup align_center\" ><div class=\"w-btn-wrapper\"><a href=\"javascript:void(0)\" class=\"w-popup-trigger type_btn w-btn us-btn-style_40\"><span class=\"w-btn-label\">Transparent Popup<\/span><\/a><\/div><div class=\"w-popup-overlay\" style=\"background:rgba(0,0,0,0.85);\"><\/div><div class=\"w-popup-wrap\"><div class=\"w-popup-box animation_scaleUp without_title\" style=\"width:800px;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:5%;color:#ffffff;\"><div class=\"w-iconbox iconpos_top style_circle color_primary align_center no_title no_text\"><div class=\"w-iconbox-icon\" style=\"font-size:huge;\"><i class=\"far fa-star\"><\/i><\/div><div class=\"w-iconbox-meta\"><\/div><\/div>\n<h1 style=\"text-align: center;\">Popup without background<br \/>\n<strong>IS SO AWESOME!<\/strong><\/h1>\n<p style=\"text-align: center;\">Proin semper, odio sed facilisis eleifend, orci lacus finibus eros, et luctus nulla dolor at metus. Nam at posuere nunc, eu maximus elit. Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla mollis velit laoreet.<\/p>\n<\/div><\/div><\/div><div class=\"w-popup-closer\" style=\"color:#ffffff;\"><\/div><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-popup align_center\" ><div class=\"w-btn-wrapper\"><a href=\"javascript:void(0)\" class=\"w-popup-trigger type_btn w-btn us-btn-style_41\"><span class=\"w-btn-label\">Fullscreen Popup<\/span><\/a><\/div><div class=\"w-popup-overlay\" style=\"background:rgba(0,0,0,0.85);\"><\/div><div class=\"w-popup-wrap\"><div class=\"w-popup-box animation_scaleUp without_title\" style=\"width:100%;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:5%;background:#ffffff;color:#666d70;\"><h1><strong>Just a big title<\/strong><\/h1>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere quis sem nec convallis. Maecenas ac dictum augue, in rutrum arcu. In hac habitasse platea dictumst. Donec viverra elit magna, scelerisque tristique odio consectetur at. Phasellus scelerisque et quam nec condimentum. Suspendisse vel porttitor lacus, at pretium mi. In commodo tristique magna non viverra. Pellentesque dignissim malesuada ex sed interdum. Etiam sed ipsum sed ante gravida bibendum ut eget dolor. Suspendisse id eros rutrum, iaculis neque vitae, placerat metus. Suspendisse tincidunt eros et nisi tincidunt convallis. Nam sollicitudin augue ac augue aliquet pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.<\/p>\n<h2><img loading=\"lazy\" class=\"alignleft wp-image-3786\" src=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape.jpg\" alt=\"shutterstock_200139137\" width=\"700\" height=\"467\" \/>Another <strong>simple title<\/strong> just for fun<\/h2>\n<p>Pellentesque dictum tellus non porttitor ultricies. In at pellentesque nulla, vel maximus lacus. Vivamus viverra orci sit amet venenatis aliquet. Quisque eu sem ut justo rutrum rutrum et sed risus. Donec sed elit vestibulum, luctus mi in, accumsan eros.<\/p>\n<p>Fusce fermentum pretium est, at sodales urna vestibulum quis. Sed ullamcorper orci sed sem dignissim, ut eleifend odio aliquet. Morbi ligula eros, convallis rutrum quam eget, vulputate dictum enim. Etiam sed magna ligula. Curabitur pretium nulla hendrerit congue tincidunt.<\/p>\n<p>Nunc convallis sapien quis ligula venenatis, et accumsan nisi sagittis. Nullam est massa, convallis ac sapien eu, rhoncus facilisis eros. Vestibulum facilisis sed diam vel sagittis. Sed venenatis vitae metus vel volutpat. Pellentesque a tortor a nisi ultrices rutrum. Integer fermentum elementum nisi at mattis. Nam a vulputate lorem. Quisque viverra ante a rhoncus commodo.<\/p>\n<p>Pellentesque sed justo ante. Cras tristique mauris a quam varius, tincidunt volutpat odio euismod. Maecenas faucibus condimentum leo quis tincidunt. Maecenas molestie nibh at elit molestie fermentum. Etiam suscipit sem sapien, sit amet scelerisque purus gravida et.<\/p>\n<p>Aenean pulvinar leo non lorem vestibulum suscipit quis condimentum enim. Sed nibh dui, interdum quis velit quis, volutpat pulvinar sem. Ut quis urna mollis, suscipit elit tincidunt, cursus dui. Etiam nulla urna, condimentum quis hendrerit nec, scelerisque et felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed convallis dictum arcu quis elementum. Nullam ipsum augue, porta in suscipit sed, lacinia nec orci.<\/p>\n<p>Nam viverra eu tellus et blandit. Fusce pulvinar metus erat. Mauris et felis nunc. In metus lacus, venenatis nec elementum ac, congue et odio. In ullamcorper erat at pretium lobortis. Aliquam pretium molestie semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce pulvinar ipsum facilisis varius vestibulum. Vestibulum semper eget augue sit amet sodales. Nam tincidunt pharetra nibh, efficitur mollis leo euismod eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere quis sem nec convallis. Maecenas ac dictum augue, in rutrum arcu. In hac habitasse platea dictumst. Donec viverra elit magna, scelerisque tristique odio consectetur at.<\/p>\n<p>Pellentesque dictum tellus non porttitor ultricies. In at pellentesque nulla, vel maximus lacus. Vivamus viverra orci sit amet venenatis aliquet. Quisque eu sem ut justo rutrum rutrum et sed risus. Donec sed elit vestibulum, luctus mi in, accumsan eros. Fusce fermentum pretium est, at sodales urna vestibulum quis. Sed ullamcorper orci sed sem dignissim, ut eleifend odio aliquet. Morbi ligula eros, convallis rutrum quam eget, vulputate dictum enim. Etiam sed magna ligula. Curabitur pretium nulla hendrerit congue tincidunt.<\/p>\n<p>Nunc convallis sapien quis ligula venenatis, et accumsan nisi sagittis. Nullam est massa, convallis ac sapien eu, rhoncus facilisis eros. Vestibulum facilisis sed diam vel sagittis. Sed venenatis vitae metus vel volutpat. Pellentesque a tortor a nisi ultrices rutrum. Integer fermentum elementum nisi at mattis. Nam a vulputate lorem. Quisque viverra ante a rhoncus commodo.<\/p>\n<p>Phasellus scelerisque et quam nec condimentum. Suspendisse vel porttitor lacus, at pretium mi. In commodo tristique magna non viverra. Pellentesque dignissim malesuada ex sed interdum. Etiam sed ipsum sed ante gravida bibendum ut eget dolor. Suspendisse id eros rutrum, iaculis neque vitae, placerat metus. Suspendisse tincidunt eros et nisi tincidunt convallis. Nam sollicitudin augue ac augue aliquet pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.<\/p>\n<\/div><\/div><\/div><div class=\"w-popup-closer\" style=\"background:#ffffff;color:#666d70;\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-popup align_center\" ><div class=\"w-btn-wrapper\"><a href=\"javascript:void(0)\" class=\"w-popup-trigger type_btn w-btn us-btn-style_42\"><span class=\"w-btn-label\">Gallery without frame<\/span><\/a><\/div><div class=\"w-popup-overlay\" style=\"background:rgba(0,0,0,0.85);\"><\/div><div class=\"w-popup-wrap\"><div class=\"w-popup-box animation_flipHor without_title\" style=\"width:1000px;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:0;background:#ffffff;color:#666d70;\"><div class=\"w-gallery cols_5 link_file\"><div class=\"w-gallery-list\"><a class=\"w-gallery-item order_1\" href=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape.jpg\" title=\"Landscape image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"350\" height=\"350\" src=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape-350x350.jpg\" class=\"attachment-us_350_350_crop size-us_350_350_crop\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape-350x350.jpg 350w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape-150x150.jpg 150w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape-600x600.jpg 600w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/div><\/a><a class=\"w-gallery-item order_2\" href=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square.jpg\" title=\"Square image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"350\" height=\"350\" src=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-350x350.jpg\" class=\"attachment-us_350_350_crop size-us_350_350_crop\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-350x350.jpg 350w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-150x150.jpg 150w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-300x300.jpg 300w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-768x768.jpg 768w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-1024x1024.jpg 1024w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square-600x600.jpg 600w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-square.jpg 1200w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/div><\/a><a class=\"w-gallery-item order_3\" href=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-portrait.jpg\" title=\"Portrait image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"350\" height=\"350\" src=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-portrait-350x350.jpg\" class=\"attachment-us_350_350_crop size-us_350_350_crop\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-portrait-350x350.jpg 350w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-portrait-150x150.jpg 150w, https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/01\/us-placeholder-portrait-600x600.jpg 600w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/div><\/a><\/div><\/div>\n<\/div><\/div><\/div><div class=\"w-popup-closer\" style=\"background:#ffffff;color:#666d70;\"><\/div><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-popup align_center\" ><div class=\"w-btn-wrapper\"><a href=\"javascript:void(0)\" class=\"w-popup-trigger type_btn w-btn us-btn-style_43\"><span class=\"w-btn-label\">Video Without Frame<\/span><\/a><\/div><div class=\"w-popup-overlay\" style=\"background:rgba(255,255,255,0.8);\"><\/div><div class=\"w-popup-wrap\"><div class=\"w-popup-box animation_scaleUp without_title\" style=\"width:1000px;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:0;background:#000000;color:#ffffff;\"><p><iframe title=\"GoPro Awards: Zero G Jump Out of a World War II Army Plane\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/pwARL_V4BKg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<\/div><\/div><\/div><div class=\"w-popup-closer\" style=\"background:#000000;color:#ffffff;\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"w-popup align_left\" ><span class=\"w-popup-trigger type_load\" data-delay=\"0\"><\/span><div class=\"w-popup-overlay\" style=\"background:rgba(0,0,0,0.85);\"><\/div><div class=\"w-popup-wrap\"><div class=\"w-popup-box animation_scaleUp without_title\" style=\"width:600px;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:40px;background:#ffffff;color:#666d70;\"><h2 style=\"text-align: center;\">Hi there! ?<\/h2>\n<p style=\"text-align: center;\">It&#8217;s just an example of <strong>Modal Popup<\/strong>,<br \/>\nwhich is <strong>automatically opened<\/strong> after page loading.<br \/>\nNow close it and check the other awesome examples! \ud83d\ude09<\/p>\n<\/div><\/div><\/div><div class=\"w-popup-closer\" style=\"background:#ffffff;color:#666d70;\"><\/div><\/div><\/div><div class=\"w-separator size_large\"><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h4 style=\"text-align: center;\"><strong>FlipBox<\/strong><\/h4>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small\"><\/div><div class=\"g-cols wpb_row  type_default valign_top vc_inner \"><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-flipbox animation_cubeflip direction_s\" style=\"width:100%;\"><div class=\"w-flipbox-h easing_easeInOutExpo\" style=\"transition-duration:0.6s;\"><div class=\"w-flipbox-hh\"><div class=\"w-flipbox-front\" style=\"height:300px;background:#2f456c;color:#ffffff;\"><div class=\"w-flipbox-front-h\"><div class=\"w-flipbox-front-icon style_default\" style=\"font-size:70px;color:#ffffff;\"><\/div><h4 class=\"w-flipbox-front-title\" style=\"color:#ffffff;\">Fully Customizable<\/h4><\/div><\/div><div class=\"w-flipbox-back\" style=\"display:none;background:#2f456c;color:#ffffff;\"><div class=\"w-flipbox-back-h\"><h4 class=\"w-flipbox-back-title\" style=\"color:#ffffff;\">The Back Side<\/h4><div class=\"w-flipbox-back-desc\"><p>All the eight directions of the animation are available. How we made this possible? Read in the relevant article.<\/p>\n<\/div><\/div><\/div><div class=\"w-flipbox-xflank\" style=\"background:#2a3e61;\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-flipbox animation_cubeflip direction_s\" style=\"width:100%;\"><div class=\"w-flipbox-h easing_easeInOutExpo\" style=\"transition-duration:0.6s;\"><div class=\"w-flipbox-hh\"><div class=\"w-flipbox-front\" style=\"height:300px;background:#5f7245;color:#ffffff;\"><div class=\"w-flipbox-front-h\"><div class=\"w-flipbox-front-icon style_default\" style=\"font-size:70px;color:#ffffff;\"><\/div><h4 class=\"w-flipbox-front-title\" style=\"color:#ffffff;\">Modern Look<\/h4><\/div><\/div><div class=\"w-flipbox-back\" style=\"display:none;background:#5f7245;color:#ffffff;\"><div class=\"w-flipbox-back-h\"><h4 class=\"w-flipbox-back-title\" style=\"color:#ffffff;\">The Back Side<\/h4><div class=\"w-flipbox-back-desc\"><p>All the eight directions of the animation are available. How we made this possible? Read in the relevant article.<\/p>\n<\/div><\/div><\/div><div class=\"w-flipbox-xflank\" style=\"background:#57683f;\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-4 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-flipbox animation_cubeflip direction_s\" style=\"width:100%;\"><div class=\"w-flipbox-h easing_easeInOutExpo\" style=\"transition-duration:0.6s;\"><div class=\"w-flipbox-hh\"><div class=\"w-flipbox-front\" style=\"height:300px;background:#5f416d;color:#ffffff;\"><div class=\"w-flipbox-front-h\"><div class=\"w-flipbox-front-icon style_default\" style=\"font-size:70px;color:#ffffff;\"><\/div><h4 class=\"w-flipbox-front-title\" style=\"color:#ffffff;\">Something Special<\/h4><\/div><\/div><div class=\"w-flipbox-back\" style=\"display:none;background:#5f416d;color:#ffffff;\"><div class=\"w-flipbox-back-h\"><h4 class=\"w-flipbox-back-title\" style=\"color:#ffffff;\">The Back Side<\/h4><div class=\"w-flipbox-back-desc\"><p>All the eight directions of the animation are available. How we made this possible? Read in the relevant article.<\/p>\n<\/div><\/div><\/div><div class=\"w-flipbox-xflank\" style=\"background:#553a62;\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"w-separator size_large\"><\/div>\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<h4 style=\"text-align: center;\"><strong>Interactive Text<\/strong><\/h4>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small\"><\/div><h3 class=\"w-itext type_fadeIn align_center dynamic_bold us_itext_1\" style=\"font-family:&#039;Open Sans&#039;, sans-serif;font-size:50px;\" onclick='return {&quot;duration&quot;:0,&quot;delay&quot;:3000,&quot;dynamicColor&quot;:&quot;#e95095&quot;}'>We\u00a0create\u00a0great\u00a0<span class=\"w-itext-part changesat_0 changesat_1 changesat_2 dynamic\" style=\"color:#e95095;\" onclick='return [&quot;design&quot;,&quot;websites&quot;,&quot;code&quot;]'>design<\/span><\/h3><style>@media (max-width: 600px) {.us_itext_1{font-size:30px!important;}}<\/style><div class=\"w-separator size_small with_line width_30 thick_1 style_dashed color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div><h2 class=\"w-itext type_zoomInChars align_center us_itext_2\" style=\"font-family:&#039;Open Sans&#039;, sans-serif;font-size:50px;\" onclick='return {&quot;duration&quot;:0,&quot;delay&quot;:3000,&quot;dynamicColor&quot;:&quot;#7049ba&quot;}'><span class=\"w-itext-part changesat_0 changesat_1 changesat_2 dynamic\" style=\"color:#7049ba;\" onclick='return [&quot;Something&quot;,&quot;Anything&quot;,&quot;Everything&quot;]'>Something<\/span>\u00a0happens\u00a0<span class=\"w-itext-part changesat_0 changesat_1 changesat_2 dynamic\" style=\"color:#7049ba;\" onclick='return [&quot;suddenly&quot;,&quot;continiously&quot;,&quot;slowly&quot;]'>suddenly<\/span><\/h2><style>@media (max-width: 600px) {.us_itext_2{font-size:30px!important;}}<\/style><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium color_primary\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"w-actionbox color_primary controls_right\"><div class=\"w-actionbox-text\"><h3>Do you like it? Check more CodeLights elements and examples!<\/h3><\/div><div class=\"w-actionbox-controls\"><a class=\"w-btn us-btn-style_4\" href=\"https:\/\/codelights.com\/\" target=\"_blank\" rel=\"noopener\" style=\"font-size:18px;\"><span class=\"w-btn-label\">Check Now<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"Modal Popup Simple PopupThis popup has a Medium size Etiam euismod lobortis iaculis. Fusce in nisi in enim facilisis pellentesque. Maecenas pulvinar lacus sed dui scelerisque pharetra. Praesent interdum velit pretium rutrum volutpat. Proin porttitor neque sapien. Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula,...","protected":false},"author":1,"featured_media":0,"parent":2520,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v14.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CodeLights Elements - Vision-Air<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pubvisionair.com\/elements\/codelights\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CodeLights Elements - Vision-Air\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pubvisionair.com\/elements\/codelights\/\" \/>\n<meta property=\"og:site_name\" content=\"Vision-Air\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-14T21:52:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pubvisionair.com\/en\/#website\",\"url\":\"https:\/\/pubvisionair.com\/en\/\",\"name\":\"Vision-Air\",\"description\":\"Vision Air\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/pubvisionair.com\/en\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/pubvisionair.com\/elements\/codelights\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/pubvisionair.com\/wp-content\/uploads\/2017\/02\/us-placeholder-landscape.jpg\",\"width\":1800,\"height\":1200},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pubvisionair.com\/elements\/codelights\/#webpage\",\"url\":\"https:\/\/pubvisionair.com\/elements\/codelights\/\",\"name\":\"CodeLights Elements - Vision-Air\",\"isPartOf\":{\"@id\":\"https:\/\/pubvisionair.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pubvisionair.com\/elements\/codelights\/#primaryimage\"},\"datePublished\":\"2013-12-16T13:55:26+00:00\",\"dateModified\":\"2019-07-14T21:52:41+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pubvisionair.com\/elements\/codelights\/\"]}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/pubvisionair.com\/en\/wp-json\/wp\/v2\/pages\/2480"}],"collection":[{"href":"https:\/\/pubvisionair.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pubvisionair.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pubvisionair.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pubvisionair.com\/en\/wp-json\/wp\/v2\/comments?post=2480"}],"version-history":[{"count":3,"href":"https:\/\/pubvisionair.com\/en\/wp-json\/wp\/v2\/pages\/2480\/revisions"}],"predecessor-version":[{"id":8496,"href":"https:\/\/pubvisionair.com\/en\/wp-json\/wp\/v2\/pages\/2480\/revisions\/8496"}],"up":[{"embeddable":true,"href":"https:\/\/pubvisionair.com\/en\/wp-json\/wp\/v2\/pages\/2520"}],"wp:attachment":[{"href":"https:\/\/pubvisionair.com\/en\/wp-json\/wp\/v2\/media?parent=2480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}