{"id":23451,"date":"2019-07-24T12:55:49","date_gmt":"2019-07-24T12:55:49","guid":{"rendered":"http:\/\/zephyr.us-themes.com\/?page_id=23451"},"modified":"2019-07-24T12:55:49","modified_gmt":"2019-07-24T12:55:49","slug":"popup","status":"publish","type":"page","link":"https:\/\/cmgroup.net.au\/elements\/popup\/","title":{"rendered":"Popup"},"content":{"rendered":"<section class=\"l-section wpb_row height_large\"><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 align_center\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column\" ><div class=\"wpb_wrapper\"><h4 style=\"text-align: center;\"><strong>Open by button click<\/strong><\/h4>\n<\/div><\/div><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 class=\"w-popup-trigger type_btn w-btn us-btn-style_1\" href=\"javascript:void(0)\"><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_fadeIn without_title\" style=\"width:600px;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:40px;background:var(--color-content-bg);color:var(--color-content-text);\"><h4>This popup may have any size<\/h4>\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:var(--color-content-bg);color:var(--color-content-text);\"><\/div><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-popup align_center\"><div class=\"w-btn-wrapper\"><a class=\"w-popup-trigger type_btn w-btn us-btn-style_3\" href=\"javascript:void(0)\"><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_slideTop without_title\" style=\"width:800px;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:5%;background:var(--color-content-bg);color:var(--color-content-text);\"><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:\/\/cmgroup.net.au\/wp-content\/uploads\/2015\/07\/us-placeholder-landscape.jpg\" title=\"Landscape image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"150\" height=\"150\" src=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2015\/07\/us-placeholder-landscape-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2015\/07\/us-placeholder-landscape-150x150.jpg 150w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2015\/07\/us-placeholder-landscape-600x600.jpg 600w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/div><\/a><a class=\"w-gallery-item order_2\" href=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square.jpg\" title=\"Square image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"150\" height=\"150\" src=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-150x150.jpg 150w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-300x300.jpg 300w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-1024x1024.jpg 1024w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-600x600.jpg 600w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square.jpg 1200w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/div><\/a><a class=\"w-gallery-item order_3\" href=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2014\/09\/us-placeholder-portrait.jpg\" title=\"Portrait image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"150\" height=\"150\" src=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2014\/09\/us-placeholder-portrait-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2014\/09\/us-placeholder-portrait-150x150.jpg 150w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2014\/09\/us-placeholder-portrait-600x600.jpg 600w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/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 decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-6893 size-thumbnail\" src=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2015\/07\/us-placeholder-landscape.jpg\" alt=\"\" width=\"150\" height=\"150\" \/>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:var(--color-content-bg);color:var(--color-content-text);\"><\/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 class=\"w-popup-trigger type_btn w-btn us-btn-style_2\" href=\"javascript:void(0)\"><span class=\"w-btn-label\">Transparent Popup<\/span><\/a><\/div><div class=\"w-popup-overlay\" style=\"background:rgba(61,49,82,0.92);\"><\/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=\"color:#ffffff;\"><div class=\"w-iconbox iconpos_top style_circle color_primary align_center no_title no_text\"><div class=\"w-iconbox-icon\"><i class=\"material-icons\">star_border<\/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 class=\"w-popup-trigger type_btn w-btn us-btn-style_1\" href=\"javascript:void(0)\"><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_slideBottom without_title\" style=\"width:100%;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:5%;background:#666666;color:#ffffff;\"><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 decoding=\"async\" loading=\"lazy\" class=\"alignleft size-medium wp-image-6918\" src=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2015\/07\/us-placeholder-landscape.jpg\" alt=\"\" width=\"450\" height=\"300\" \/>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:#666666;color:#ffffff;\"><\/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 class=\"w-popup-trigger type_btn w-btn us-btn-style_1\" href=\"javascript:void(0)\"><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:var(--color-content-bg);color:var(--color-content-text);\"><div class=\"w-gallery cols_5 link_file\"><div class=\"w-gallery-list\"><a class=\"w-gallery-item order_1\" href=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2015\/07\/us-placeholder-landscape.jpg\" title=\"Landscape image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"150\" height=\"150\" src=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2015\/07\/us-placeholder-landscape-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2015\/07\/us-placeholder-landscape-150x150.jpg 150w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2015\/07\/us-placeholder-landscape-600x600.jpg 600w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/div><\/a><a class=\"w-gallery-item order_2\" href=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square.jpg\" title=\"Square image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"150\" height=\"150\" src=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-150x150.jpg 150w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-300x300.jpg 300w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-1024x1024.jpg 1024w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-600x600.jpg 600w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square.jpg 1200w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/div><\/a><a class=\"w-gallery-item order_3\" href=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2014\/09\/us-placeholder-portrait.jpg\" title=\"Portrait image placeholder\"><div class=\"w-gallery-item-img\"><img width=\"150\" height=\"150\" src=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2014\/09\/us-placeholder-portrait-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2014\/09\/us-placeholder-portrait-150x150.jpg 150w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2014\/09\/us-placeholder-portrait-600x600.jpg 600w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/div><\/a><\/div><\/div>\n<\/div><\/div><\/div><div class=\"w-popup-closer\" style=\"background:var(--color-content-bg);color:var(--color-content-text);\"><\/div><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-popup align_center\"><div class=\"w-btn-wrapper\"><a class=\"w-popup-trigger type_btn w-btn us-btn-style_3\" href=\"javascript:void(0)\"><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:640px;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:0;background:#000000;color:#ffffff;\"><p><iframe loading=\"lazy\" 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><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_large\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-6 wpb_column vc_column_container align_center\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column\" ><div class=\"wpb_wrapper\"><h4 style=\"text-align: center;\"><strong>Open by image click<\/strong><\/h4>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-popup align_center\"><a class=\"w-popup-trigger type_image\" aria-label=\"Popup\" href=\"javascript:void(0)\"><img width=\"1024\" height=\"1024\" src=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-1024x1024.jpg\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-1024x1024.jpg 1024w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-300x300.jpg 300w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-150x150.jpg 150w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square-600x600.jpg 600w, https:\/\/cmgroup.net.au\/wp-content\/uploads\/2019\/04\/us-placeholder-square.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><div class=\"w-popup-overlay\" style=\"background:rgba(51,51,51,0.95);\"><\/div><div class=\"w-popup-wrap\"><div class=\"w-popup-box animation_flipVer without_title\" style=\"border-radius:1rem;width:40rem;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:4rem;background:#7049ba;color:#ffffff;\"><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:#7049ba;color:#ffffff;\"><\/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:var(--color-content-bg);color:var(--color-content-text);\"><h2 style=\"text-align: center;\">Hi there! ?<\/h2>\n<p style=\"text-align: center;\">It&#8217;s just an example of <strong>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:var(--color-content-bg);color:var(--color-content-text);\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column\" ><div class=\"wpb_wrapper\"><h4 style=\"text-align: center;\"><strong>Open by click on specific element<br \/>\n<\/strong><\/h4>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"w-popup align_left\"><span class=\"w-popup-trigger type_selector\" data-selector=\".w-flipbox\"><\/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_fadeIn without_title\" style=\"width:100%;\"><div class=\"w-popup-box-h\"><div class=\"w-popup-box-content\" style=\"padding:5vh 25vw 5vh 15vw;background:var(--color-content-bg);color:var(--color-content-text);\"><h1>Header one<\/h1>\n<h2>Header two<\/h2>\n<h3>Header three<\/h3>\n<h4>Header four<\/h4>\n<h5>Header five<\/h5>\n<h6>Header six<\/h6>\n<p>This is default paragraph. Morbi sagittis sem quis lacinia faucibus, <a href=\"http:\/\/impreza.us-themes.com\/sticky-post\/#\">this is a text link<\/a> orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Suspendisse consectetur fringilla luctus.<\/p>\n<p>Single line blockquote:<\/p>\n<blockquote>\n<p>Stay hungry. Stay foolish.<\/p>\n<\/blockquote>\n<p>Multi line blockquote with a cite reference:<\/p>\n<blockquote>\n<p>People think focus means saying yes to the thing you\u2019ve got to focus on. But that\u2019s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I\u2019m actually as proud of the things we haven\u2019t done as the things I have done. Innovation is saying no to 1,000 things. <cite>Steve Jobs \u2013 Apple Worldwide Developers\u2019 Conference, 1997<\/cite><\/p>\n<\/blockquote>\n<h3>Unordered Lists (Nested)<\/h3>\n<ul>\n<li>List item one\n<ul>\n<li>List item one\n<ul>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<h3>Ordered Lists (Nested)<\/h3>\n<ol>\n<li>List item one\n<ol>\n<li>List item one\n<ol>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<h3>HTML Tags<\/h3>\n<p>These supported tags come from the WordPress.com code <a title=\"Code\" href=\"http:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n<p><strong>Address Tag<\/strong><\/p>\n<address>1 Infinite Loop<br \/>\nCupertino, CA 95014<br \/>\nUnited States<\/address>\n<p><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n<p>This is an example of a <a title=\"Apple\" href=\"http:\/\/apple.com\">link<\/a>.<\/p>\n<p><strong>Abbreviation Tag<\/strong><\/p>\n<p>The abbreviation <abbr title=\"Seriously\">srsly<\/abbr> stands for \u201cseriously\u201d.<\/p>\n<p><strong>Acronym Tag (<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n<p>The acronym <acronym title=\"For The Win\">ftw<\/acronym> stands for \u201cfor the win\u201d.<\/p>\n<p><strong>Big Tag (<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n<p>These tests are a <big>big<\/big> deal, but this tag is no longer supported in HTML5.<\/p>\n<p><strong>Cite Tag<\/strong><\/p>\n<p>\u201cCode is poetry.\u201d \u2014<cite>Automattic<\/cite><\/p>\n<p><strong>Code Tag<\/strong><\/p>\n<p>You will learn later on in these tests that <code>word-wrap: break-word;<\/code> will be your best friend.<\/p>\n<p><strong>Delete Tag<\/strong><\/p>\n<p>This tag will let you <del>strikeout text<\/del>, but this tag is no longer supported in HTML5 (use the <code>&lt;strike&gt;<\/code> instead).<\/p>\n<p><strong>Emphasize Tag<\/strong><\/p>\n<p>The emphasize tag should <em>italicize<\/em> text.<\/p>\n<p><strong>Insert Tag<\/strong><\/p>\n<p>This tag should denote <ins>inserted<\/ins> text.<\/p>\n<p><strong>Keyboard Tag<\/strong><\/p>\n<p>This scarsly known tag emulates <kbd>keyboard text<\/kbd>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n<p><strong>Preformatted Tag<\/strong><\/p>\n<p>This tag styles large blocks of code.<\/p>\n<pre>.post-title {\n\tmargin: 0 0 5px;\n\tfont-weight: bold;\n\tfont-size: 38px;\n\tline-height: 1.2;\n\tand here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;\n}<\/pre>\n<p><strong>Quote Tag<\/strong><\/p>\n<p><q>Developers, developers, developers\u2026<\/q> \u2013Steve Ballmer<\/p>\n<p><strong>Strike Tag (<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n<p>This tag shows strike-through text<\/p>\n<p><strong>Strong Tag<\/strong><\/p>\n<p>This tag shows <strong>bold text.<\/strong><\/p>\n<p><strong>Subscript Tag<\/strong><\/p>\n<p>Getting our science styling on with H<sub>2<\/sub>O, which should push the \u201c2\u201d down.<\/p>\n<p><strong>Superscript Tag<\/strong><\/p>\n<p>Still sticking with science and Isaac Newton\u2019s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n<\/div><\/div><\/div><div class=\"w-popup-closer\" style=\"background:var(--color-content-bg);color:var(--color-content-text);\"><\/div><\/div><\/div><a class=\"w-flipbox animation_cardflip direction_w\" href=\"#\"><div class=\"w-flipbox-h easing_ease\" style=\"transition-duration:0.5s;\"><div class=\"w-flipbox-hh\"><div class=\"w-flipbox-front us_custom_b383c8e2\" style=\"background:var(--color-content-secondary);color:#ffffff;\"><div class=\"w-flipbox-front-h\"><h3 class=\"w-flipbox-front-title\" style=\"color:#ffffff;\">Click Me To Open A Full Description<\/h3><\/div><\/div><div class=\"w-flipbox-back us_custom_b383c8e2\" style=\"display:none;background:var(--color-content-primary);color:#ffffff;\"><div class=\"w-flipbox-back-h\"><h4 class=\"w-flipbox-back-title\" style=\"color:#ffffff;\">JUST CLICK ME<\/h4><\/div><\/div><\/div><\/div><\/a><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"Open by button click Simple PopupThis popup may have any 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...","protected":false},"author":1,"featured_media":0,"parent":2520,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/pages\/23451"}],"collection":[{"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/comments?post=23451"}],"version-history":[{"count":0,"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/pages\/23451\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/pages\/2520"}],"wp:attachment":[{"href":"https:\/\/cmgroup.net.au\/wp-json\/wp\/v2\/media?parent=23451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}