{"id":367,"date":"2026-01-16T16:34:04","date_gmt":"2026-01-16T16:34:04","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/k_rai\/?p=367"},"modified":"2026-01-20T15:07:41","modified_gmt":"2026-01-20T15:07:41","slug":"website-3","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/k_rai\/2026\/01\/16\/website-3\/","title":{"rendered":"WEBSITE"},"content":{"rendered":"\n<p>Today I worked on my website and as well as my homework from other classes<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1009\" height=\"509\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-4.png\" alt=\"\" class=\"wp-image-368\" style=\"aspect-ratio:1.982373981341495;width:372px;height:auto\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-4.png 1009w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-4-300x151.png 300w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-4-768x387.png 768w\" sizes=\"auto, (max-width: 1009px) 100vw, 1009px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"575\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-5.png\" alt=\"\" class=\"wp-image-369\" style=\"aspect-ratio:0.7478453038674033;width:308px;height:auto\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-5.png 430w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-5-224x300.png 224w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/figure>\n\n\n\n<p>Today I redid my Free Friday  <\/p>\n\n\n\n<p>I was having problem with getting rid of the blue link on top of my website and so today i worked on it to try to fix it<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"695\" height=\"175\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-6.png\" alt=\"\" class=\"wp-image-372\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-6.png 695w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-6-300x76.png 300w\" sizes=\"auto, (max-width: 695px) 100vw, 695px\" \/><\/figure>\n\n\n\n<p>After that I worked on website&#8217;s frontpage and how to Align the sentence <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"547\" height=\"348\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-7.png\" alt=\"\" class=\"wp-image-373\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-7.png 547w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-7-300x191.png 300w\" sizes=\"auto, (max-width: 547px) 100vw, 547px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"389\" height=\"257\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-8.png\" alt=\"\" class=\"wp-image-374\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-8.png 389w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-8-300x198.png 300w\" sizes=\"auto, (max-width: 389px) 100vw, 389px\" \/><\/figure>\n\n\n\n<p>This code helps to Align the text box and not make it blend in with the background<\/p>\n\n\n\n<p>The text-align helps to center the text box<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"833\" height=\"382\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-9.png\" alt=\"\" class=\"wp-image-376\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-9.png 833w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-9-300x138.png 300w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-9-768x352.png 768w\" sizes=\"auto, (max-width: 833px) 100vw, 833px\" \/><\/figure>\n\n\n\n<p>This is how it looks after the change <\/p>\n\n\n\n<p>Then I worked on the link and how to make it better and make it look like a button<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"336\" height=\"234\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-11.png\" alt=\"\" class=\"wp-image-378\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-11.png 336w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-11-300x209.png 300w\" sizes=\"auto, (max-width: 336px) 100vw, 336px\" \/><\/figure>\n\n\n\n<p>This code makes the link have a padding where it looks like a button<\/p>\n\n\n\n<p>the code border and the padding helps to make a shape around the link making it look like a button and more Aesthetic<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"651\" height=\"359\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-10.png\" alt=\"\" class=\"wp-image-377\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-10.png 651w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-10-300x165.png 300w\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" \/><\/figure>\n\n\n\n<p>Then I began on the link to light up and make it more appealing for the viewer <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"334\" height=\"104\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-12.png\" alt=\"\" class=\"wp-image-379\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-12.png 334w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-12-300x93.png 300w\" sizes=\"auto, (max-width: 334px) 100vw, 334px\" \/><\/figure>\n\n\n\n<p>This code helps with the border and hover over with red<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"302\" style=\"aspect-ratio: 594 \/ 302;\" width=\"594\" controls src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote-12.mp4\"><\/video><\/figure>\n\n\n\n<p>This is what it looks like when you hover over the button<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today I worked on my website and as well as my homework from other classes Today I redid my Free Friday I was having problem with getting rid of the blue link on top of my website and so today i worked on it to try to fix it After that I worked on website&#8217;s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":363,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-367","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-free-friday"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts\/367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/comments?post=367"}],"version-history":[{"count":3,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts\/367\/revisions"}],"predecessor-version":[{"id":381,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts\/367\/revisions\/381"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/media\/363"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/media?parent=367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/categories?post=367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/tags?post=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}