{"id":4,"date":"2020-06-24T08:33:39","date_gmt":"2020-06-24T08:33:39","guid":{"rendered":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/?page_id=4"},"modified":"2023-01-12T09:31:44","modified_gmt":"2023-01-12T09:31:44","slug":"modal-popup-box-free-wordpress-plugin","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/","title":{"rendered":"Modal Popup Box Free WordPress Plugin"},"content":{"rendered":"\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\"><strong> Click On Below Buttons To Open Modal Pop Up Box<\/strong><\/h2>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong> You can embed and display anything in popup box like image, YouTube videos, Vimeo videos, image gallery, album gallery, photo album, slider slideshows, various plugin shortcodes, tables, pricing tables, social media feeds, Facebook like box, Twitter tweets, Flickr feeds, Contact Form 7, buttons, HTML contents, greeting messages and images, coupon codes, discount codes, free and promotional offers, social media icons, customer feedback, clients testimonials, general forms, registrations forms. <\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/wordpress.org\/plugins\/modal-popup-box\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/icon-256x256-1.png\" alt=\"\" class=\"wp-image-122\" width=\"225\" height=\"225\" srcset=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/icon-256x256-1.png 256w, https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/icon-256x256-1-150x150.png 150w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/a><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">         <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-3\" data-mpb-config=\"{&quot;id&quot;:3,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-3 mpb-md-effect-1\"\r\n                id=\"modal-3\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-3\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-3\">\r\n                    <h3 id=\"mpb-title-3\" class=\"mbox-title text-center\">\r\n                        Moda Popup Box                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        <strong>Modal<\/strong> content is empty. This is sample content. You can change it anytime. Simply update your shortcode content to display here.\r\n\r\n&nbsp;\r\n<ul>\r\n \t<li><strong>Read<\/strong>: modal windows will probably tell you something important so don't forget to read what they say.<\/li>\r\n \t<li><strong>Look<\/strong>: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.<\/li>\r\n \t<li><strong>Close<\/strong>: click on the button below to close the modal<\/li>\r\n<\/ul>                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-3 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-3\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-3 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-3\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Moda Popup Box                <\/div>\r\n            <\/div>\r\n                         <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-125\" data-mpb-config=\"{&quot;id&quot;:125,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-125 mpb-md-effect-1\"\r\n                id=\"modal-125\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-125\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-125\">\r\n                    <h3 id=\"mpb-title-125\" class=\"mbox-title text-center\">\r\n                        Registrations Forms                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        &nbsp;\r\n\r\n\r\nbody {<br \/>  font-family: Arial, Helvetica, sans-serif;<br \/>  background-color: black;<br \/>}<\/p>\r\n<p>* {<br \/>  box-sizing: border-box;<br \/>}<\/p>\r\n<p>\/* Add padding to containers *\/<br \/>.container {<br \/>  padding: 16px;<br \/>  background-color: white;<br \/>}<\/p>\r\n<p>\/* Full-width input fields *\/<br \/>input[type=text], input[type=password] {<br \/>  width: 100%;<br \/>  padding: 15px;<br \/>  margin: 5px 0 22px 0;<br \/>  display: inline-block;<br \/>  border: none;<br \/>  background: #f1f1f1;<br \/>}<\/p>\r\n<p>input[type=text]:focus, input[type=password]:focus {<br \/>  background-color: #ddd;<br \/>  outline: none;<br \/>}<\/p>\r\n<p>\/* Overwrite default styles of hr *\/<br \/>hr {<br \/>  border: 1px solid #f1f1f1;<br \/>  margin-bottom: 25px;<br \/>}<\/p>\r\n<p>\/* Set a style for the submit button *\/<br \/>.registerbtn {<br \/>  background-color: #4CAF50;<br \/>  color: white;<br \/>  padding: 16px 20px;<br \/>  margin: 8px 0;<br \/>  border: none;<br \/>  cursor: pointer;<br \/>  width: 100%;<br \/>  opacity: 0.9;<br \/>}<\/p>\r\n<p>.registerbtn:hover {<br \/>  opacity: 1;<br \/>}<\/p>\r\n<p>\/* Add a blue text color to links *\/<br \/>a {<br \/>  color: dodgerblue;<br \/>}<\/p>\r\n<p>\/* Set a grey background color and center the text of the \"sign in\" section *\/<br \/>.signin {<br \/>  background-color: #f1f1f1;<br \/>  text-align: center;<br \/>}<br \/>\r\n\r\n&nbsp;\r\n\r\n\r\n<div class=\"container\">\r\n<h1 style=\"text-align: center\">Register<\/h1>\r\n<p style=\"text-align: center\">Please fill in this form to create an account.<\/p>\r\n\r\n\r\n<hr \/>\r\n\r\n<label for=\"email\"><b>Email<\/b><\/label>\r\n\r\n\r\n<label for=\"psw\"><b>Password<\/b><\/label>\r\n\r\n\r\n<label for=\"psw-repeat\"><b>Repeat Password<\/b><\/label>\r\n\r\n\r\n<hr \/>\r\n\r\n<button class=\"btn btn-success registerbtn\" type=\"submit\">Register<\/button>\r\n\r\n<\/div>\r\n&nbsp;                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-125 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-125\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-125 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-125\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Registrations Forms                <\/div>\r\n            <\/div>\r\n                          <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-86\" data-mpb-config=\"{&quot;id&quot;:86,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-86 mpb-md-effect-1\"\r\n                id=\"modal-86\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-86\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-86\">\r\n                    <h3 id=\"mpb-title-86\" class=\"mbox-title text-center\">\r\n                        Social Media Icon                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        \r\n\r\n\r\n.fa {\r\n  padding: 20px;\r\n  font-size: 30px;\r\n  width: 50px;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  margin: 5px 2px;\r\n}\r\n\r\n.fa:hover {\r\n    opacity: 0.7;\r\ntext-decoration: none;\r\n}\r\n\r\n.fa-facebook {\r\n  background: #3B5998;\r\n  color: white;\r\n}\r\n\r\n.fa-twitter {\r\n  background: #55ACEE;\r\n  color: white;\r\n}\r\n\r\n.fa-google {\r\n  background: #dd4b39;\r\n  color: white;\r\n}\r\n\r\n.fa-linkedin {\r\n  background: #007bb5;\r\n  color: white;\r\n}\r\n\r\n.fa-youtube {\r\n  background: #bb0000;\r\n  color: white;\r\n}\r\n\r\n.fa-instagram {\r\n  background: #125688;\r\n  color: white;\r\n}\r\n\r\n.fa-pinterest {\r\n  background: #cb2027;\r\n  color: white;\r\n}\r\n\r\n.fa-snapchat-ghost {\r\n  background: #fffc00;\r\n  color: white;\r\n  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;\r\n}\r\n\r\n.fa-skype {\r\n  background: #00aff0;\r\n  color: white;\r\n}\r\n\r\n.fa-android {\r\n  background: #a4c639;\r\n  color: white;\r\n}\r\n\r\n.fa-dribbble {\r\n  background: #ea4c89;\r\n  color: white;\r\n}\r\n\r\n.fa-vimeo {\r\n  background: #45bbff;\r\n  color: white;\r\n}\r\n\r\n.fa-tumblr {\r\n  background: #2c4762;\r\n  color: white;\r\n}\r\n\r\n.fa-vine {\r\n  background: #00b489;\r\n  color: white;\r\n}\r\n\r\n.fa-foursquare {\r\n  background: #45bbff;\r\n  color: white;\r\n}\r\n\r\n.fa-stumbleupon {\r\n  background: #eb4924;\r\n  color: white;\r\n}\r\n\r\n.fa-flickr {\r\n  background: #f40083;\r\n  color: white;\r\n}\r\n\r\n.fa-yahoo {\r\n  background: #430297;\r\n  color: white;\r\n}\r\n\r\n.fa-soundcloud {\r\n  background: #ff5500;\r\n  color: white;\r\n}\r\n\r\n.fa-reddit {\r\n  background: #ff5700;\r\n  color: white;\r\n}\r\n\r\n.fa-rss {\r\n  background: #ff6600;\r\n  color: white;\r\n}\r\n\r\n\r\n\r\n\r\n<h2>Style Social Media Buttons<\/h2>\r\n\r\n<!-- Add font awesome icons -->\r\n<a href=\"#\" class=\"fa fa-facebook\"><\/a>\r\n<a href=\"#\" class=\"fa fa-twitter\"><\/a>\r\n<a href=\"#\" class=\"fa fa-google\"><\/a>\r\n<a href=\"#\" class=\"fa fa-linkedin\"><\/a>\r\n<a href=\"#\" class=\"fa fa-youtube\"><\/a>\r\n<a href=\"#\" class=\"fa fa-instagram\"><\/a>\r\n<a href=\"#\" class=\"fa fa-pinterest\"><\/a>\r\n<a href=\"#\" class=\"fa fa-snapchat-ghost\"><\/a>\r\n<a href=\"#\" class=\"fa fa-skype\"><\/a>\r\n<a href=\"#\" class=\"fa fa-android\"><\/a>\r\n<a href=\"#\" class=\"fa fa-dribbble\"><\/a>\r\n<a href=\"#\" class=\"fa fa-vimeo\"><\/a>\r\n<a href=\"#\" class=\"fa fa-tumblr\"><\/a>\r\n<a href=\"#\" class=\"fa fa-vine\"><\/a>\r\n<a href=\"#\" class=\"fa fa-foursquare\"><\/a>\r\n<a href=\"#\" class=\"fa fa-stumbleupon\"><\/a>\r\n<a href=\"#\" class=\"fa fa-flickr\"><\/a>\r\n<a href=\"#\" class=\"fa fa-yahoo\"><\/a>\r\n<a href=\"#\" class=\"fa fa-reddit\"><\/a>\r\n<a href=\"#\" class=\"fa fa-rss\"><\/a>\r\n      \r\n                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-86 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-86\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-86 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-86\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Social Media Buttons                <\/div>\r\n            <\/div>\r\n                         <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-42\" data-mpb-config=\"{&quot;id&quot;:42,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-42 mpb-md-effect-1\"\r\n                id=\"modal-42\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-42\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-42\">\r\n                    <h3 id=\"mpb-title-42\" class=\"mbox-title text-center\">\r\n                        Sound Cloud                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        \r\n<div style=\"font-size: 10px;color: #cccccc;overflow: hidden;white-space: nowrap;font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100\"><a style=\"color: #cccccc;text-decoration: none\" title=\"Juice WRLD\" href=\"https:\/\/soundcloud.com\/uiceheidd\" target=\"_blank\" rel=\"noopener noreferrer\">Juice WRLD<\/a> \u00b7 <a style=\"color: #cccccc;text-decoration: none\" title=\"Tell Me U Luv Me (with Trippie Redd)\" href=\"https:\/\/soundcloud.com\/uiceheidd\/tell-me-you-love-me\" target=\"_blank\" rel=\"noopener noreferrer\">Tell Me U Luv Me (with Trippie Redd)<\/a><\/div>                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-42 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-42\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-42 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-42\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Sound Cloud Box                <\/div>\r\n            <\/div>\r\n                <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">         <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-65\" data-mpb-config=\"{&quot;id&quot;:65,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-65 mpb-md-effect-1\"\r\n                id=\"modal-65\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-65\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-65\">\r\n                    <h3 id=\"mpb-title-65\" class=\"mbox-title text-center\">\r\n                        Bootstrap Carousel                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        <div id=\"myCarousel\" class=\"carousel slide\" data-ride=\"carousel\">\r\n\r\n<!-- Indicators -->\r\n<ol class=\"carousel-indicators\">\r\n \t<li class=\"active\" data-target=\"#myCarousel\" data-slide-to=\"0\"><\/li>\r\n \t<li data-target=\"#myCarousel\" data-slide-to=\"1\"><\/li>\r\n \t<li data-target=\"#myCarousel\" data-slide-to=\"2\"><\/li>\r\n<\/ol>\r\n<!-- Wrapper for slides -->\r\n<div class=\"carousel-inner\">\r\n<div class=\"item active\"><img decoding=\"async\" style=\"width: 100%\" src=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/Coffee-Apple-Laptop.jpg\" alt=\"Los Angeles\" \/><\/div>\r\n<div class=\"item\"><img decoding=\"async\" style=\"width: 100%\" src=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/Assorted-Salads.jpg\" alt=\"Chicago\" \/><\/div>\r\n<div class=\"item\"><img decoding=\"async\" style=\"width: 100%\" src=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/Camera-Designer.jpg\" alt=\"New york\" \/><\/div>\r\n<\/div>\r\n<\/div>                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-65 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-65\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-65 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-65\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Bootstrap Carousel                 <\/div>\r\n            <\/div>\r\n                         <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-75\" data-mpb-config=\"{&quot;id&quot;:75,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-75 mpb-md-effect-1\"\r\n                id=\"modal-75\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-75\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-75\">\r\n                    <h3 id=\"mpb-title-75\" class=\"mbox-title text-center\">\r\n                        Team Builder Member Showcase                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        <div class=\"row all-team tbms-container-71\">\n\t\t\t\t<div class=\"col-md-4 single-team\">\n\t\t\t\t\t \t\t\t\t\t\t<figure class=\"snip1218_71\">\n\t\t\t\t\t\t\t<div class=\"image_71\"><img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/team-5.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\"Lorem Ipsum is simply dummy text of the printing and typesetting industry.\"<\/p>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3>Henry<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5>Developer<\/h5>\t\t\t\t\t\t\t\t<div class=\"icons_71\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i><a href=\"#\" target=\"_blank\"><\/a><\/i> \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i><a href=\"#\" target=\"_blank\"><\/a><\/i> \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i><a href=\"#\" target=\"_blank\"><\/a><\/i> \t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/figcaption>\n\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"col-md-4 single-team\">\n\t\t\t\t\t \t\t\t\t\t\t<figure class=\"snip1218_71\">\n\t\t\t\t\t\t\t<div class=\"image_71\"><img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/team-maker-1.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\"Lorem Ipsum is simply dummy text of the printing and typesetting industry.\"<\/p>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3>Sofiya<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5>Designer<\/h5>\t\t\t\t\t\t\t\t<div class=\"icons_71\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i><a href=\"#\" target=\"_blank\"><\/a><\/i> \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i><a href=\"#\" target=\"_blank\"><\/a><\/i> \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i><a href=\"#\" target=\"_blank\"><\/a><\/i> \t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/figcaption>\n\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"col-md-4 single-team\">\n\t\t\t\t\t \t\t\t\t\t\t<figure class=\"snip1218_71\">\n\t\t\t\t\t\t\t<div class=\"image_71\"><img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/team-6.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\"Lorem Ipsum is simply dummy text of the printing and typesetting industry.\"<\/p>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<figcaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3>Thomas<\/h3>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5>Founder<\/h5>\t\t\t\t\t\t\t\t<div class=\"icons_71\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i><a href=\"#\" target=\"_blank\"><\/a><\/i> \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i><a href=\"#\" target=\"_blank\"><\/a><\/i> \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i><a href=\"#\" target=\"_blank\"><\/a><\/i> \t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/figcaption>\n\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\njQuery(document).ready(function () {\n\t\/\/ isotope effect function\n\t\/\/ Method 1 - Initialize Isotope, then trigger layout after each Team loads.\n\tvar $grid = jQuery('.all-team').isotope({\n\t\t\/\/ options...\n\t\titemSelector: '.single-team',\n\t});\n\t\/\/ layout Isotope after each Team loads\n\t$grid.imagesLoaded().progress( function() {\n\t\t$grid.isotope('layout');\n\t});\n});\n\n\nfigure.snip1218_71 {\n  position: relative;\n  float: left;\n  overflow: hidden;\n  margin: 10px 1%;\n  width: 100%;\n  background: #34495e;\n  color: #333;\n  text-align: center;\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);\n  font-size: 16px;\n}\nfigure.snip1218_71 * {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  -webkit-transition: all 0.35s ease;\n  transition: all 0.35s ease;\n}\nfigure.snip1218_71 img {\n  min-width: 100%;\n  vertical-align: top;\n}\nfigure.snip1218_71 .image_71 {\n  position: relative;\n  border-bottom: 4px solid #34495e;\n  z-index: 1;\n}\nfigure.snip1218_71 .image_71:before {\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 20px 20px 0 20px;\n  border-color: #34495e transparent transparent transparent;\n  content: '';\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -15px);\n  transform: translate(-50%, -15px);\n  z-index: -1;\n  -webkit-transition: all 0.35s ease;\n  transition: all 0.35s ease;\n}\nfigure.snip1218_71 .image_71 p {\n  margin: 0;\n  padding: 0 30px;\n  line-height: 1.6em;\n  position: absolute;\n  top: 50%;\n  width: 100%;\n  color: #ffffff;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n  opacity: 0;\n}\nfigure.snip1218_71 figcaption {\n  background-color: #ffffff;\n  padding: 25px;\n}\nfigure.snip1218_71 h3 {\n  margin: 0 0 5px;\n  font-weight: 400;\n  font-size:24px;\n  color: #031117;\n}\nfigure.snip1218_71 h3 span {\n}\nfigure.snip1218_71 h5 {\n  margin: 0 0 15px;\n  font-weight: 400;\n  color: #031117;\n}\nfigure.snip1218_71 i {\n  margin-right: 5px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  color: #000000;\n  width: 35px;\n  height: 35px;\n  background: white;\n  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);\n  background-color: rgba(0, 0, 0, 0.05);\n  transition: all 0.3s ease;\n  vertical-align: middle;\n}\nfigure.snip1218_71 i a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n}\nfigure.snip1218_71 i svg {\n  width: 1.1em;\n  height: 1.1em;\n}\nfigure.snip1218_71 i:hover {\n  background-color: #34495e;\n  color: white !important;\n}\nfigure.snip1218_71:hover .image_71:before,\nfigure.snip1218_71.hover .image_71:before {\n  border-color: #34495e transparent transparent transparent;\n  -webkit-transform: translate(-50%, 0px);\n  transform: translate(-50%, 0px);\n}\nfigure.snip1218_71:hover .image_71 p,\nfigure.snip1218_71.hover .image_71 p {\n  opacity: 1;\n}\nfigure.snip1218_71:hover img,\nfigure.snip1218_71.hover img {\n  opacity: 0.2;\n  -webkit-filter: grayscale(100%);\n  filter: grayscale(100%);\n}\n\n\t\n\t\t\/* Modern Inline SVG Alignment &amp; Sizing Fixes *\/\n\t.all-team svg {\n\t\tdisplay: inline-block;\n\t\twidth: 1em;\n\t\theight: 1em;\n\t\tvertical-align: middle;\n\t\tfill: currentColor;\n\t}\n\t.all-team i, .all-team li {\n\t\tdisplay: inline-flex !important;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tvertical-align: middle;\n\t}\n\t.all-team i a, .all-team li a {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\ttext-decoration: none;\n\t\tcolor: inherit;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\t\n\t                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-75 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-75\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-75 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-75\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Team Member Modal                <\/div>\r\n            <\/div>\r\n                        <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-39\" data-mpb-config=\"{&quot;id&quot;:39,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-39 mpb-md-effect-1\"\r\n                id=\"modal-39\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-39\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-39\">\r\n                    <h3 id=\"mpb-title-39\" class=\"mbox-title text-center\">\r\n                        YouTube Video                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                                            <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-39 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-39\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-39 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-39\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    YouTube Video Popup                <\/div>\r\n            <\/div>\r\n                        <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-61\" data-mpb-config=\"{&quot;id&quot;:61,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-61 mpb-md-effect-1\"\r\n                id=\"modal-61\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-61\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-61\">\r\n                    <h3 id=\"mpb-title-61\" class=\"mbox-title text-center\">\r\n                        Vimeo Videos                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                                            <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-61 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-61\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-61 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-61\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Vimeo Videos Box                <\/div>\r\n            <\/div>\r\n                <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">         <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-63\" data-mpb-config=\"{&quot;id&quot;:63,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-63 mpb-md-effect-1\"\r\n                id=\"modal-63\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-63\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-63\">\r\n                    <h3 id=\"mpb-title-63\" class=\"mbox-title text-center\">\r\n                        Bootstrap Buttons                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        <h2 style=\"text-align: center\">Button Styles<\/h2>\r\n&nbsp;\r\n\r\n<button class=\"btn\" type=\"button\">Basic<\/button>\r\n<button class=\"btn btn-default\" type=\"button\">Default<\/button>\r\n<button class=\"btn btn-primary\" type=\"button\">Primary<\/button>\r\n<button class=\"btn btn-success\" type=\"button\">Success<\/button>\r\n<button class=\"btn btn-info\" type=\"button\">Info<\/button>\r\n<button class=\"btn btn-warning\" type=\"button\">Warning<\/button>\r\n<button class=\"btn btn-danger\" type=\"button\">Danger<\/button>\r\n<button class=\"btn btn-link\" type=\"button\">Link<\/button>                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-63 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-63\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-63 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-63\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Bootstrap Buttons                <\/div>\r\n            <\/div>\r\n                        <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-37\" data-mpb-config=\"{&quot;id&quot;:37,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-37 mpb-md-effect-1\"\r\n                id=\"modal-37\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-37\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-37\">\r\n                    <h3 id=\"mpb-title-37\" class=\"mbox-title text-center\">\r\n                        Google Map                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                                            <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-37 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-37\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-37 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-37\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Google Map Url Box                <\/div>\r\n            <\/div>\r\n                        <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-79\" data-mpb-config=\"{&quot;id&quot;:79,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-79 mpb-md-effect-1\"\r\n                id=\"modal-79\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-79\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-79\">\r\n                    <h3 id=\"mpb-title-79\" class=\"mbox-title text-center\">\r\n                        Client Feedback                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        \r\n.tml-testimonial{\r\n    margin: 10px 15px;\r\n    padding: 0 0 20px 20px;\r\n    position: relative;\r\n\ttext-align: left;\r\n}\r\n.pic{\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    background: #0c0c0c;\r\n    width: 80px;\r\n    height: 80px;\r\n    padding: 10px;\r\n    z-index: 2;\r\n    border: 5px solid #000000;\r\n}\r\n.pic img{\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n.testimonial-review{\r\n    border: 5px solid #000000;\r\n    font-size: 17.5px;\r\n    margin: 0 0 20px;\r\n    padding: 10px 20px;\r\n}\r\n.testimonial-review p{\r\n    font-style: italic;\r\n    font-weight: normal;\r\n    line-height: 24px;\r\n    padding: 9px 0 0 49px;\r\n    position: relative;\r\n}\r\n.testimonial-review p:before{\r\n    content: \"\\f10d\";\r\n    font-family: 'FontAwesome';\r\n    position: absolute;\r\n    left:0;\r\n    top:10px;\r\n    font-size: 30px;\r\n}\r\n.testimonial-title{\r\n    padding: 0 0 0 48px;\r\n}\r\n.testimonial .tml-designation{\r\n\tline-height: 24px;\r\n}\r\n.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {\r\n    background: #000000 !important;\r\n    color: #fff !important;\r\n\twidth: 30px;\r\n}\r\n.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {\r\n\tdisplay: block;\r\n}\r\n\r\n\r\n.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {\r\n     background: #000000 !important;\r\n}\r\n\r\n\t\r\n\t\t.tml-name {\r\n\t\t\tcolor: #ffffff !important;\r\n\t\t\tfont-size: 20px !important;\r\n\t\t}\r\n\t\t.tml-desc {\r\n\t\t\tcolor: #ffffff !important;\r\n\t\t\tfont-size: 20px !important;\r\n\t\t}\r\n\t\t.tml-desig {\r\n\t\t\tcolor: #ffffff !important;\r\n\t\t\tfont-size: 20px !important;\r\n\t\t}\r\n\t\t\/* Star Rating Styles *\/\r\n\t\t.testimonial-rating {\r\n\t\t\tmargin: 10px 0;\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\t\t.testimonial-rating i {\r\n\t\t\tcolor: #FFD700;\r\n\t\t\tfont-size: 16px;\r\n\t\t\tmargin: 0 2px;\r\n\t\t}\r\n\t\t.testimonial-rating i.fa-star-o {\r\n\t\t\tcolor: #ddd;\r\n\t\t}\r\n\t\t\/* Image Shape Styles *\/\r\n\t\t.tml-image-circle {\r\n\t\t\tborder-radius: 50% !important;\r\n\t\t}\r\n\t\t.tml-image-square {\r\n\t\t\tborder-radius: 0 !important;\r\n\t\t}\r\n\t\t.tml-image-rounded {\r\n\t\t\tborder-radius: 10px !important;\r\n\t\t}\r\n\t\t\t\r\n\t\t\t<div class=\"col-xs-12 col-sm-12 col-md-12\">\r\n\t\t\t<div id=\"tml-testimonial-slider\" class=\"owl-carousel owl-theme\">\r\n\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tml-testimonial\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"pic tml-image-circle\">\r\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/team-5-150x150.jpg\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"testimonial-review\">\r\n\t\t\t\t\t\t\t\t\t\t<p class=\"tml-description tml-desc\">Lorem Ipsum\u00a0is simply dummy text of the printing and typesetting industry.<\/p>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"testimonial-rating\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"testimonial-title tml-name\">Jack\t\t\t\t\t\t\t\t\t\t\t<small class=\"tml-designation tml-desig\">Web Developer<\/small>\r\n\t\t\t\t\t\t\t\t\t\t\t<small class=\"tml-link\"><a href=\"https:\/\/awplife.com\/\">Https:\/\/awplife.com\/<\/a><\/small>\r\n\t\t\t\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tml-testimonial\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"pic tml-image-circle\">\r\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/team-maker-1-150x150.jpg\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"testimonial-review\">\r\n\t\t\t\t\t\t\t\t\t\t<p class=\"tml-description tml-desc\">Lorem Ipsum\u00a0is simply dummy text of the printing and typesetting industry.<\/p>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"testimonial-rating\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"testimonial-title tml-name\">Sofiya\t\t\t\t\t\t\t\t\t\t\t<small class=\"tml-designation tml-desig\">Web Designer<\/small>\r\n\t\t\t\t\t\t\t\t\t\t\t<small class=\"tml-link\"><a href=\"https:\/\/awplife.com\/\">Https:\/\/awplife.com\/<\/a><\/small>\r\n\t\t\t\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\t\r\n\t\tjQuery( window ).load(function() {\r\n\t\t\tjQuery(document).ready(function(){\r\n\t\t\t\tvar owl = jQuery('.tml-owl-carousel');\r\n\t\t\t\tjQuery('#tml-testimonial-slider').owlCarousel({\r\n\t\t\t\t\tanimateOut: 'bounce',\r\n\t\t\t\t\tanimateIn: 'flash',\r\n\t\t\t\t\titems:\t1,\r\n\t\t\t\t\tloop: true,\r\n\t\t\t\t\tmargin:10,\r\n\t\t\t\t\tautoplay:true,\r\n\t\t\t\t\tautoplayTimeout: 3000,\r\n\t\t\t\t\tautoplayHoverPause:true,\r\n\t\t\t\t\tautoplaySpeed : 3000,\r\n\t\t\t\t\tnav :\ttrue,\r\n\t\t\t\t\tdots  : false,\r\n\t\t\t\t\tautoHeight :true,\r\n\t\t\t\t\trtl  :false,\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t});\r\n\t\t\t\t\r\n\t\t\t\t\/\/ Video testimonial play button handler\r\n\t\t\t\tjQuery('.testimonial-play-button').on('click', function(e) {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tvar wrapper = jQuery(this).closest('.testimonial-video-wrapper');\r\n\t\t\t\t\tvar videoUrl = wrapper.data('video-url');\r\n\t\t\t\t\tvar videoId = wrapper.data('video-id');\r\n\t\t\t\t\tvar videoType = wrapper.data('video-type');\r\n\t\t\t\t\tvar playback = wrapper.data('playback');\r\n\r\n\t\t\t\t\tif (!videoUrl) return;\r\n\r\n\t\t\t\t\tif (playback === 'inline' &amp;&amp; videoId &amp;&amp; videoType) {\r\n\t\t\t\t\t\t\/\/ Inline playback - replace thumbnail and button with iframe\r\n\t\t\t\t\t\tvar iframe = '';\r\n\t\t\t\t\t\tif (videoType === 'youtube') {\r\n\t\t\t\t\t\t\tiframe = '';\r\n\t\t\t\t\t\t} else if (videoType === 'vimeo') {\r\n\t\t\t\t\t\t\tiframe = '';\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (iframe) {\r\n\t\t\t\t\t\t\t\/\/ Remove thumbnail and play button, add iframe\r\n\t\t\t\t\t\t\twrapper.find('.testimonial-video-thumbnail, .testimonial-play-button').fadeOut(300, function() {\r\n\t\t\t\t\t\t\t\tjQuery(this).remove();\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\t\t\twrapper.append(iframe);\r\n\t\t\t\t\t\t\t}, 300);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\/\/ Fallback to external\r\n\t\t\t\t\t\t\twindow.open(videoUrl, '_blank');\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\/\/ External playback - open in new tab\r\n\t\t\t\t\t\twindow.open(videoUrl, '_blank');\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\t\r\n\t                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-79 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-79\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-79 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-79\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Testimonial Box                <\/div>\r\n            <\/div>\r\n                        <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-84\" data-mpb-config=\"{&quot;id&quot;:84,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-84 mpb-md-effect-1\"\r\n                id=\"modal-84\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-84\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-84\">\r\n                    <h3 id=\"mpb-title-84\" class=\"mbox-title text-center\">\r\n                        Bootstrap Table                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        &nbsp;\r\n<table class=\"table\">\r\n<thead>\r\n<tr>\r\n<th>Firstname<\/th>\r\n<th>Lastname<\/th>\r\n<th>Email<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody>\r\n<tr>\r\n<td>Default<\/td>\r\n<td>Defaultson<\/td>\r\n<td>def@somemail.com<\/td>\r\n<\/tr>\r\n<tr class=\"\">\r\n<td>Success<\/td>\r\n<td>Doe<\/td>\r\n<td>john@example.com<\/td>\r\n<\/tr>\r\n<tr class=\"\">\r\n<td>Danger<\/td>\r\n<td>Moe<\/td>\r\n<td>mary@example.com<\/td>\r\n<\/tr>\r\n<tr class=\"\">\r\n<td>Info<\/td>\r\n<td>Dooley<\/td>\r\n<td>july@example.com<\/td>\r\n<\/tr>\r\n<tr class=\"\">\r\n<td>Warning<\/td>\r\n<td>Refs<\/td>\r\n<td>bo@example.com<\/td>\r\n<\/tr>\r\n<tr class=\"\">\r\n<td>Active<\/td>\r\n<td>Activeson<\/td>\r\n<td>act@example.com<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-84 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-84\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-84 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-84\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Bootstrap Table                <\/div>\r\n            <\/div>\r\n                <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">        <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-128\" data-mpb-config=\"{&quot;id&quot;:128,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-128 mpb-md-effect-1\"\r\n                id=\"modal-128\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-128\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-128\">\r\n                    <h3 id=\"mpb-title-128\" class=\"mbox-title text-center\">\r\n                        Image Modal                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-70\" src=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/Coffee-Apple-Laptop.jpg\" alt=\"\" width=\"640\" height=\"426\" srcset=\"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/Coffee-Apple-Laptop.jpg 640w, https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-content\/uploads\/sites\/88\/2020\/06\/Coffee-Apple-Laptop-300x200.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-128 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-128\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-128 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-128\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Image Modal Box                <\/div>\r\n            <\/div>\r\n                         <div class=\"mpb-modal-wrapper\" id=\"mpb-wrapper-14\" data-mpb-config=\"{&quot;id&quot;:14,&quot;showModal&quot;:&quot;onclick&quot;,&quot;animation&quot;:&quot;mpb-md-effect-1&quot;,&quot;delay&quot;:0}\">\r\n            <div class=\"mpb-md-modal mpb-modal-14 mpb-md-effect-1\"\r\n                id=\"modal-14\" role=\"dialog\" aria-modal=\"true\"\r\n                aria-labelledby=\"mpb-title-14\"                     style=\"display:none;\" >\r\n                <div class=\"mpb-md-content mpb-md-content-14\">\r\n                    <h3 id=\"mpb-title-14\" class=\"mbox-title text-center\">\r\n                        Contact Form Widget Shortcode                    <\/h3>\r\n                    <button type=\"button\" class=\"mpb-md-close mpb-close-x\"\r\n                        aria-label=\"Close modal\">&times;<\/button>\r\n                    <div class=\"mpb-content-body\">\r\n                        \t\t\n\t\t\t\t.cwf-logo-image {\n\t\t\twidth: nolpx !important;\n\t\t\theight: gopx !important;\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.cwf-title {\n\t\t\tcolor: black !important;\n\t\t\tfont-size: 30px !important;\n\t\t}\n\t\t.cwf-desc {\n\t\t\tcolor: black !important;\n\t\t}\n\t\t.cfw-form {\t\t\t\n\t\t\tbackground-color: #FFFFFF!important;\n\t\t\tpadding: 10px;\n\t\t\tborder-radius:5px;\n\t\t}\n\t\t.cfw-form label{\n\t\t\tcolor: black;\n\t\t}\n\t\t\n\t\t\/* place holder css *\/\n\t\t.cfw-form ::-webkit-input-placeholder {\n\t\t   color: black!important;\n\t\t}\n\n\t\t.cfw-form :-moz-placeholder { \/* Firefox 18- *\/\n\t\t   color: black!important;\n\t\t}\n\n\t\t.cfw-form ::-moz-placeholder {  \/* Firefox 19+ *\/\n\t\t   color: black !important;\n\t\t}\n\n\t\t.cfw-form :-ms-input-placeholder {  \n\t\t   color: black!important;\n\t\t}\n\t\t.form-group {\n\t\t\tpadding-top:15px;\n\t\t\tpadding-bottom:15px;\t\t\n\t\t}\n\t\t.cfw-error {\n\t\t\tdisplay: none;\n\t\t\tpadding: 7px !important;\n\t\t}\n\t\t\n\t\t<!--gogle captcha script-->\n\t\t\n\t\t\t\t\t\t<p class=\"text-center cwf-title\">Contact Form<\/p>\n\t\t\t<p class=\"text-center cwf-desc\">Please fill below form if you have any query with us.<\/p>\n\t\t\t\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<label for=\"name\"><i class=\"fa fa-user\" aria-hidden=\"true\"><\/i> Name<\/label>\n\t\t\t\t\n\t\t\t\t<p class=\"cfw-error name-error alert alert-warning\"><strong>Name cannot be blank.<\/strong><\/p>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<label for=\"email\"><i class=\"fa fa-envelope\" aria-hidden=\"true\"><\/i> Email<\/label>\n\t\t\t\t\n\t\t\t\t<p class=\"cfw-error email-error alert alert-warning\"><strong>Email cannot be blank.<\/strong><\/p>\n\t\t\t\t<p class=\"cfw-error email-error-2 alert alert-warning\"><strong>Email is invalid.<\/strong><\/p>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<label for=\"subject\"><i class=\"fa fa-asterisk\" aria-hidden=\"true\"><\/i> Subject<\/label>\n\t\t\t\t\n\t\t\t\t<p class=\"cfw-error subject-error alert alert-warning\"><strong>Subject cannot be blank.<\/strong><\/p>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<label for=\"message\"><i class=\"fa fa-comment\" aria-hidden=\"true\"><\/i> Message<\/label>\n\t\t\t\t<textarea class=\"form-control\" id=\"message\" name=\"message\"><\/textarea>\n\t\t\t\t<p class=\"cfw-error message-error alert alert-warning\"><strong>Message cannot be blank.<\/strong><\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t<div class=\"form-group text-left\">\n\t\t\t\t<button type=\"button\" class=\"btn btn-success btn-default\">Submit<\/button>\n\t\t\t<\/div>\n\t\t\n\t\t\n\t\t<!--loading icon-->\n\t\t<div id=\"awp-loading-icon\" class=\"text-center\" style=\"display: none\">\n\t\t\t<i class=\"fa fa-spinner fa-pulse fa-3x fa-fw\"><\/i><br>\n\t\t\tPlease wait submitting your query.\n\t\t<\/div>\n\t\t\n\t\t<!--Ajax result-->\n\t\t<div id=\"contact-result\" class=\"alert alert-success alert-dismissible\" style=\"display: none\">\n\t\t<\/div>\n\t\t                    <\/div>\r\n                    <div class=\"mpb-buttons text-center\">\r\n                        <button type=\"button\"\r\n                            class=\"mpb-btn btn-close-bg-14 mpb-text-center mpb-md-close\">\r\n                            Close Me                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"mpb-md-overlay mpb-md-overlay-14\"                     style=\"display:none; background: rgba(0, 0, 0, 0.6);\"\r\n                >\r\n            <\/div>\r\n        <\/div><!-- \/.mpb-modal-wrapper -->\r\n\r\n                    <div class=\"mpb-trigger-wrap\">\r\n                <div class=\"mpb-md-trigger mpb-md-setperspective btn-bg-14 btn btn-lg mpb-text-center\"\r\n                    data-modal=\"modal-14\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\r\n                    Contact  Widget Box                <\/div>\r\n            <\/div>\r\n                 <\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link has-very-light-gray-color has-vivid-green-cyan-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/modal-popup-box\/\" target=\"_new\" rel=\"noopener noreferrer\"> Modal Popup Box Free WordPress Plugin<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Click On Below Buttons To Open Modal Pop Up Box You can embed and display anything in popup box like image, YouTube videos, Vimeo videos, image gallery, album gallery, photo album, slider slideshows, various plugin shortcodes, tables, pricing tables, social media feeds, Facebook like box, Twitter tweets, Flickr feeds, Contact Form 7, buttons, HTML contents, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":72,"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":168,"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/4\/revisions\/168"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/modal-popup-box-free-wordpress-plugin\/wp-json\/wp\/v2\/media?parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}