{"id":20737,"date":"2021-02-27T01:01:07","date_gmt":"2021-02-27T06:01:07","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/recent-posts\/mobile-development-responsive-design-and-related\/"},"modified":"2021-02-27T01:01:07","modified_gmt":"2021-02-27T06:01:07","slug":"mobile-development-responsive-design-and-related","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=20737","title":{"rendered":"Mobile Development, Responsive Design, and Related"},"content":{"rendered":"
You can download the Project ResponsiveRabbit from:<\/div>\n
http:\/\/salearningschool.com\/codes\/mobile\/responsive\/ResponsiveRabbits.zip<\/a><\/div>\n
<\/div>\n
As I mentioned in an another article, I used CSS from ResponsiveRabbit to create mobile version of web-sites. http:\/\/www.justetc.net and http:\/\/www.justetc.org both have a mobile version. For resolution < 768 px the mobile responsive version is displayed. In the mobile version, the top menu is squeezed to the top. The width of the menu also changes based on screen resolution. For > 400 px width, menu width is 300px. At one point the width becomes 250, then 200, and then 150. It could be made percentage. However, based on the web-site structure, it could be little tricky\/not-straight forward. So took the easier but more css codier way…<\/div>\n
<\/div>\n
For mobile versions, the carousals are taken off, some of the box items are shown as plain text links. As for mobile version, the contents breakdown and arrange them one under another.<\/div>\n
<\/div>\n
the css files, style.css the default mobile version; shown for width <= 767px.<\/div>\n
style_desk.css is the desktop version shown for width >= 768px<\/div>\n
responsive.css have the css classes that will be responsive<\/div>\n
bootstrap-responsive.css has the media queries and defines the behavior for different resolutions<\/div>\n
<\/div>\n
Some css from bootstrap-responsive.css<\/div>\n
<\/div>\n
@media (max-width: 767px) {
\n\/*sayed block starts *\/
\n#actualNavBar{
\ndisplay: none;
\n}#responseNavBar{
\nposition:absolute;
\ntop:0px;
\n}.slider, .pagination{
\ndisplay: none;
\n}.slider:after{
\nclear: both;
\n}<\/p>\n

.box{
\nfloat:right;
\npadding:5px;
\n}<\/p>\n

.nav-collapse{
\nmax-width: 300px;
\nmin-width: 300px;
\nfloat:right;
\n}<\/p>\n

.container-fluid{
\nmax-width: 50px;
\nfloat: right;
\n}<\/p>\n

.navbar-inner{
\nwidth:40px;
\nheight:40px;
\nfloat: right;
\n}
\n\/*sayed block ends *\/<\/p>\n<\/div>\n

<\/div>\n
<\/div>\n
<\/div>\n
From style_desk.css<\/div>\n
#responseNavBar{
\nfloat:right;
\nposition:absolute;
\ntop:0px;
\ndisplay: none;
\n}#actualNavBar{
\ndisplay: block;
\n}<\/div>\n
<\/div>\n
<\/div>\n
\/*sayed block starts*\/
\n\/*251 to 400px*\/
\n@media (max-width: 400px) {
\n.nav-collapse{
\nmax-width: 250px;
\nmin-width: 250px;
\nfloat:right;
\n}
\n}<\/div>\n
<\/div>\n
\/*201 to 250*\/
\n@media (max-width: 250px) {
\n.nav-collapse{
\nmax-width: 200px;
\nmin-width: 200px;
\nfloat:right;
\n}
\n}\/*0 to 200*\/
\n@media (max-width: 200px) {
\n.nav-collapse{
\nmax-width: 150px;
\nmin-width: 150px;
\nfloat:right;
\n}
\n}\/*sayed block ends*\/ <\/p>\n

I was looking for research work that eventually led to this CSS Media Queries, and responsive design…there must be some.. will see..now attaching one as I found…[not directly related …]<\/p>\n

Responsive design in Higher Education<\/strong><\/p>\n

Responsive Design in Higher Education<\/a> <\/strong> from NavigationArts<\/a><\/strong><\/div>\n<\/div>\n

From: http:\/\/sitestree.com\/?p=514
Categories:Web Development, Root, By Sayed Ahmed
Tags:
Post Data:2013-11-05 05:09:07<\/p>\n","protected":false},"excerpt":{"rendered":"

You can download the Project ResponsiveRabbit from: http:\/\/salearningschool.com\/codes\/mobile\/responsive\/ResponsiveRabbits.zip As I mentioned in an another article, I used CSS from ResponsiveRabbit to create mobile version of web-sites. http:\/\/www.justetc.net and http:\/\/www.justetc.org both have a mobile version. For resolution < 768 px the mobile responsive version is displayed. In the mobile version, the top menu is squeezed to … <\/p>\n

Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1917],"tags":[],"class_list":["post-20737","post","type-post","status-publish","format-standard","hentry","category-fromsitestree-com","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":6272,"url":"http:\/\/bangla.sitestree.com\/?p=6272","url_meta":{"origin":20737,"position":0},"title":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09b6\u09c7\u0996\u09be \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09be \u09af\u09be\u0995 (Bootstrap Get Started)","author":"Author-Check- Article-or-Video","date":"February 12, 2015","format":false,"excerpt":"Bootstrap \u0995\u09bf ???? Bootstrap \u09b9\u09b2 \u09ab\u09cd\u09b0\u09bf front-end framework, \u09b8\u09b9\u099c \u098f\u09ac\u0982 \u09a6\u09cd\u09b0\u09c1\u09a4 \u0997\u09a4\u09bf\u09b0 web development \u098f\u09b0 \u099c\u09a8\u09cd\u09af Bootstrap \u09b9\u09b2 HTML \u098f\u09ac\u0982 CSS \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0 \u09ae\u09c1\u09a6\u09cd\u09b0\u09a3\u09ac\u09bf\u09a6\u09cd\u09af\u09be, \u09ab\u09b0\u09cd\u09ae, \u09ac\u09be\u099f\u09a8, \u099f\u09c7\u09ac\u09bf\u09b2, \u09a8\u09c7\u09ad\u09bf\u0997\u09c7\u099f\u09b0, \u09ae\u09a1\u09be\u09b2\u09b8, \u0987\u09ae\u09c7\u099c carousels \u098f\u09ac\u0982 \u0986\u09b0\u0993 \u0985\u09a8\u09c7\u0995 \u0995\u09bf\u099b\u09c1, \u099c\u09be\u09ad\u09be \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f \u09aa\u09cd\u09b2\u09be\u0997\u09bf\u09a8 \u09b8\u09b9 \u09a1\u09bf\u099c\u09be\u0987\u09a8 templates \u09a4\u09b0\u09bf\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae Bootstrap \u098f\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u09a4\u09c1\u09ae\u09bf \u09af\u09c7 \u0995\u09cb\u09a8 Responsive \u09a1\u09bf\u099c\u09be\u0987\u09a8\u2026","rel":"","context":"In "\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)"","block_context":{"text":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=178"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":70225,"url":"http:\/\/bangla.sitestree.com\/?p=70225","url_meta":{"origin":20737,"position":1},"title":"Layouts with CSS: Layout without tables #10","author":"Author-Check- Article-or-Video","date":"August 29, 2021","format":false,"excerpt":"Two column webpage layout with CSS create twocol.css. Then, add the following code to the file: div#topBanner { text-align: center; padding-bottom: 10px; }div#bodyLeft { position: absolute; width: 25%; }div#bodyRight { margin: 5px 25px 25px 225px; width: 75%; }Your two column webpage will look like Page TitleAdd menu items hereAdd your\u2026","rel":"","context":"In "FromSitesTree.com"","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6182,"url":"http:\/\/bangla.sitestree.com\/?p=6182","url_meta":{"origin":20737,"position":2},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09a1\u09be\u09df\u09ae\u09c7\u09a8\u09b6\u09a8 (CSS Dimension)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"CSS dimension \u09b9\u099a\u09cd\u099b\u09c7 \u098f\u09ae\u09a8 \u098f\u0995\u099f\u09bf properties \u09af\u09be element \u098f\u09b0 height \u098f\u09ac\u0982 width \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3 \u0995\u09b0\u09c7\u0964 height \u098f\u09ac\u0982 width \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09be \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0\u00a0\u0989\u099a\u09cd\u099a\u09a4\u09be \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09b8\u09b8\u09cd\u09a5\u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09a4\u09c7 height \u098f\u09ac\u0982 width \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u099c \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964 height \u098f\u09ac\u0982 width \u09b8\u09df\u0982\u0995\u09cd\u09b0\u09bf\u09df \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 (\u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u0989\u099a\u09cd\u099a\u09a4\u09be \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09b8\u09b8\u09cd\u09a5\u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09c7) \u09ac\u09be px, cm \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf\u2026","rel":"","context":"In "\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)"","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6200,"url":"http:\/\/bangla.sitestree.com\/?p=6200","url_meta":{"origin":20737,"position":3},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u0987\u09ae\u09c7\u099c \u09b8\u09cd\u09aa\u09cd\u09b0\u09be\u0987\u099f\u09b8\u09cd (CSS Image Sprites)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"\u09ae\u09c3\u09a4\u09cd\u09af\u09c1\u099e\u09cd\u099c\u09df \u09ac\u09bf\u09b6\u09cd\u09ac\u09be\u09b8 \u00a0 \u0987\u09ae\u09c7\u099c \u09b8\u09cd\u09aa\u09cd\u09b0\u09be\u0987\u099f\u09b8\u09cd \u0995\u09bf? \u0993\u09af\u09bc\u09c7\u09ac \u09b8\u09be\u0987\u099f\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0986\u0995\u09b0\u09cd\u09b7\u09a3\u09c0\u09af\u09bc \u09ac\u09be\u099f\u09a8 \u09a4\u09c8\u09b0\u09bf\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u09ac\u0982 \u09a8\u09c7\u09ad\u09bf\u0997\u09c7\u09b6\u09a8 \u09ac\u09be\u09b0 \u09a4\u09c8\u09b0\u09bf\u09b0 \u0995\u09cd\u09b7\u09c7\u09a4\u09cd\u09b0\u09c7 \u0987\u09ae\u09c7\u099c \u09b8\u09cd\u09aa\u09cd\u09b0\u09be\u0987\u099f\u09b8 \u098f\u0995\u099f\u09be \u09ad\u09be\u09b2\u09cb \u0995\u09cc\u09b6\u09b2\u0964 \u098f\u0995\u09cd\u09b7\u09c7\u09a4\u09cd\u09b0\u09c7 \u0985\u09a8\u09c7\u0995\u0997\u09c1\u09b2\u09cb \u0987\u09ae\u09c7\u099c \u098f\u0995\u09a4\u09cd\u09b0\u09c7 \u0995\u09b0\u09c7 \u098f\u0995\u099f\u09be \u09b8\u09bf\u0999\u09cd\u0997\u09c7\u09b2 \u0987\u09ae\u09c7\u099c \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09b9\u09af\u09bc \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u0985\u09a8\u09c1\u09b8\u09be\u09b0\u09c7 \u0987\u09ae\u09c7\u099c\u09c7\u09b0 \u09ac\u09bf\u09b6\u09c7\u09b7 \u0985\u0982\u09b6 \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964 \u09b8\u09be\u09a7\u09be\u09b0\u09a3\u09a4 \u098f\u0995\u099f\u09be \u09ac\u09be\u099f\u09a8 \u09a4\u09c8\u09b0\u09bf\u09b0 \u0995\u09cd\u09b7\u09c7\u09a4\u09cd\u09b0\u09c7 \u09a6\u09c1\u0987\u099f\u09bf \u0985\u09ac\u09b8\u09cd\u09a5\u09be\u2026","rel":"","context":"In "\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)"","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6786,"url":"http:\/\/bangla.sitestree.com\/?p=6786","url_meta":{"origin":20737,"position":4},"title":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09aa\u09cd\u09b0\u09a4\u09bf\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be\u09b6\u09c0\u09b2 \u0993\u09af\u09bc\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8 (HTML Responsive Web Design)","author":"Author-Check- Article-or-Video","date":"April 1, 2015","format":false,"excerpt":"\u09b8\u09cd\u09ac\u09b0\u09cd\u09a3\u09be \u0986\u0996\u09a4\u09be\u09b0 \u00a0 \u09aa\u09cd\u09b0\u09a4\u09bf\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be\u09b6\u09c0\u09b2 \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u098f\u09b0 \u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u0995\u09be\u099c \u0987 \u09b9\u09b2 \u0986\u09aa\u09a8\u09be\u09b0 \u0993\u09df\u09c7\u09ac \u09b8\u09be\u0987\u099f\u0995\u09c7 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u09a1\u09bf\u09ad\u09be\u0987\u09b8 \u09af\u09c7\u09ae\u09a8, \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09ac\u09be \u0995\u09ae\u09cd\u09aa\u09bf\u0989\u099f\u09be\u09b0 \u098f\u09b0 \u09b2\u09c7\u0986\u0989\u099f \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 \u0996\u09be\u09aa \u0996\u09be\u0993\u09df\u09be\u09a8\u09cb\u0964 \u098f\u099f\u09bf \u0986\u09aa\u09a8\u09be\u09b0 \u0993\u09df\u09c7\u09ac \u09b8\u09be\u0987\u099f\u0995\u09c7 \u09b8\u09b9\u099c\u09ac\u09cb\u09a7\u09cd\u09af \u0993 \u09b8\u09c1\u0996\u09aa\u09be\u09a0\u09cd\u09af \u0995\u09b0\u09c7 \u0997\u09dc\u09c7 \u09a4\u09cb\u09b2\u09c7\u0964 \u09aa\u09cd\u09b0\u09a4\u09bf\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be\u09b6\u09c0\u09b2\u00a0\u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u09b2\u09c7\u0986\u0989\u099f \u09af\u09c7\u09ad\u09be\u09ac\u09c7 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09ac\u09c7\u09a8 \u09aa\u09cd\u09b0\u09a4\u09bf\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be\u09b6\u09c0\u09b2\u00a0\u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u09a8\u09bf\u099c\u09c7\u0987 \u0985\u09a5\u09ac\u09be \u0986\u09aa\u09a8\u09bf \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09ab\u09c1\u099f\u09bf\u09df\u09c7\u2026","rel":"","context":"In "\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML"","block_context":{"text":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML","link":"http:\/\/bangla.sitestree.com\/?cat=494"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6416,"url":"http:\/\/bangla.sitestree.com\/?p=6416","url_meta":{"origin":20737,"position":5},"title":"jQuery Mobile – Tables","author":"Author-Check- Article-or-Video","date":"March 4, 2015","format":false,"excerpt":"\u0985\u09a8\u09c1\u09ac\u09be\u09a6\u0995: \u09ab\u09df\u09b8\u09be\u09b2 \u09b0\u0995\u09bf (\u098f\u09ae.\u098f) -------- \u09b0\u09c7\u09b8\u09aa\u09a8\u09cd\u09b8\u09bf\u09ad \u099f\u09c7\u09ac\u09bf\u09b2 (Responsive Tables) \u09af\u0996\u09a8 \u0986\u09aa\u09a8\u09bf \u0986\u09aa\u09a8\u09be\u09b0 \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u0987\u099c\u099f\u09bf\u09b0 content \u0995\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u0995\u09be\u09b0\u09c0 \u09a1\u09bf\u09ad\u09be\u0987\u09b8\u09c7\u09b0 \u09b8\u09cd\u0995\u09cd\u09b0\u09c0\u09a8 \u09b8\u09be\u0987\u099c \u098f\u09ac\u0982 \u0993\u09b0\u09bf\u09df\u09c7\u09a8\u09cd\u099f\u09b6\u09a8 \u0985\u09a8\u09c1\u09af\u09be\u09df\u09c0 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987\u09ac\u09c7\u09a8 \u09a4\u0996\u09a8 \u09b0\u09c7\u09b8\u09aa\u09a8\u09cd\u09b8\u09bf\u09ad \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ad\u09c2\u09ae\u09bf\u0995\u09be \u09aa\u09be\u09b2\u09a8 \u0995\u09b0\u09c7\u0964 jQuery Mobile \u09a8\u09be\u09ae\u0995 class \u098f\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u0995\u09be\u09b0\u09c0 \u09a1\u09bf\u09ad\u09be\u0987\u09b8\u09c7\u09b0 \u09b8\u09cd\u0995\u09cd\u09b0\u09c0\u09a8 \u09b8\u09be\u0987\u099c \u099c\u09be\u09a8\u09be \u09af\u09be\u09df \u098f\u09ac\u0982 \u0989\u0995\u09cd\u09a4 \u09b8\u09cd\u0995\u09cd\u09b0\u09c0\u09a8 \u09b8\u09be\u0987\u099c\u09c7\u09b0\u2026","rel":"","context":"In "jQuery Mobile \u0964 \u099c\u09c7\u0995\u09c1\u098f\u09b0\u09bf \u09ae\u09cb\u09ac\u09be\u0987\u09b2"","block_context":{"text":"jQuery Mobile \u0964 \u099c\u09c7\u0995\u09c1\u098f\u09b0\u09bf \u09ae\u09cb\u09ac\u09be\u0987\u09b2","link":"http:\/\/bangla.sitestree.com\/?cat=176"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/20737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20737"}],"version-history":[{"count":0,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/20737\/revisions"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20737"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=20737"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=20737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}