{"id":1240,"date":"2014-02-08T21:03:57","date_gmt":"2014-02-08T21:03:57","guid":{"rendered":"https:\/\/logitech.cms.com.vn\/banner-grid\/"},"modified":"2014-02-08T21:03:57","modified_gmt":"2014-02-08T21:03:57","slug":"banner-grid","status":"publish","type":"page","link":"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/","title":{"rendered":"Banner Grids"},"content":{"rendered":"\n\t<section class=\"section\" id=\"section_1879032465\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\t<div class=\"is-border\"\n\t\tstyle=\"border-color:rgba(0, 0, 0, 0.13);border-width:1px 0px 1px 0px;\">\n\t<\/div>\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" style=\"font-size:120%;\">Banner Grid Element<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-1139678421\" class=\"banner-grid row row-grid row-small row-box-shadow-1\" data-packery-options=\"\">\n                      \n<div class=\"col grid-col small-12 large-4 grid-col-1\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-571030108\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-599979920\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h2 class=\"alt-font\">A Cute Title<\/h2>\n<h2 class=\"uppercase\"><strong><span style=\"font-size: 140%;\">This is a simple headline<\/span><\/strong><\/h2>\n<p class=\"lead\"><span style=\"font-size: 130%;\">A Small text<\/span><\/p>\n<a class=\"button primary is-outline is-xlarge\" >\n\t\t<span>Click me!<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-599979920 {\n  width: 70%;\n}\n#text-box-599979920 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n              <div class=\"height-fix is-invisible\"><img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg 1000w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg 300w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-600x390.jpg 600w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-768x499.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/div>\n            \n<style>\n#banner-571030108 .banner-bg img {\n  object-position: 64% 30%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-12 large-3 grid-col-1\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-582180046\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-2004494763\" class=\"text-box banner-layer x50 md-x50 lg-x50 y5 md-y5 lg-y5 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h2 class=\"uppercase\"><strong>This is a simple headline<\/strong><\/h2>\n<a class=\"button primary is-outline is-larger\" >\n\t\t<span>Shop now<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-2004494763 {\n  width: 60%;\n}\n#text-box-2004494763 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-2004494763 {\n    width: 69%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n              <div class=\"height-fix is-invisible\"><img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg 1000w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg 300w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-600x390.jpg 600w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-768x499.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/div>\n            \n<style>\n#banner-582180046 .banner-bg img {\n  object-position: 51% 56%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-14 large-5 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-288428283\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg\" class=\"bg attachment-medium size-medium\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1213528353\" class=\"text-box banner-layer x10 md-x10 lg-x10 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h2 class=\"uppercase\"><strong>This is a simple headline<\/strong><\/h2>\n<a class=\"button primary is-outline is-larger\" >\n\t\t<span>Shop now<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1213528353 {\n  width: 42%;\n}\n#text-box-1213528353 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n              <div class=\"height-fix is-invisible\"><img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg 300w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-600x390.jpg 600w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-768x499.jpg 768w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n            \n<style>\n#banner-288428283 .overlay {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n#banner-288428283 .banner-bg img {\n  object-position: 51% 30%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-12 large-5 grid-col-2-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-1111024499\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1185846935\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h2 class=\"uppercase\"><strong>SALE ENDS SOON<\/strong><\/h2>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1185846935 {\n  width: 60%;\n}\n#text-box-1185846935 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1185846935 {\n    width: 70%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n              <div class=\"height-fix is-invisible\"><img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg 1000w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg 300w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-600x390.jpg 600w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-768x499.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/div>\n            \n<style>\n#banner-1111024499 .overlay {\n  background-color: rgba(0, 0, 0, 0.3);\n}\n#banner-1111024499 {\n  background-color: rgb(0, 0, 0);\n}\n#banner-1111024499 .banner-bg img {\n  object-position: 71% 19%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n            <\/div>\n    <style>\n    #banner-grid-1139678421 .grid-col-1{height: 600px}\n    #banner-grid-1139678421 .grid-col-1-2{height: 300px}\n    #banner-grid-1139678421 .grid-col-1-3{height:200px}\n    #banner-grid-1139678421 .grid-col-2-3{height: 400px}\n    #banner-grid-1139678421 .grid-col-1-4{height: 150px}\n    #banner-grid-1139678421 .grid-col-3-4{height: 450px}\n\n\n    \n    \n\n  <\/style>\n    <\/div>\n  \n\t\t<\/div>\n\n\t\t\n<style>\n#section_1879032465 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(237, 239, 241);\n}\n<\/style>\n\t<\/section>\n\t\n<div class=\"row align-middle\"  id=\"row-764643332\">\n\n\t<div id=\"col-892270693\" class=\"col medium-5 small-12 large-5\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 class=\"uppercase\">DRAG AND DROP EDITING<\/h2>\n<p class=\"lead\">Creating amazing Banner Grids is incredible easy with the new <strong>UX Builder<\/strong><\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1961135794\" class=\"col medium-7 small-12 large-7\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1652895847\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 dark\" >\n\t\t\t<img decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg 400w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1652895847 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\n\t<section class=\"section dark has-parallax\" id=\"section_1017549301\">\n\t\t<div class=\"section-bg fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-2\">\n\t\t\t<img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment- size-\" alt=\"\" \/>\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Banner Grid With A Background<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-1726501516\" class=\"banner-grid row row-grid row-small row-box-shadow-1\" data-packery-options=\"\">\n                      \n<div class=\"col grid-col small-13 large-4 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-233845367\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-738727327\" class=\"text-box banner-layer x10 md-x10 lg-x10 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"fadeInLeft\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h6 class=\"uppercase\">Featured Vendor<\/h6>\n<h2><strong>This Week Featured Vendor<\/strong><\/h2>\n<p class=\"lead\">Change this to anything.\u00a0Consectetuer adipiscing elit.<\/p>\n<a class=\"button primary is-outline\" style=\"border-radius:99px;\">\n\t\t<span>Go To Shop<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-738727327 {\n  width: 90%;\n}\n#text-box-738727327 .text-box-content {\n  font-size: 102%;\n}\n@media (min-width:550px) {\n  #text-box-738727327 {\n    width: 65%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-233845367 {\n  padding-top: 500px;\n}\n#banner-233845367 .banner-bg img {\n  object-position: 32% 58%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-13 large-4 grid-col-2-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-265834782\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg\" class=\"bg attachment-medium size-medium\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1778957884\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h2><strong>This is a simple banner<\/strong><\/h2>\n<a class=\"button primary is-outline is-large\" style=\"border-radius:99px;\">\n\t\t<span>Shop now<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1778957884 {\n  width: 74%;\n}\n#text-box-1778957884 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-265834782 {\n  padding-top: 500px;\n}\n#banner-265834782 .overlay {\n  background-color: rgba(0, 0, 0, 0.16);\n}\n#banner-265834782 .banner-bg img {\n  object-position: 47% 55%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-15 large-4 grid-col-2-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-510754939\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg\" class=\"bg attachment-medium size-medium\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-327313525\" class=\"text-box banner-layer x50 md-x50 lg-x50 y85 md-y85 lg-y85 res-text\">\n                     <div data-animate=\"fadeInLeft\">           <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h6 class=\"uppercase\">Featured Vendor<\/h6>\n<h2><strong>Woo\u00a0Vendor Shop<\/strong><\/h2>\n<a class=\"button primary is-outline is-larger\" style=\"border-radius:99px;\">\n\t\t<span>Shop now<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-327313525 {\n  width: 60%;\n}\n#text-box-327313525 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-327313525 {\n    width: 80%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-510754939 {\n  padding-top: 500px;\n}\n#banner-510754939 .banner-bg img {\n  object-position: 66% 22%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-13 large-4 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1275564706\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg\" class=\"bg attachment-medium size-medium\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1296796904\" class=\"text-box banner-layer x10 md-x10 lg-x10 y85 md-y85 lg-y85 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h2><strong>This is a simple banner<\/strong><\/h2>\n<p class=\"lead\">Change this text to anything<\/p>\n<a class=\"button primary is-outline is-larger\" style=\"border-radius:99px;\">\n\t\t<span>Shop now<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1296796904 {\n  width: 80%;\n}\n#text-box-1296796904 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1275564706 {\n  padding-top: 500px;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-15 large-8 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1581024023\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg\" class=\"bg attachment-medium size-medium\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1275939354\" class=\"text-box banner-layer x50 md-x50 lg-x50 y85 md-y85 lg-y85 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h2><strong>This is a simple headline<\/strong><\/h2>\n<a class=\"button primary is-outline is-large\" style=\"border-radius:99px;\">\n\t\t<span>Shop now<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1275939354 {\n  width: 79%;\n}\n#text-box-1275939354 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1581024023 {\n  padding-top: 500px;\n}\n#banner-1581024023 .overlay {\n  background-color: rgba(0, 0, 0, 0.09);\n}\n#banner-1581024023 .banner-bg img {\n  object-position: 61% 30%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n            <\/div>\n    <style>\n    #banner-grid-1726501516 .grid-col-1{height: 666px}\n    #banner-grid-1726501516 .grid-col-1-2{height: 333px}\n    #banner-grid-1726501516 .grid-col-1-3{height:222px}\n    #banner-grid-1726501516 .grid-col-2-3{height: 444px}\n    #banner-grid-1726501516 .grid-col-1-4{height: 166.5px}\n    #banner-grid-1726501516 .grid-col-3-4{height: 499.5px}\n\n\n    \n    \n\n  <\/style>\n    <\/div>\n  \n\t\t<\/div>\n\n\t\t\n<style>\n#section_1017549301 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(28, 28, 28);\n}\n#section_1017549301 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.72);\n}\n<\/style>\n\t<\/section>\n\t\n<div class=\"container section-title-container\" style=\"margin-top:31px;\"><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Use Banner Grids to Create Portfolio Grids<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-171678440\" class=\"banner-grid row row-grid row-collapse row-full-width\" data-packery-options=\"\">\n                      \n<div class=\"col grid-col small-13 large-6 grid-col-2-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-441089754\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-5663202\" class=\"text-box banner-layer x10 md-x10 lg-x10 y80 md-y80 lg-y80 res-text\">\n                     <div data-animate=\"fadeInRight\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p class=\"lead\">A Website for Acme Company<\/p>\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-5663202 {\n  width: 37%;\n}\n#text-box-5663202 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-441089754 {\n  padding-top: 500px;\n}\n#banner-441089754 .overlay {\n  background-color: rgba(0, 0, 0, 0.2);\n}\n#banner-441089754 .banner-bg img {\n  object-position: 53% 69%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-15 large-6 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-320669857\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-2113109599\" class=\"text-box banner-layer x90 md-x90 lg-x90 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"fadeInLeft\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-right\">\n                  \n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p class=\"lead\">A Website for Acme Company<\/p>\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-2113109599 {\n  width: 30%;\n}\n#text-box-2113109599 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-320669857 {\n  padding-top: 500px;\n}\n#banner-320669857 .overlay {\n  background-color: rgba(0, 0, 0, 0.19);\n}\n#banner-320669857 .banner-bg img {\n  object-position: 53% 69%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-14 large-3 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-526266870\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg\" class=\"bg attachment-medium size-medium\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-400644342\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p class=\"lead\">A Website for Acme Company<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-400644342 {\n  width: 60%;\n}\n#text-box-400644342 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-526266870 {\n  padding-top: 500px;\n}\n#banner-526266870 .overlay {\n  background-color: rgba(0, 0, 0, 0.21);\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-14 large-3 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1385031612\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg\" class=\"bg attachment-medium size-medium\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-355310736\" class=\"text-box banner-layer x50 md-x50 lg-x50 y95 md-y95 lg-y95 res-text\">\n       <div class=\"hover-fade-out\">                         <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p class=\"lead\">A Website for Acme Company<\/p>\n              <\/div>\n           <\/div>\n                     <\/div>       \n<style>\n#text-box-355310736 {\n  width: 60%;\n}\n#text-box-355310736 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n   <div id=\"text-box-1955378461\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n       <div class=\"hover-zoom-in\">                         <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<div class=\"video-button-wrapper\" style=\"font-size:178%\"><a href=\"https:\/\/www.youtube.com\/watch?v=f3Hh_qSkpaA\" class=\"button open-video icon circle is-outline is-xlarge\" role=\"button\" aria-label=\"Open video in lightbox\" data-flatsome-role-button><i class=\"icon-play\" aria-hidden=\"true\" style=\"font-size:1.5em;\"><\/i><\/a><\/div>\n              <\/div>\n           <\/div>\n                     <\/div>       \n<style>\n#text-box-1955378461 {\n  width: 60%;\n}\n#text-box-1955378461 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1385031612 {\n  padding-top: 500px;\n}\n#banner-1385031612 .overlay {\n  background-color: rgba(0, 0, 0, 0.15);\n}\n#banner-1385031612 .banner-bg img {\n  object-position: 34% 46%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-15 large-6 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1606127691\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-999954286\" class=\"text-box banner-layer x5 md-x5 lg-x5 y85 md-y85 lg-y85 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p class=\"lead\">A Website for Acme Company<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-999954286 {\n  width: 39%;\n}\n#text-box-999954286 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1606127691 {\n  padding-top: 500px;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n            <\/div>\n    <style>\n    #banner-grid-171678440 .grid-col-1{height: 885px}\n    #banner-grid-171678440 .grid-col-1-2{height: 442.5px}\n    #banner-grid-171678440 .grid-col-1-3{height:295px}\n    #banner-grid-171678440 .grid-col-2-3{height: 590px}\n    #banner-grid-171678440 .grid-col-1-4{height: 221.25px}\n    #banner-grid-171678440 .grid-col-3-4{height: 663.75px}\n\n\n    \n    \n\n  <\/style>\n    <\/div>\n  \n<div class=\"container section-title-container\" style=\"margin-top:28px;\"><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Add Slider to Banner Grids<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-997463473\" class=\"banner-grid row row-grid row-small\" data-packery-options=\"\">\n                      \n<div class=\"col grid-col small-12 large-9 grid-col-1\" ><div class=\"col-inner\">\n<div class=\"slider-wrapper relative\" id=\"slider-299062547\" >\n    <div class=\"slider slider-nav-circle slider-nav-large slider-nav-light slider-style-normal\"\n        data-flickity-options='{\n            \"cellAlign\": \"center\",\n            \"imagesLoaded\": true,\n            \"lazyLoad\": 1,\n            \"freeScroll\": false,\n            \"wrapAround\": true,\n            \"autoPlay\": 6000,\n            \"pauseAutoPlayOnHover\" : true,\n            \"prevNextButtons\": true,\n            \"contain\" : true,\n            \"adaptiveHeight\" : true,\n            \"dragThreshold\" : 10,\n            \"percentPosition\": true,\n            \"pageDots\": true,\n            \"rightToLeft\": false,\n            \"draggable\": true,\n            \"selectedAttraction\": 0.1,\n            \"parallax\" : 0,\n            \"friction\": 0.6        }'\n        >\n        \n\n  <div class=\"banner has-hover\" id=\"banner-1660229378\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1871033151\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"alt-font\">A cool Top header<\/h3>\n<h2 class=\"uppercase\"><span style=\"font-size: 100%;\"><strong>Five Key Elements for your Living room<\/strong><\/span><\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n<a class=\"button primary is-large\" >\n\t\t<span>Browse Now<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1871033151 {\n  width: 80%;\n}\n#text-box-1871033151 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1871033151 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1660229378 {\n  padding-top: 500px;\n}\n#banner-1660229378 .overlay {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover\" id=\"banner-1658330736\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-541773534\" class=\"text-box banner-layer x85 md-x85 lg-x85 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-right\">\n                  \n<h3 class=\"alt-font\">A cool Top header<\/h3>\n<h2 class=\"uppercase\"><span style=\"font-size: 100%;\"><strong>Latest Fashion News for AutumN<\/strong><\/span><\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n<a class=\"button primary is-large\" >\n\t\t<span>Browse Now<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-541773534 {\n  width: 80%;\n}\n#text-box-541773534 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-541773534 {\n    width: 54%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1658330736 {\n  padding-top: 500px;\n}\n#banner-1658330736 .overlay {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n#banner-1658330736 .banner-bg img {\n  object-position: 64% 34%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover\" id=\"banner-1167908733\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-81563975\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"alt-font\">A cool Top header<\/h3>\n<h2 class=\"uppercase\"><span style=\"font-size: 100%;\"><strong>Five Key Elements for your Living room<\/strong><\/span><\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n<a class=\"button primary is-large\" >\n\t\t<span>Browse Now<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-81563975 {\n  width: 80%;\n}\n#text-box-81563975 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-81563975 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1167908733 {\n  padding-top: 500px;\n}\n#banner-1167908733 .overlay {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n<\/style>\n  <\/div>\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t<\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-12 large-3 grid-col-2-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-767311247\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg\" class=\"bg attachment-medium size-medium\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1620533363\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"alt-font\">Don&#8217;t Miss<\/h3>\n<h2 class=\"uppercase\"><span style=\"font-size: 130%;\"><strong>Sale ends soon<\/strong><\/span><\/h2>\n<a class=\"button primary is-larger\" >\n\t\t<span>Browse Now<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1620533363 {\n  width: 87%;\n}\n#text-box-1620533363 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-767311247 {\n  padding-top: 160px;\n}\n#banner-767311247 .overlay {\n  background-color: rgba(0, 0, 0, 0.13);\n}\n#banner-767311247 .banner-bg img {\n  object-position: 47% 55%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-12 large-3 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-842445821\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-150x150.jpg\" class=\"bg attachment-thumbnail size-thumbnail\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-267657115\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h2 class=\"uppercase\"><span style=\"font-size: 130%;\"><strong>SUMMER SALE<\/strong><\/span><\/h2>\n<a class=\"button primary is-larger\" >\n\t\t<span>Browse Now<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-267657115 {\n  width: 87%;\n}\n#text-box-267657115 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-842445821 {\n  padding-top: 160px;\n}\n#banner-842445821 .overlay {\n  background-color: rgba(0, 0, 0, 0.17);\n}\n#banner-842445821 .banner-bg img {\n  object-position: 47% 55%;\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n            <\/div>\n    <style>\n    #banner-grid-997463473 .grid-col-1{height: 600px}\n    #banner-grid-997463473 .grid-col-1-2{height: 300px}\n    #banner-grid-997463473 .grid-col-1-3{height:200px}\n    #banner-grid-997463473 .grid-col-2-3{height: 400px}\n    #banner-grid-997463473 .grid-col-1-4{height: 150px}\n    #banner-grid-997463473 .grid-col-3-4{height: 450px}\n\n\n    \n    \n\n  <\/style>\n    <\/div>\n  \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1001,"parent":1265,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-1240","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Banner Grids - CMS-LOGITECH<\/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:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Banner Grids - CMS-LOGITECH\" \/>\n<meta property=\"og:url\" content=\"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"CMS-LOGITECH\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CMSCo.Ltd\" \/>\n<meta property=\"og:image\" content=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/\",\"name\":\"Banner Grids - CMS-LOGITECH\",\"isPartOf\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"datePublished\":\"2014-02-08T21:03:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/#primaryimage\",\"url\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"contentUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"width\":400,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/logitech.cms.com.vn\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Banner Grids\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#website\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/\",\"name\":\"CMS X LOGITECH\",\"description\":\"L\u00e0 nh\u00e0 ph\u00e2n ph\u1ed1i chi\u1ebfn l\u01b0\u1ee3c c\u1ee7a Logitech t\u1ea1i Vi\u1ec7t Nam, C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC (CMS) t\u1ef1 h\u00e0o mang \u0111\u1ebfn cho th\u1ecb tr\u01b0\u1eddng nh\u1eefng gi\u1ea3i ph\u00e1p h\u1ed9i h\u1ecdp ch\u00ednh h\u00e3ng, t\u1ed1i \u01b0u cho doanh nghi\u1ec7p thu\u1ed9c m\u1ecdi quy m\u00f4, t\u1eeb startup n\u0103ng \u0111\u1ed9ng \u0111\u1ebfn t\u1eadp \u0111o\u00e0n \u0111a qu\u1ed1c gia.\",\"publisher\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#organization\"},\"alternateName\":\"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/logitech.cms.com.vn\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#organization\",\"name\":\"CMS X LOGITECH\",\"alternateName\":\"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png\",\"contentUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png\",\"width\":400,\"height\":400,\"caption\":\"CMS X LOGITECH\"},\"image\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/CMSCo.Ltd\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Banner Grids - CMS-LOGITECH","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:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/","og_locale":"en_US","og_type":"article","og_title":"Banner Grids - CMS-LOGITECH","og_url":"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/","og_site_name":"CMS-LOGITECH","article_publisher":"https:\/\/www.facebook.com\/CMSCo.Ltd","og_image":[{"width":400,"height":260,"url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/","url":"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/","name":"Banner Grids - CMS-LOGITECH","isPartOf":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/#primaryimage"},"image":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","datePublished":"2014-02-08T21:03:57+00:00","breadcrumb":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/#primaryimage","url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","contentUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","width":400,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/banner-grid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/logitech.cms.com.vn\/en\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/logitech.cms.com.vn\/en\/elements\/"},{"@type":"ListItem","position":3,"name":"Banner Grids"}]},{"@type":"WebSite","@id":"https:\/\/logitech.cms.com.vn\/en\/#website","url":"https:\/\/logitech.cms.com.vn\/en\/","name":"CMS X LOGITECH","description":"L\u00e0 nh\u00e0 ph\u00e2n ph\u1ed1i chi\u1ebfn l\u01b0\u1ee3c c\u1ee7a Logitech t\u1ea1i Vi\u1ec7t Nam, C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC (CMS) t\u1ef1 h\u00e0o mang \u0111\u1ebfn cho th\u1ecb tr\u01b0\u1eddng nh\u1eefng gi\u1ea3i ph\u00e1p h\u1ed9i h\u1ecdp ch\u00ednh h\u00e3ng, t\u1ed1i \u01b0u cho doanh nghi\u1ec7p thu\u1ed9c m\u1ecdi quy m\u00f4, t\u1eeb startup n\u0103ng \u0111\u1ed9ng \u0111\u1ebfn t\u1eadp \u0111o\u00e0n \u0111a qu\u1ed1c gia.","publisher":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#organization"},"alternateName":"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/logitech.cms.com.vn\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/logitech.cms.com.vn\/en\/#organization","name":"CMS X LOGITECH","alternateName":"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC","url":"https:\/\/logitech.cms.com.vn\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/","url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png","contentUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png","width":400,"height":400,"caption":"CMS X LOGITECH"},"image":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CMSCo.Ltd"]}]}},"_links":{"self":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/comments?post=1240"}],"version-history":[{"count":0,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1240\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1265"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/media\/1001"}],"wp:attachment":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/media?parent=1240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}