{"id":1498,"date":"2024-12-10T08:25:12","date_gmt":"2024-12-10T08:25:12","guid":{"rendered":"https:\/\/bogdansergachev23.thkit.ee\/wp\/?page_id=1498"},"modified":"2024-12-10T08:28:24","modified_gmt":"2024-12-10T08:28:24","slug":"web-design-adaptive-responsive-english-version","status":"publish","type":"page","link":"https:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/","title":{"rendered":"Web Design Adaptive &amp; Responsive (English version)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Responsive design<\/strong> is an approach in which a web page automatically adapts to the screen sizes of the device using flexible grid and media queries.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Adaptive design<\/strong> involves the creation of several fixed layouts for different types of devices. When a user visits the site, the system detects his device and loads an optimized layout that matches the resolution of his screen.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Feature<\/strong><\/td><td><strong>Responsive Design<\/strong><\/td><td><strong>Adaptive Design<\/strong><\/td><\/tr><tr><td><strong>Customization method<\/strong><\/td><td>Flexible networks, media issues and relative units of measurement are used.<\/td><td>Fixed versions are used that adapt to the device.<\/td><\/tr><tr><td><strong>Customization points<\/strong><\/td><td>1 page with different styles adapting to different screens.<\/td><td>Special page versions for different devices.<\/td><\/tr><tr><td><strong>Content type<\/strong><\/td><td>The content automatically adapts to the screen, the size and layout change.<\/td><td>Different devices get their own version of the content.<\/td><\/tr><tr><td><strong>Device support<\/strong><\/td><td>No matter what device size, the code will automatically adjust.<\/td><td>No matter what device size, the code will automatically adjust.<\/td><\/tr><tr><td><strong>Performance<\/strong><\/td><td>May be less effective if the page is overloaded with content.<\/td><td>Can be more efficient as each device gets its own custom version.<\/td><\/tr><tr><td><strong>Development<\/strong><\/td><td>Once developed flexible design that can be adapted to all devices.<\/td><td>Different versions for each device must be developed separately.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>When to use Responsive Design:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When it is necessary that the site is easily deployed to all devices, without developing separate versions.<\/li>\n\n\n\n<li>When the site must be usable and convenient on all devices, from smartphones to desktops.<\/li>\n\n\n\n<li>If a project requires dynamic content customization, such as if the page contains many different elements that need to adapt.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>When to use Adaptive Design:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When completely different design elements or functions are required for different devices.<\/li>\n\n\n\n<li>When the site must be optimized for different devices to reduce network load.<\/li>\n\n\n\n<li>When a project requires different user interfaces for different platforms (e.g., a mobile version with features that desktop computers don&#8217;t have).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Example of (Responsive design) :<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"@media (max-width: 768px) {\n    nav ul {\n        display: block;\n    }\n}\n\" style=\"color:#F8F8F2;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dracula\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #FF79C6\">@media<\/span><span style=\"color: #F8F8F2\"> (<\/span><span style=\"color: #8BE9FD\">max-width<\/span><span style=\"color: #FF79C6\">:<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #BD93F9\">768<\/span><span style=\"color: #FF79C6\">px<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #FF79C6\">nav ul<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #8BE9FD\">display<\/span><span style=\"color: #FF79C6\">:<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #BD93F9\">block<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Example of (Adaptive design) : <\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"@media (max-width: 768px) {\n    body {\n        background-color: #e1e1e1;\n    }\n}\n@media (min-width: 769px) {\n    body {\n        background-color: #f4f4f4;\n    }\n}\n\" style=\"color:#F8F8F2;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dracula\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #FF79C6\">@media<\/span><span style=\"color: #F8F8F2\"> (<\/span><span style=\"color: #8BE9FD\">max-width<\/span><span style=\"color: #FF79C6\">:<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #BD93F9\">768<\/span><span style=\"color: #FF79C6\">px<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #FF79C6\">body<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #8BE9FD\">background-color<\/span><span style=\"color: #FF79C6\">:<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #BD93F9\">#e1e1e1<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #FF79C6\">@media<\/span><span style=\"color: #F8F8F2\"> (<\/span><span style=\"color: #8BE9FD\">min-width<\/span><span style=\"color: #FF79C6\">:<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #BD93F9\">769<\/span><span style=\"color: #FF79C6\">px<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #FF79C6\">body<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #8BE9FD\">background-color<\/span><span style=\"color: #FF79C6\">:<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #BD93F9\">#f4f4f4<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>My homepage:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On PC:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bogdansergachev23.thkit.ee\/index.html\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1-1024x514.png\" alt=\"\" class=\"wp-image-1464\" srcset=\"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1-1024x514.png 1024w, https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1-300x151.png 300w, https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1-768x386.png 768w, https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1-150x75.png 150w, https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1-1536x771.png 1536w, https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1-624x313.png 624w, https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1.png 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">On mobilephone:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"366\" height=\"834\" src=\"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-2.png\" alt=\"\" class=\"wp-image-1465\" style=\"width:263px;height:auto\" srcset=\"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-2.png 366w, https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-2-132x300.png 132w, https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-2-66x150.png 66w, https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-2-300x684.png 300w\" sizes=\"auto, (max-width: 366px) 100vw, 366px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Responsive design is an approach in which a web page automatically adapts to the screen sizes of the device using flexible grid and media queries. Adaptive design involves the creation of several fixed layouts for different types of devices. When a user visits the site, the system detects his device and loads an optimized layout [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1498","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web Design Adaptive &amp; Responsive (English version) - Bogdan Sergachev &otilde;pimapp | portfoolio<\/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:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/\" \/>\n<meta property=\"og:locale\" content=\"et_EE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design Adaptive &amp; Responsive (English version) - Bogdan Sergachev &otilde;pimapp | portfoolio\" \/>\n<meta property=\"og:description\" content=\"Responsive design is an approach in which a web page automatically adapts to the screen sizes of the device using flexible grid and media queries. Adaptive design involves the creation of several fixed layouts for different types of devices. When a user visits the site, the system detects his device and loads an optimized layout [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/\" \/>\n<meta property=\"og:site_name\" content=\"Bogdan Sergachev &otilde;pimapp | portfoolio\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-10T08:28:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1918\" \/>\n\t<meta property=\"og:image:height\" content=\"963\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"3 minutit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/web-design-adaptive-responsive-english-version\\\/\",\"url\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/web-design-adaptive-responsive-english-version\\\/\",\"name\":\"Web Design Adaptive &amp; Responsive (English version) - Bogdan Sergachev &otilde;pimapp | portfoolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/web-design-adaptive-responsive-english-version\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/web-design-adaptive-responsive-english-version\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/image-1-1024x514.png\",\"datePublished\":\"2024-12-10T08:25:12+00:00\",\"dateModified\":\"2024-12-10T08:28:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/web-design-adaptive-responsive-english-version\\\/#breadcrumb\"},\"inLanguage\":\"et\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/web-design-adaptive-responsive-english-version\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"et\",\"@id\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/web-design-adaptive-responsive-english-version\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/image-1.png\",\"contentUrl\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/image-1.png\",\"width\":1918,\"height\":963},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/web-design-adaptive-responsive-english-version\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design Adaptive &amp; Responsive (English version)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/\",\"name\":\"Bogdan Sergachev &otilde;pimapp | portfoolio\",\"description\":\"Noorem Tarkvaraarendaja eriala\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bogdansergachev23.thkit.ee\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"et\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Design Adaptive &amp; Responsive (English version) - Bogdan Sergachev &otilde;pimapp | portfoolio","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:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/","og_locale":"et_EE","og_type":"article","og_title":"Web Design Adaptive &amp; Responsive (English version) - Bogdan Sergachev &otilde;pimapp | portfoolio","og_description":"Responsive design is an approach in which a web page automatically adapts to the screen sizes of the device using flexible grid and media queries. Adaptive design involves the creation of several fixed layouts for different types of devices. When a user visits the site, the system detects his device and loads an optimized layout [&hellip;]","og_url":"https:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/","og_site_name":"Bogdan Sergachev &otilde;pimapp | portfoolio","article_modified_time":"2024-12-10T08:28:24+00:00","og_image":[{"width":1918,"height":963,"url":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/","url":"https:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/","name":"Web Design Adaptive &amp; Responsive (English version) - Bogdan Sergachev &otilde;pimapp | portfoolio","isPartOf":{"@id":"https:\/\/bogdansergachev23.thkit.ee\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/#primaryimage"},"image":{"@id":"https:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/#primaryimage"},"thumbnailUrl":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1-1024x514.png","datePublished":"2024-12-10T08:25:12+00:00","dateModified":"2024-12-10T08:28:24+00:00","breadcrumb":{"@id":"https:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/#breadcrumb"},"inLanguage":"et","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/"]}]},{"@type":"ImageObject","inLanguage":"et","@id":"https:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/#primaryimage","url":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1.png","contentUrl":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-content\/uploads\/2024\/12\/image-1.png","width":1918,"height":963},{"@type":"BreadcrumbList","@id":"https:\/\/bogdansergachev23.thkit.ee\/wp\/web-design-adaptive-responsive-english-version\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bogdansergachev23.thkit.ee\/wp\/"},{"@type":"ListItem","position":2,"name":"Web Design Adaptive &amp; Responsive (English version)"}]},{"@type":"WebSite","@id":"https:\/\/bogdansergachev23.thkit.ee\/wp\/#website","url":"https:\/\/bogdansergachev23.thkit.ee\/wp\/","name":"Bogdan Sergachev &otilde;pimapp | portfoolio","description":"Noorem Tarkvaraarendaja eriala","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bogdansergachev23.thkit.ee\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"et"}]}},"_links":{"self":[{"href":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-json\/wp\/v2\/comments?post=1498"}],"version-history":[{"count":2,"href":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1498\/revisions"}],"predecessor-version":[{"id":1503,"href":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-json\/wp\/v2\/pages\/1498\/revisions\/1503"}],"wp:attachment":[{"href":"https:\/\/bogdansergachev23.thkit.ee\/wp\/wp-json\/wp\/v2\/media?parent=1498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}