{"id":24030,"date":"2022-04-02T08:19:59","date_gmt":"2022-04-02T08:19:59","guid":{"rendered":"http:\/\/shaplakanon.com\/?page_id=24030"},"modified":"2022-04-18T04:20:42","modified_gmt":"2022-04-18T04:20:42","slug":"website-templates","status":"publish","type":"page","link":"https:\/\/shaplakanon.com\/website-templates\/","title":{"rendered":"Website Templates"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24030\" class=\"elementor elementor-24030\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-869a33b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"869a33b\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d2304d3\" data-id=\"d2304d3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-01e66ca elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"01e66ca\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Website Templates<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bfdfe36 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bfdfe36\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-e32895a\" data-id=\"e32895a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-c3d71f3\" data-id=\"c3d71f3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4e5e72d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4e5e72d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-665447d\" data-id=\"665447d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-64a2689 elementor-widget elementor-widget-html\" data-id=\"64a2689\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n.container1 {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px;\r\n}\r\n\r\n.image1 {\r\n  display: block;\r\n  width: 600px;\r\n  height: 300px;\r\n}\r\n\r\n.overlay1 {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  opacity: 0;\r\n  transition: .3s ease;\r\n \r\n}\r\n\r\n.container1:hover .overlay1 {\r\n  opacity: 1;\r\n}\r\n.middle1 {\r\n  transition: .5s ease;\r\n  opacity: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.container1:hover .image1 {\r\n  opacity: 0.3;\r\n}\r\n\r\n.container1:hover .middle1 {\r\n  opacity: 1;\r\n}\r\n\r\n.icon1 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 70%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n.icon2 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 40%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.fa-user1:hover {\r\n  color: #eee;\r\n}\r\n.text1 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n   padding: 10px 24px;\r\n   font-family: 'Play';\r\n  \r\n}\r\n.text2 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n  padding: 10px 32px;\r\n  font-family: 'Play';\r\n  \r\n}\r\na:link {\r\n  text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"container1\">\r\n  <img decoding=\"async\" src=\"https:\/\/shaplakanon.com\/wp-content\/themes\/betheme-child\/screenshot.png\" alt=\"Avatar\" class=\"image1\" style=\"width:400px;height:300px;\">\r\n  <div class=\"overlay1\">\r\n  <a href=\"https:\/\/muffingroup.com\/betheme\/#websites\" class=\"icon1\" target=\"_blank\">\r\n  <div class=\"text1\">View Demo<\/div>\r\n    <\/a> \r\n  \r\n  \r\n  <\/div>\r\n  \r\n<\/div>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1facd6 elementor-widget elementor-widget-heading\" data-id=\"b1facd6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">650+ Designs<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-346a63c elementor-widget elementor-widget-spacer\" data-id=\"346a63c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-50c4f7a\" data-id=\"50c4f7a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c57dc54 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c57dc54\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-0f9d793\" data-id=\"0f9d793\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b63d56 elementor-widget elementor-widget-html\" data-id=\"7b63d56\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\n.container1 {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px;\r\n}\r\n\r\n.image1 {\r\n  display: block;\r\n  width: 600px;\r\n  height: 300px;\r\n}\r\n\r\n.overlay1 {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  opacity: 0;\r\n  transition: .3s ease;\r\n \r\n}\r\n\r\n.container1:hover .overlay1 {\r\n  opacity: 1;\r\n}\r\n.middle1 {\r\n  transition: .5s ease;\r\n  opacity: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.container1:hover .image1 {\r\n  opacity: 0.3;\r\n}\r\n\r\n.container1:hover .middle1 {\r\n  opacity: 1;\r\n}\r\n\r\n.icon1 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 70%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n.icon2 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 40%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.fa-user1:hover {\r\n  color: #eee;\r\n}\r\n.text1 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n   padding: 10px 24px;\r\n   font-family: 'Play';\r\n  \r\n}\r\n.text2 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n  padding: 10px 32px;\r\n  font-family: 'Play';\r\n  \r\n}\r\na:link {\r\n  text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"container1\">\r\n  <img decoding=\"async\" src=\"https:\/\/shaplakanon.com\/wp-content\/themes\/bridge-child\/screenshot.png\" alt=\"Avatar\" class=\"image1\" style=\"width:400px;height:300px;\">\r\n  <div class=\"overlay1\">\r\n  <a href=\"https:\/\/bridgelanding.qodeinteractive.com\/#demos-section\" class=\"icon1\" target=\"_blank\">\r\n  <div class=\"text1\">View Demo<\/div>\r\n    <\/a> \r\n  \r\n  \r\n  <\/div>\r\n  \r\n<\/div>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49fdec7 elementor-widget elementor-widget-heading\" data-id=\"49fdec7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">610+ Designs<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f233af elementor-widget elementor-widget-spacer\" data-id=\"4f233af\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-95bf6d2\" data-id=\"95bf6d2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ce7bf0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ce7bf0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-713ddab\" data-id=\"713ddab\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-bd36d36\" data-id=\"bd36d36\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c51b081 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c51b081\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-3ceb448\" data-id=\"3ceb448\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-08bfc7e elementor-widget elementor-widget-html\" data-id=\"08bfc7e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n.container1 {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px;\r\n}\r\n\r\n.image1 {\r\n  display: block;\r\n  width: 600px;\r\n  height: 300px;\r\n}\r\n\r\n.overlay1 {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  opacity: 0;\r\n  transition: .3s ease;\r\n \r\n}\r\n\r\n.container1:hover .overlay1 {\r\n  opacity: 1;\r\n}\r\n.middle1 {\r\n  transition: .5s ease;\r\n  opacity: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.container1:hover .image1 {\r\n  opacity: 0.3;\r\n}\r\n\r\n.container1:hover .middle1 {\r\n  opacity: 1;\r\n}\r\n\r\n.icon1 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 70%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n.icon2 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 40%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.fa-user1:hover {\r\n  color: #eee;\r\n}\r\n.text1 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n   padding: 10px 24px;\r\n   font-family: 'Play';\r\n  \r\n}\r\n.text2 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n  padding: 10px 32px;\r\n  font-family: 'Play';\r\n  \r\n}\r\na:link {\r\n  text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"container1\">\r\n  <img decoding=\"async\" src=\"https:\/\/qodeinteractive.com\/qi-theme\/wp-content\/uploads\/2021\/05\/landing-demo-qi21-img1.jpg\" alt=\"Avatar\" class=\"image1\" style=\"width:300px;height:400px;margin: 0 auto;\">\r\n  <div class=\"overlay1\">\r\n  <a href=\"https:\/\/qi21.qodeinteractive.com\/\" class=\"icon1\" target=\"_blank\">\r\n  <div class=\"text1\">View Demo<\/div>\r\n    <\/a> \r\n  \r\n  \r\n  <\/div>\r\n  \r\n<\/div>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac12253 elementor-widget elementor-widget-heading\" data-id=\"ac12253\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Digital Agency<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a77d540 elementor-widget elementor-widget-spacer\" data-id=\"a77d540\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-5b4e2ca\" data-id=\"5b4e2ca\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-24a855b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"24a855b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-b6a27d9\" data-id=\"b6a27d9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a50c41 elementor-widget elementor-widget-html\" data-id=\"9a50c41\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\n.container1 {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px;\r\n}\r\n\r\n.image1 {\r\n  display: block;\r\n  width: 600px;\r\n  height: 300px;\r\n}\r\n\r\n.overlay1 {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  opacity: 0;\r\n  transition: .3s ease;\r\n \r\n}\r\n\r\n.container1:hover .overlay1 {\r\n  opacity: 1;\r\n}\r\n.middle1 {\r\n  transition: .5s ease;\r\n  opacity: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.container1:hover .image1 {\r\n  opacity: 0.3;\r\n}\r\n\r\n.container1:hover .middle1 {\r\n  opacity: 1;\r\n}\r\n\r\n.icon1 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 70%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n.icon2 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 40%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.fa-user1:hover {\r\n  color: #eee;\r\n}\r\n.text1 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n   padding: 10px 24px;\r\n   font-family: 'Play';\r\n  \r\n}\r\n.text2 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n  padding: 10px 32px;\r\n  font-family: 'Play';\r\n  \r\n}\r\na:link {\r\n  text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"container1\">\r\n  <img decoding=\"async\" src=\"https:\/\/qodeinteractive.com\/qi-theme\/wp-content\/uploads\/2021\/05\/landing-demo-qi2-img2.jpg\" alt=\"Avatar\" class=\"image1\" style=\"width:300px;height:400px;margin: 0 auto;\">\r\n  <div class=\"overlay1\">\r\n  <a href=\"https:\/\/qi2.qodeinteractive.com\/\" class=\"icon1\" target=\"_blank\">\r\n  <div class=\"text1\">View Demo<\/div>\r\n    <\/a> \r\n  \r\n  \r\n  <\/div>\r\n  \r\n<\/div>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0de99e4 elementor-widget elementor-widget-heading\" data-id=\"0de99e4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Construction<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-593e159 elementor-widget elementor-widget-spacer\" data-id=\"593e159\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-4f68be3\" data-id=\"4f68be3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f5ece27 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f5ece27\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-46434b5\" data-id=\"46434b5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-98acc05\" data-id=\"98acc05\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ce2c7c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ce2c7c2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-fffe315\" data-id=\"fffe315\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57afc4c elementor-widget elementor-widget-html\" data-id=\"57afc4c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n.container1 {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px;\r\n}\r\n\r\n.image1 {\r\n  display: block;\r\n  width: 600px;\r\n  height: 300px;\r\n}\r\n\r\n.overlay1 {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  opacity: 0;\r\n  transition: .3s ease;\r\n \r\n}\r\n\r\n.container1:hover .overlay1 {\r\n  opacity: 1;\r\n}\r\n.middle1 {\r\n  transition: .5s ease;\r\n  opacity: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.container1:hover .image1 {\r\n  opacity: 0.3;\r\n}\r\n\r\n.container1:hover .middle1 {\r\n  opacity: 1;\r\n}\r\n\r\n.icon1 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 70%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n.icon2 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 40%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.fa-user1:hover {\r\n  color: #eee;\r\n}\r\n.text1 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n   padding: 10px 24px;\r\n   font-family: 'Play';\r\n  \r\n}\r\n.text2 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n  padding: 10px 32px;\r\n  font-family: 'Play';\r\n  \r\n}\r\na:link {\r\n  text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"container1\">\r\n  <img decoding=\"async\" src=\"https:\/\/qodeinteractive.com\/qi-theme\/wp-content\/uploads\/2021\/05\/landing-demo-qi22-img3.jpg\" alt=\"Avatar\" class=\"image1\" style=\"width:300px;height:400px;margin: 0 auto;\">\r\n  <div class=\"overlay1\">\r\n  <a href=\"https:\/\/qi22.qodeinteractive.com\/\" class=\"icon1\" target=\"_blank\">\r\n  <div class=\"text1\">View Demo<\/div>\r\n    <\/a> \r\n  \r\n  \r\n  <\/div>\r\n  \r\n<\/div>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd5d06c elementor-widget elementor-widget-heading\" data-id=\"cd5d06c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Web Agency<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce430aa elementor-widget elementor-widget-spacer\" data-id=\"ce430aa\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-fda9f9f\" data-id=\"fda9f9f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c2c683e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c2c683e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-64be4eb\" data-id=\"64be4eb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4fe4c9d elementor-widget elementor-widget-html\" data-id=\"4fe4c9d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\n.container1 {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px;\r\n}\r\n\r\n.image1 {\r\n  display: block;\r\n  width: 600px;\r\n  height: 300px;\r\n}\r\n\r\n.overlay1 {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  opacity: 0;\r\n  transition: .3s ease;\r\n \r\n}\r\n\r\n.container1:hover .overlay1 {\r\n  opacity: 1;\r\n}\r\n.middle1 {\r\n  transition: .5s ease;\r\n  opacity: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.container1:hover .image1 {\r\n  opacity: 0.3;\r\n}\r\n\r\n.container1:hover .middle1 {\r\n  opacity: 1;\r\n}\r\n\r\n.icon1 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 70%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n.icon2 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 40%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.fa-user1:hover {\r\n  color: #eee;\r\n}\r\n.text1 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n   padding: 10px 24px;\r\n   font-family: 'Play';\r\n  \r\n}\r\n.text2 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n  padding: 10px 32px;\r\n  font-family: 'Play';\r\n  \r\n}\r\na:link {\r\n  text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"container1\">\r\n  <img decoding=\"async\" src=\"https:\/\/qodeinteractive.com\/qi-theme\/wp-content\/uploads\/2021\/05\/landing-demo-qi40-img2.jpg\" alt=\"Avatar\" class=\"image1\" style=\"width:300px;height:400px;margin: 0 auto;\">\r\n  <div class=\"overlay1\">\r\n  <a href=\"https:\/\/qi40.qodeinteractive.com\/\" class=\"icon1\" target=\"_blank\">\r\n  <div class=\"text1\">View Demo<\/div>\r\n    <\/a> \r\n  \r\n  \r\n  <\/div>\r\n  \r\n<\/div>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d832c1e elementor-widget elementor-widget-heading\" data-id=\"d832c1e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Law Firm<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2adc257 elementor-widget elementor-widget-spacer\" data-id=\"2adc257\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-a57694a\" data-id=\"a57694a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-614574e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"614574e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-0c689c1\" data-id=\"0c689c1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-ab57df8\" data-id=\"ab57df8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-98b5787 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"98b5787\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ea0cf1b\" data-id=\"ea0cf1b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-889fe3f elementor-widget elementor-widget-html\" data-id=\"889fe3f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n.container1 {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px;\r\n}\r\n\r\n.image1 {\r\n  display: block;\r\n  width: 600px;\r\n  height: 300px;\r\n}\r\n\r\n.overlay1 {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  opacity: 0;\r\n  transition: .3s ease;\r\n \r\n}\r\n\r\n.container1:hover .overlay1 {\r\n  opacity: 1;\r\n}\r\n.middle1 {\r\n  transition: .5s ease;\r\n  opacity: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.container1:hover .image1 {\r\n  opacity: 0.3;\r\n}\r\n\r\n.container1:hover .middle1 {\r\n  opacity: 1;\r\n}\r\n\r\n.icon1 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 70%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n.icon2 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 40%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.fa-user1:hover {\r\n  color: #eee;\r\n}\r\n.text1 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n   padding: 10px 24px;\r\n   font-family: 'Play';\r\n  \r\n}\r\n.text2 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n  padding: 10px 32px;\r\n  font-family: 'Play';\r\n  \r\n}\r\na:link {\r\n  text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"container1\">\r\n  <img decoding=\"async\" src=\"https:\/\/qodeinteractive.com\/qi-theme\/wp-content\/uploads\/2021\/05\/landing-demo-qi12-img2.jpg\" alt=\"Avatar\" class=\"image1\" style=\"width:300px;height:400px;margin: 0 auto;\">\r\n  <div class=\"overlay1\">\r\n  <a href=\"https:\/\/qi12.qodeinteractive.com\/\" class=\"icon1\" target=\"_blank\">\r\n  <div class=\"text1\">View Demo<\/div>\r\n    <\/a> \r\n  \r\n  \r\n  <\/div>\r\n  \r\n<\/div>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bc6c89 elementor-widget elementor-widget-heading\" data-id=\"2bc6c89\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bakery<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f7b6b1 elementor-widget elementor-widget-spacer\" data-id=\"2f7b6b1\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-95c0012\" data-id=\"95c0012\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d1dc16d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d1dc16d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-b18085e\" data-id=\"b18085e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-81226dc elementor-widget elementor-widget-html\" data-id=\"81226dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\n.container1 {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px;\r\n}\r\n\r\n.image1 {\r\n  display: block;\r\n  width: 600px;\r\n  height: 300px;\r\n}\r\n\r\n.overlay1 {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  opacity: 0;\r\n  transition: .3s ease;\r\n \r\n}\r\n\r\n.container1:hover .overlay1 {\r\n  opacity: 1;\r\n}\r\n.middle1 {\r\n  transition: .5s ease;\r\n  opacity: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.container1:hover .image1 {\r\n  opacity: 0.3;\r\n}\r\n\r\n.container1:hover .middle1 {\r\n  opacity: 1;\r\n}\r\n\r\n.icon1 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 70%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n.icon2 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 40%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.fa-user1:hover {\r\n  color: #eee;\r\n}\r\n.text1 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n   padding: 10px 24px;\r\n   font-family: 'Play';\r\n  \r\n}\r\n.text2 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n  padding: 10px 32px;\r\n  font-family: 'Play';\r\n  \r\n}\r\na:link {\r\n  text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"container1\">\r\n  <img decoding=\"async\" src=\"https:\/\/qodeinteractive.com\/qi-theme\/wp-content\/uploads\/2021\/05\/landing-demo-qi24-img1.jpg\" alt=\"Avatar\" class=\"image1\" style=\"width:300px;height:400px;margin: 0 auto;\">\r\n  <div class=\"overlay1\">\r\n  <a href=\"https:\/\/qi24.qodeinteractive.com\/\" class=\"icon1\" target=\"_blank\">\r\n  <div class=\"text1\">View Demo<\/div>\r\n    <\/a> \r\n  \r\n  \r\n  <\/div>\r\n  \r\n<\/div>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b253150 elementor-widget elementor-widget-heading\" data-id=\"b253150\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creative Studio<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7de37c9 elementor-widget elementor-widget-spacer\" data-id=\"7de37c9\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-973a8eb\" data-id=\"973a8eb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ef04273 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ef04273\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-691ff45\" data-id=\"691ff45\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-37050b6\" data-id=\"37050b6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-369eb0d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"369eb0d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-204e8a4\" data-id=\"204e8a4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f1c24dc elementor-widget elementor-widget-html\" data-id=\"f1c24dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n.container1 {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px;\r\n}\r\n\r\n.image1 {\r\n  display: block;\r\n  width: 600px;\r\n  height: 300px;\r\n}\r\n\r\n.overlay1 {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  opacity: 0;\r\n  transition: .3s ease;\r\n \r\n}\r\n\r\n.container1:hover .overlay1 {\r\n  opacity: 1;\r\n}\r\n.middle1 {\r\n  transition: .5s ease;\r\n  opacity: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.container1:hover .image1 {\r\n  opacity: 0.3;\r\n}\r\n\r\n.container1:hover .middle1 {\r\n  opacity: 1;\r\n}\r\n\r\n.icon1 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 70%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n.icon2 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 40%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.fa-user1:hover {\r\n  color: #eee;\r\n}\r\n.text1 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n   padding: 10px 24px;\r\n   font-family: 'Play';\r\n  \r\n}\r\n.text2 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n  padding: 10px 32px;\r\n  font-family: 'Play';\r\n  \r\n}\r\na:link {\r\n  text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"container1\">\r\n  <img decoding=\"async\" src=\"https:\/\/qodeinteractive.com\/qi-theme\/wp-content\/uploads\/2021\/05\/landing-demo-qi36-img2.jpg\" alt=\"Avatar\" class=\"image1\" style=\"width:300px;height:400px;margin: 0 auto;\">\r\n  <div class=\"overlay1\">\r\n  <a href=\"https:\/\/qi36.qodeinteractive.com\/\" class=\"icon1\" target=\"_blank\">\r\n  <div class=\"text1\">View Demo<\/div>\r\n    <\/a> \r\n  \r\n  \r\n  <\/div>\r\n  \r\n<\/div>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5b8362 elementor-widget elementor-widget-heading\" data-id=\"c5b8362\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cake Shop<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5035f8c elementor-widget elementor-widget-spacer\" data-id=\"5035f8c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-799277d\" data-id=\"799277d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7fd108a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7fd108a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-b7242f6\" data-id=\"b7242f6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f7cda07 elementor-widget elementor-widget-html\" data-id=\"f7cda07\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\n.container1 {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px;\r\n}\r\n\r\n.image1 {\r\n  display: block;\r\n  width: 600px;\r\n  height: 300px;\r\n}\r\n\r\n.overlay1 {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  opacity: 0;\r\n  transition: .3s ease;\r\n \r\n}\r\n\r\n.container1:hover .overlay1 {\r\n  opacity: 1;\r\n}\r\n.middle1 {\r\n  transition: .5s ease;\r\n  opacity: 0;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.container1:hover .image1 {\r\n  opacity: 0.3;\r\n}\r\n\r\n.container1:hover .middle1 {\r\n  opacity: 1;\r\n}\r\n\r\n.icon1 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 70%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n.icon2 {\r\n  color: white;\r\n  font-size: 100px;\r\n  position: absolute;\r\n  top: 40%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  text-align: center;\r\n}\r\n\r\n.fa-user1:hover {\r\n  color: #eee;\r\n}\r\n.text1 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n   padding: 10px 24px;\r\n   font-family: 'Play';\r\n  \r\n}\r\n.text2 {\r\n  background-color: #04AA6D;\r\n  color: white;\r\n  font-size: 12px;\r\n  padding: 10px 32px;\r\n  font-family: 'Play';\r\n  \r\n}\r\na:link {\r\n  text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"container1\">\r\n  <img decoding=\"async\" src=\"https:\/\/qodeinteractive.com\/qi-theme\/wp-content\/uploads\/2021\/05\/landing-demo-qi18-img1.jpg\" alt=\"Avatar\" class=\"image1\" style=\"width:300px;height:400px;margin: 0 auto;\">\r\n  <div class=\"overlay1\">\r\n  <a href=\"https:\/\/qi18.qodeinteractive.com\/\" class=\"icon1\" target=\"_blank\">\r\n  <div class=\"text1\">View Demo<\/div>\r\n    <\/a> \r\n  \r\n  \r\n  <\/div>\r\n  \r\n<\/div>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39017ef elementor-widget elementor-widget-heading\" data-id=\"39017ef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Toy Shop<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-440e9d1 elementor-widget elementor-widget-spacer\" data-id=\"440e9d1\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-a82c27a\" data-id=\"a82c27a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-092e5b7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"092e5b7\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-79c1a14\" data-id=\"79c1a14\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-71120f5 helpmessage elementor-widget elementor-widget-text-editor\" data-id=\"71120f5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Need help to find out the right design?<\/p><p>Need help to install the design?<\/p><p><a href=\"http:\/\/shaplakanon.com\/getsupport\/\">Drop us a message<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Website Templates View Demo 650+ Designs View Demo 610+ Designs View Demo Digital Agency View Demo Construction View Demo Web Agency View Demo Law Firm View Demo Bakery View Demo Creative Studio View Demo Cake Shop View Demo Toy Shop Need help to find out the right design? Need help to install the design? Drop [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-24030","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Website Templates - Shapla Kanon<\/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:\/\/shaplakanon.com\/website-templates\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website Templates - Shapla Kanon\" \/>\n<meta property=\"og:description\" content=\"Website Templates View Demo 650+ Designs View Demo 610+ Designs View Demo Digital Agency View Demo Construction View Demo Web Agency View Demo Law Firm View Demo Bakery View Demo Creative Studio View Demo Cake Shop View Demo Toy Shop Need help to find out the right design? Need help to install the design? Drop [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shaplakanon.com\/website-templates\/\" \/>\n<meta property=\"og:site_name\" content=\"Shapla Kanon\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-18T04:20:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/shaplakanon.com\/wp-content\/themes\/betheme-child\/screenshot.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shaplakanon.com\/website-templates\/\",\"url\":\"https:\/\/shaplakanon.com\/website-templates\/\",\"name\":\"Website Templates - Shapla Kanon\",\"isPartOf\":{\"@id\":\"https:\/\/shaplakanon.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/shaplakanon.com\/website-templates\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/shaplakanon.com\/website-templates\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/shaplakanon.com\/wp-content\/themes\/betheme-child\/screenshot.png\",\"datePublished\":\"2022-04-02T08:19:59+00:00\",\"dateModified\":\"2022-04-18T04:20:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/shaplakanon.com\/website-templates\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shaplakanon.com\/website-templates\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shaplakanon.com\/website-templates\/#primaryimage\",\"url\":\"https:\/\/shaplakanon.com\/wp-content\/themes\/betheme-child\/screenshot.png\",\"contentUrl\":\"https:\/\/shaplakanon.com\/wp-content\/themes\/betheme-child\/screenshot.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/shaplakanon.com\/website-templates\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/shaplakanon.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Website Templates\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/shaplakanon.com\/#website\",\"url\":\"https:\/\/shaplakanon.com\/\",\"name\":\"Shapla Kanon\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/shaplakanon.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website Templates - Shapla Kanon","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/shaplakanon.com\/website-templates\/","og_locale":"en_US","og_type":"article","og_title":"Website Templates - Shapla Kanon","og_description":"Website Templates View Demo 650+ Designs View Demo 610+ Designs View Demo Digital Agency View Demo Construction View Demo Web Agency View Demo Law Firm View Demo Bakery View Demo Creative Studio View Demo Cake Shop View Demo Toy Shop Need help to find out the right design? Need help to install the design? Drop [&hellip;]","og_url":"https:\/\/shaplakanon.com\/website-templates\/","og_site_name":"Shapla Kanon","article_modified_time":"2022-04-18T04:20:42+00:00","og_image":[{"url":"https:\/\/shaplakanon.com\/wp-content\/themes\/betheme-child\/screenshot.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/shaplakanon.com\/website-templates\/","url":"https:\/\/shaplakanon.com\/website-templates\/","name":"Website Templates - Shapla Kanon","isPartOf":{"@id":"https:\/\/shaplakanon.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/shaplakanon.com\/website-templates\/#primaryimage"},"image":{"@id":"https:\/\/shaplakanon.com\/website-templates\/#primaryimage"},"thumbnailUrl":"https:\/\/shaplakanon.com\/wp-content\/themes\/betheme-child\/screenshot.png","datePublished":"2022-04-02T08:19:59+00:00","dateModified":"2022-04-18T04:20:42+00:00","breadcrumb":{"@id":"https:\/\/shaplakanon.com\/website-templates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shaplakanon.com\/website-templates\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shaplakanon.com\/website-templates\/#primaryimage","url":"https:\/\/shaplakanon.com\/wp-content\/themes\/betheme-child\/screenshot.png","contentUrl":"https:\/\/shaplakanon.com\/wp-content\/themes\/betheme-child\/screenshot.png"},{"@type":"BreadcrumbList","@id":"https:\/\/shaplakanon.com\/website-templates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/shaplakanon.com\/"},{"@type":"ListItem","position":2,"name":"Website Templates"}]},{"@type":"WebSite","@id":"https:\/\/shaplakanon.com\/#website","url":"https:\/\/shaplakanon.com\/","name":"Shapla Kanon","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/shaplakanon.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/shaplakanon.com\/wp-json\/wp\/v2\/pages\/24030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shaplakanon.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shaplakanon.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shaplakanon.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shaplakanon.com\/wp-json\/wp\/v2\/comments?post=24030"}],"version-history":[{"count":40,"href":"https:\/\/shaplakanon.com\/wp-json\/wp\/v2\/pages\/24030\/revisions"}],"predecessor-version":[{"id":24187,"href":"https:\/\/shaplakanon.com\/wp-json\/wp\/v2\/pages\/24030\/revisions\/24187"}],"wp:attachment":[{"href":"https:\/\/shaplakanon.com\/wp-json\/wp\/v2\/media?parent=24030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}