{"id":57,"date":"2025-10-20T09:37:58","date_gmt":"2025-10-20T09:37:58","guid":{"rendered":"https:\/\/wp.als080717od.hemsida.eu\/?p=57"},"modified":"2026-01-05T13:44:45","modified_gmt":"2026-01-05T13:44:45","slug":"landing-page-html-css","status":"publish","type":"post","link":"https:\/\/wp.als080717od.hemsida.eu\/index.php\/2025\/10\/20\/landing-page-html-css\/","title":{"rendered":"Landing Page HTML &amp; CSS"},"content":{"rendered":"\n<p>A few days ago I launched my <a href=\"http:\/\/als080717od.hemsida.eu\">landing page<\/a>. HTML and CSS has been pretty straightforward this far, but I don&#8217;t know how it will be further into the HTML and CSS journey.<\/p>\n\n\n\n<p><strong>Validated <\/strong>HTML<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/3AEAAEAC-6680-4387-B613-99FCEDB9BCCC-1024x768.png\" alt=\"\" class=\"wp-image-58\" style=\"width:395px;height:auto\" srcset=\"https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/3AEAAEAC-6680-4387-B613-99FCEDB9BCCC-1024x768.png 1024w, https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/3AEAAEAC-6680-4387-B613-99FCEDB9BCCC-300x225.png 300w, https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/3AEAAEAC-6680-4387-B613-99FCEDB9BCCC-768x576.png 768w, https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/3AEAAEAC-6680-4387-B613-99FCEDB9BCCC.png 1078w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Validated CSS<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1016\" height=\"405\" src=\"https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/02E54D5E-8AEF-4A22-A913-2DD43287D737.png\" alt=\"\" class=\"wp-image-59\" style=\"width:395px;height:auto\" srcset=\"https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/02E54D5E-8AEF-4A22-A913-2DD43287D737.png 1016w, https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/02E54D5E-8AEF-4A22-A913-2DD43287D737-300x120.png 300w, https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/02E54D5E-8AEF-4A22-A913-2DD43287D737-768x306.png 768w\" sizes=\"auto, (max-width: 1016px) 100vw, 1016px\" \/><\/figure>\n\n\n\n<p>So far my landingpage is very simple. So far I only use 2 colors, blue for paragraphs and other text, and green as a background. I&#8217;ve made an header with buttons for about, contact and hyperlink to my wordpress.<\/p>\n\n\n\n<p><strong>Landing page<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"243\" src=\"https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/165531B6-32DC-4304-858D-AE0CB546D7C0-1024x243.png\" alt=\"\" class=\"wp-image-60\" srcset=\"https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/165531B6-32DC-4304-858D-AE0CB546D7C0-1024x243.png 1024w, https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/165531B6-32DC-4304-858D-AE0CB546D7C0-300x71.png 300w, https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/165531B6-32DC-4304-858D-AE0CB546D7C0-768x182.png 768w, https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/165531B6-32DC-4304-858D-AE0CB546D7C0-1536x364.png 1536w, https:\/\/wp.als080717od.hemsida.eu\/wp-content\/uploads\/2025\/10\/165531B6-32DC-4304-858D-AE0CB546D7C0.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It was fun to make a landing page. The only difficulty I encountered was adding a font, and moving the buttons for Home, About, Contact and WordPress to the right.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A few days ago I launched my landing page. HTML and CSS has been pretty straightforward this far, but I don&#8217;t know how it will be further into the HTML and CSS journey. Validated HTML Validated CSS So far my landingpage is very simple. So far I only use 2 colors, blue for paragraphs and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-57","post","type-post","status-publish","format-standard","hentry","category-weuweb01"],"_links":{"self":[{"href":"https:\/\/wp.als080717od.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.als080717od.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.als080717od.hemsida.eu\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.als080717od.hemsida.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.als080717od.hemsida.eu\/index.php\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":1,"href":"https:\/\/wp.als080717od.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/57\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/wp.als080717od.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/57\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/wp.als080717od.hemsida.eu\/index.php\/wp-json\/wp\/v2\/media?parent=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.als080717od.hemsida.eu\/index.php\/wp-json\/wp\/v2\/categories?post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.als080717od.hemsida.eu\/index.php\/wp-json\/wp\/v2\/tags?post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}