{"id":395,"date":"2026-02-13T16:11:05","date_gmt":"2026-02-13T16:11:05","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/k_rai\/?p=395"},"modified":"2026-02-13T16:11:05","modified_gmt":"2026-02-13T16:11:05","slug":"website-6","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/k_rai\/2026\/02\/13\/website-6\/","title":{"rendered":"Website"},"content":{"rendered":"\n<p>tODAY i CONTINUED CHANGING MY WEBSITE INTO MORE FASHION ORINATED WEBSITE <\/p>\n\n\n\n<p>i FIRST STARTED WITH CHANGING SOME OF THE PICTURES AND COLORS OF THE WEBSITE<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"394\" height=\"812\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/02\/websote-18.png\" alt=\"\" class=\"wp-image-396\" style=\"aspect-ratio:0.4852302638979505;width:328px;height:auto\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/02\/websote-18.png 394w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/02\/websote-18-146x300.png 146w\" sizes=\"auto, (max-width: 394px) 100vw, 394px\" \/><\/figure>\n\n\n\n<p>This code in style.css is to help the links up in the right corner with colors and when you hover over them it lights up <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"558\" style=\"aspect-ratio: 1046 \/ 558;\" width=\"1046\" controls src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/02\/web.mp4\"><\/video><\/figure>\n\n\n\n<p>This is the product of the hover over the nav links <\/p>\n\n\n\n<p>I then started changing my pictures to be in a grid where when you hover over them they react <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"259\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/02\/websote-19.png\" alt=\"\" class=\"wp-image-399\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/02\/websote-19.png 559w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/02\/websote-19-300x139.png 300w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>This code in html Basically contains the pictures in orders and in grids<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"288\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/02\/websote-20.png\" alt=\"\" class=\"wp-image-400\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/02\/websote-20.png 644w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/02\/websote-20-300x134.png 300w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/figure>\n\n\n\n<p>This code simply orders them and can time the hover to you likes <\/p>\n\n\n\n<p>After I was finished I did encounter some issues with the code where my nav links were way out of porportion and were <\/p>\n\n\n\n<p>in the wrong spot and I had to fix and delete some of the old codes in order to make the website more appealing<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"886\" style=\"aspect-ratio: 1796 \/ 886;\" width=\"1796\" controls src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/01\/websote.mp4\"><\/video><\/figure>\n\n\n\n<p>This is what the website used to look like before <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"894\" style=\"aspect-ratio: 1902 \/ 894;\" width=\"1902\" controls src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/02\/more.mp4\"><\/video><\/figure>\n\n\n\n<p>This is what the website looks like after the changes<\/p>\n\n\n\n<p>I still gotta work on the bottom pictures and the three boxes where they could be more appealing but This works for now<\/p>\n","protected":false},"excerpt":{"rendered":"<p>tODAY i CONTINUED CHANGING MY WEBSITE INTO MORE FASHION ORINATED WEBSITE i FIRST STARTED WITH CHANGING SOME OF THE PICTURES AND COLORS OF THE WEBSITE This code in style.css is to help the links up in the right corner with colors and when you hover over them it lights up This is the product of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":377,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-395","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\/395","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=395"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts\/395\/revisions"}],"predecessor-version":[{"id":403,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts\/395\/revisions\/403"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/media\/377"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/media?parent=395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/categories?post=395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/tags?post=395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}