{"id":970,"date":"2017-09-19T17:50:27","date_gmt":"2017-09-19T17:50:27","guid":{"rendered":"https:\/\/themestrace.com\/seline\/?page_id=970"},"modified":"2017-09-19T17:50:28","modified_gmt":"2017-09-19T17:50:28","slug":"direction-aware-masonary","status":"publish","type":"page","link":"https:\/\/themestrace.com\/seline\/direction-aware-masonary\/","title":{"rendered":"Direction Aware Masonary"},"content":{"rendered":"<section  class=\"fw-main-row  \" style=\"\" >\n\n\t\n\t<div class=\"fw-container\">\n\t\t<div class=\"inside-container \" style=\"\">\n\t\t\t<div class=\"fw-row\">\n\t<div class=\"fw-col-xs-12\">\n\t\r\n<div class=\"top-padding\" style=\"padding-top: 80px;\">\r\n\t<h2 class=\"hide\">Top Padding<\/h2>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n<div class=\"fw-row\">\n\t<div class=\"fw-col-xs-12\">\n\t\r\n<div class=\"portfolio-area\" id=\"portfolio\">\r\n\r\n        \r\n        <div class=\"portfolio-nav text-center\">\r\n            <ul>\r\n                <li class=\"active\" data-filter=\"*\">All<\/li>\r\n                \r\n                <li data-filter=\".photography \">Photography<\/li><li data-filter=\".photoshop \">Photoshop<\/li><li data-filter=\".web-design \">Web Design<\/li><li data-filter=\".web-development \">Web Development<\/li>                \r\n            <\/ul>\r\n        <\/div><!-- .portfolio-nav -->\r\n    \r\n\r\n    \r\n<div class=\"portfolio-content\" id=\"seline-portfolio-four\">\r\n\r\n    \r\n            <div class=\"seline-portfolio-four col-md-4 col-sm-6 col-xs-12 photography web-development\" style=\"padding-left:15px; padding-right: 15px;\">\r\n                <div class=\"da-thumbs is-shadow\" style=\"margin-top: 30px;\">\r\n\r\n                    <a href=\"https:\/\/themestrace.com\/seline\/portfolio\/portfolio-one\/\">\r\n                        \r\n                            <img width=\"1500\" height=\"1000\" src=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/10.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/10.jpg 1500w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/10-600x400.jpg 600w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/10-300x200.jpg 300w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/10-768x512.jpg 768w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/10-1024x683.jpg 1024w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/10-1320x880.jpg 1320w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/>\r\n                                                <div>\r\n\r\n                            <h4>Portfolio One<\/h4>\r\n                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div><!-- .col-md-4 -->\r\n\r\n            \r\n            <div class=\"seline-portfolio-four col-md-4 col-sm-6 col-xs-12 photoshop\" style=\"padding-left:15px; padding-right: 15px;\">\r\n                <div class=\"da-thumbs is-shadow\" style=\"margin-top: 30px;\">\r\n\r\n                    <a href=\"https:\/\/themestrace.com\/seline\/portfolio\/portfolio-two\/\">\r\n                        \r\n                            <img width=\"1000\" height=\"1500\" src=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/08\/2.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/08\/2.jpg 1000w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/08\/2-600x900.jpg 600w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/08\/2-200x300.jpg 200w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/08\/2-768x1152.jpg 768w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/08\/2-683x1024.jpg 683w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\r\n                                                <div>\r\n\r\n                            <h4>Portfolio Two<\/h4>\r\n                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div><!-- .col-md-4 -->\r\n\r\n            \r\n            <div class=\"seline-portfolio-four col-md-4 col-sm-6 col-xs-12 photography photoshop web-development\" style=\"padding-left:15px; padding-right: 15px;\">\r\n                <div class=\"da-thumbs is-shadow\" style=\"margin-top: 30px;\">\r\n\r\n                    <a href=\"https:\/\/themestrace.com\/seline\/portfolio\/portfolio-three\/\">\r\n                        \r\n                            <img width=\"1004\" height=\"1004\" src=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3.jpg 1004w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-300x300.jpg 300w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-600x600.jpg 600w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-100x100.jpg 100w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-150x150.jpg 150w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-768x768.jpg 768w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-180x180.jpg 180w\" sizes=\"(max-width: 1004px) 100vw, 1004px\" \/>\r\n                                                <div>\r\n\r\n                            <h4>Portfolio Three<\/h4>\r\n                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div><!-- .col-md-4 -->\r\n\r\n            \r\n            <div class=\"seline-portfolio-four col-md-4 col-sm-6 col-xs-12 photoshop web-design web-development\" style=\"padding-left:15px; padding-right: 15px;\">\r\n                <div class=\"da-thumbs is-shadow\" style=\"margin-top: 30px;\">\r\n\r\n                    <a href=\"https:\/\/themestrace.com\/seline\/portfolio\/portfolio-four\/\">\r\n                        \r\n                            <img width=\"1280\" height=\"960\" src=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/rsz_greg-rakozy-129733.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/rsz_greg-rakozy-129733.jpg 1280w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/rsz_greg-rakozy-129733-600x450.jpg 600w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/rsz_greg-rakozy-129733-300x225.jpg 300w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/rsz_greg-rakozy-129733-768x576.jpg 768w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/rsz_greg-rakozy-129733-1024x768.jpg 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\r\n                                                <div>\r\n\r\n                            <h4>Portfolio Four<\/h4>\r\n                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div><!-- .col-md-4 -->\r\n\r\n            \r\n            <div class=\"seline-portfolio-four col-md-4 col-sm-6 col-xs-12 photography web-design\" style=\"padding-left:15px; padding-right: 15px;\">\r\n                <div class=\"da-thumbs is-shadow\" style=\"margin-top: 30px;\">\r\n\r\n                    <a href=\"https:\/\/themestrace.com\/seline\/portfolio\/portfolio-five\/\">\r\n                        \r\n                            <img width=\"1494\" height=\"997\" src=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/5.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/5.jpg 1494w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/5-600x400.jpg 600w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/5-300x200.jpg 300w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/5-768x513.jpg 768w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/5-1024x683.jpg 1024w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/5-1320x881.jpg 1320w\" sizes=\"(max-width: 1494px) 100vw, 1494px\" \/>\r\n                                                <div>\r\n\r\n                            <h4>Portfolio Five<\/h4>\r\n                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div><!-- .col-md-4 -->\r\n\r\n            \r\n            <div class=\"seline-portfolio-four col-md-4 col-sm-6 col-xs-12 photography\" style=\"padding-left:15px; padding-right: 15px;\">\r\n                <div class=\"da-thumbs is-shadow\" style=\"margin-top: 30px;\">\r\n\r\n                    <a href=\"https:\/\/themestrace.com\/seline\/portfolio\/portfolio-six\/\">\r\n                        \r\n                            <img width=\"1504\" height=\"1004\" src=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/6.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/6.jpg 1504w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/6-600x401.jpg 600w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/6-300x200.jpg 300w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/6-768x513.jpg 768w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/6-1024x684.jpg 1024w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/6-1320x881.jpg 1320w\" sizes=\"(max-width: 1504px) 100vw, 1504px\" \/>\r\n                                                <div>\r\n\r\n                            <h4>Portfolio Six<\/h4>\r\n                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div><!-- .col-md-4 -->\r\n\r\n            \r\n            <div class=\"seline-portfolio-four col-md-4 col-sm-6 col-xs-12 photography web-development\" style=\"padding-left:15px; padding-right: 15px;\">\r\n                <div class=\"da-thumbs is-shadow\" style=\"margin-top: 30px;\">\r\n\r\n                    <a href=\"https:\/\/themestrace.com\/seline\/portfolio\/portfolio-seven\/\">\r\n                        \r\n                            <img width=\"710\" height=\"1065\" src=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/08\/9-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/08\/9-1.jpg 710w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/08\/9-1-600x900.jpg 600w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/08\/9-1-200x300.jpg 200w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/08\/9-1-683x1024.jpg 683w\" sizes=\"(max-width: 710px) 100vw, 710px\" \/>\r\n                                                <div>\r\n\r\n                            <h4>Portfolio Seven<\/h4>\r\n                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div><!-- .col-md-4 -->\r\n\r\n            \r\n            <div class=\"seline-portfolio-four col-md-4 col-sm-6 col-xs-12 web-design\" style=\"padding-left:15px; padding-right: 15px;\">\r\n                <div class=\"da-thumbs is-shadow\" style=\"margin-top: 30px;\">\r\n\r\n                    <a href=\"https:\/\/themestrace.com\/seline\/portfolio\/portfolio-eight\/\">\r\n                        \r\n                            <img width=\"712\" height=\"1068\" src=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/8.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/8.jpg 712w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/8-600x900.jpg 600w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/8-200x300.jpg 200w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/8-683x1024.jpg 683w\" sizes=\"(max-width: 712px) 100vw, 712px\" \/>\r\n                                                <div>\r\n\r\n                            <h4>Portfolio Eight<\/h4>\r\n                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div><!-- .col-md-4 -->\r\n\r\n            \r\n            <div class=\"seline-portfolio-four col-md-4 col-sm-6 col-xs-12 web-design\" style=\"padding-left:15px; padding-right: 15px;\">\r\n                <div class=\"da-thumbs is-shadow\" style=\"margin-top: 30px;\">\r\n\r\n                    <a href=\"https:\/\/themestrace.com\/seline\/portfolio\/portfolio-nine\/\">\r\n                        \r\n                            <img width=\"1004\" height=\"1004\" src=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3.jpg 1004w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-300x300.jpg 300w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-600x600.jpg 600w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-100x100.jpg 100w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-150x150.jpg 150w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-768x768.jpg 768w, https:\/\/themestrace.com\/seline\/wp-content\/uploads\/2017\/09\/3-180x180.jpg 180w\" sizes=\"(max-width: 1004px) 100vw, 1004px\" \/>\r\n                                                <div>\r\n\r\n                            <h4>Portfolio Nine<\/h4>\r\n                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div><!-- .col-md-4 -->\r\n\r\n            \r\n<\/div><!-- .portfolio-content -->\r\n\r\n<\/div><!-- .portfolio-area -->\r\n<\/div>\n<\/div>\n\n<div class=\"fw-row\">\n\t<div class=\"fw-col-xs-12\">\n\t\r\n<div class=\"bottom-padding\" style=\"padding-bottom: 80px;\">\r\n\t<h2 class=\"hide\">Bottom Padding<\/h2>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":[],"_links":{"self":[{"href":"https:\/\/themestrace.com\/seline\/wp-json\/wp\/v2\/pages\/970"}],"collection":[{"href":"https:\/\/themestrace.com\/seline\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themestrace.com\/seline\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themestrace.com\/seline\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/themestrace.com\/seline\/wp-json\/wp\/v2\/comments?post=970"}],"version-history":[{"count":0,"href":"https:\/\/themestrace.com\/seline\/wp-json\/wp\/v2\/pages\/970\/revisions"}],"wp:attachment":[{"href":"https:\/\/themestrace.com\/seline\/wp-json\/wp\/v2\/media?parent=970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}