{"id":114,"date":"2024-05-24T15:41:16","date_gmt":"2024-05-24T15:41:16","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/h_francois\/?p=114"},"modified":"2024-05-24T15:41:16","modified_gmt":"2024-05-24T15:41:16","slug":"friday-5-24-2024","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/h_francois\/2024\/05\/24\/friday-5-24-2024\/","title":{"rendered":"Friday 5\/24\/2024"},"content":{"rendered":"\n

today I worked on the project of creating a caf\u00e9 menu in freecodecamp using HTML I did this by first adding an header using the elements; h1, h2 & p and then I used classes to set items and everything else ill show below with code<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>Cafe Menu<\/title>\n    <link href=\"styles.css\" rel=\"stylesheet\"\/>\n  <\/head>\n  <body>\n    <div class=\"menu\">\n      <main>\n        <h1>CAMPER CAFE<\/h1>\n        <p>Est. 2020<\/p>\n        <section>\n          <h2>Coffee<\/h2>\n          <article class=\"item\">\n            <p class=\"flavor\">French Vanilla<\/p><p class=\"price\">3.00<\/p>\n          <\/article>\n          <article class=\"item\">\n            <p class=\"flavor\">Caramel Macchiato<\/p><p class=\"price\">3.75<\/p>\n          <\/article>\n          <article class=\"item\">\n            <p class=\"flavor\">Pumpkin Spice<\/p><p class=\"price\">3.50<\/p>\n          <\/article>\n          <article class=\"item\">\n            <p class=\"flavor\">Hazelnut<\/p><p class=\"price\">4.00<\/p>\n          <\/article>\n          <article class=\"item\">\n            <p class=\"flavor\">Mocha<\/p><p class=\"price\">4.50<\/p>\n          <\/article>\n        <\/section>\n        <section>\n          <h2>Desserts<\/h2>\n          <article class=\"item\">\n            <p>Donut<\/p><p>1.50<\/p>\n          <\/article>\n        <\/section>\n      <\/main>\n    <\/div>\n  <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"
today I worked on the project of creating a caf\u00e9 menu in freecodecamp using HTML I did this by first adding an header using the elements; h1, h2 & p and then I used classes to set items and everything else ill show below with code<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-114","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/114\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/114\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/media?parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/categories?post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/tags?post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}