{"id":47,"date":"2026-08-08T18:28:48","date_gmt":"2026-08-08T16:28:48","guid":{"rendered":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/mes-travaux\/sites-web\/cyberpunk-2077\/"},"modified":"2026-08-10T00:50:28","modified_gmt":"2026-08-09T22:50:28","slug":"cyberpunk-2077","status":"publish","type":"page","link":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/mes-travaux\/sites-web\/cyberpunk-2077\/","title":{"rendered":"Cyberpunk 2077"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47\" class=\"elementor elementor-47\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92d3969 e-con-full e-flex e-con e-parent\" data-id=\"92d3969\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d050e9 elementor-widget elementor-widget-html\" data-id=\"4d050e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"rb-header\"><a class=\"rb-logo rb-logo-img\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/\"><img decoding=\"async\" src=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/rb-logo-fonce-real.png\" alt=\"Romain Brefort\" height=\"34\"><\/a><nav class=\"rb-nav\"><a class=\"rb-nav-link\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/\">Accueil<\/a><a class=\"rb-nav-link\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/a-propos-de-moi\/\">A propos<\/a><a class=\"rb-nav-link\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/ma-formation\/\">Ma formation<\/a><a class=\"rb-nav-link rb-nav-active\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/mes-travaux\/\">Mes travaux<\/a><a class=\"rb-nav-link\" href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/contact\/\">Contact<\/a><\/nav><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-284b8f5 e-flex e-con-boxed e-con e-parent\" data-id=\"284b8f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b675df elementor-widget elementor-widget-html\" data-id=\"8b675df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/mes-travaux\/sites-web\/\" style=\"font-family:Montserrat;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#6DBC8A;text-decoration:none;\">&larr; Sites Web<\/a>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb577de elementor-widget elementor-widget-spacer\" data-id=\"eb577de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff15e1a elementor-widget elementor-widget-heading\" data-id=\"ff15e1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Cyberpunk 2077<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-269712c elementor-widget elementor-widget-html\" data-id=\"269712c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"rb-meta-row\"><span>2025<\/span><span>\u00c9tudes<\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc9b058 e-flex e-con-boxed e-con e-parent\" data-id=\"dc9b058\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d363e1c e-con-full e-flex e-con e-child\" data-id=\"d363e1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5007ed elementor-widget elementor-widget-html\" data-id=\"d5007ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"font-family:Montserrat;line-height:1.8;font-size:1.02rem;max-width:820px;\"><p>Ce site web concerne un travail portant sur la modification de template HTML\/CSS. La consigne donn\u00e9e par notre professeur \u00e9tait de choisir un template de site web et de le modifier \u00e0 notre go\u00fbt, en pr\u00e9sentant un sujet me tenant \u00e0 c\u0153ur, tout en incluant des \u00e9l\u00e9ments m\u00e9dias tels que des posts et des vid\u00e9os YouTube.<\/p><p>J'ai alors choisi de modifier un template assez moderne pour pr\u00e9senter l'histoire derri\u00e8re un jeu vid\u00e9o qui me passionne : Cyberpunk.<\/p><p>Les modifications du template ont notamment concern\u00e9 le contenu en lui-m\u00eame avec une r\u00e9daction en lien avec mon sujet choisi, les couleurs et l'agencement des rubriques, l'ajout de m\u00e9dias et d'ic\u00f4nes, ainsi que la modification d'un formulaire de contact.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bca2296 elementor-widget elementor-widget-spacer\" data-id=\"bca2296\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c2a762 elementor-widget elementor-widget-button\" data-id=\"2c2a762\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/brefort.but24.iutn.o2switch.site\/bootstrap_cyberpunk\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Voir le site Cyberpunk 2077<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4662b4 e-con-full e-flex e-con e-child\" data-id=\"e4662b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3abc70 elementor-widget elementor-widget-image\" data-id=\"d3abc70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"501\" src=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.07-1024x641.jpg\" class=\"attachment-large size-large wp-image-370\" alt=\"\" srcset=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.07-1024x641.jpg 1024w, https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.07-300x188.jpg 300w, https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.07-768x481.jpg 768w, https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.07-1536x961.jpg 1536w, https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/Capture-decran-2026-08-10-a-00.46.07-2048x1282.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24892ae e-con-full e-flex e-con e-parent\" data-id=\"24892ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ace22a elementor-widget elementor-widget-html\" data-id=\"1ace22a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"rb-footer\"><div class=\"rb-footer-col\"><img decoding=\"async\" src=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-content\/uploads\/2026\/08\/rb-logo-blanc-real.png\" alt=\"Romain Brefort\" style=\"height:30px;margin-bottom:16px;display:block;\"><p>\u00c9tudiant BUT MMI &middot; Cr\u00e9ation Num\u00e9rique<br>IUT Nancy-Charlemagne<\/p><\/div><div class=\"rb-footer-col\"><span class=\"rb-footer-title\">Contact<\/span><p><a href=\"mailto:romainbrf@gmail.com\">romainbrf@gmail.com<\/a><br><a href=\"tel:+33637431652\">+33 6 37 43 16 52<\/a><br><a href=\"https:\/\/www.linkedin.com\/in\/romain-brefort\" target=\"_blank\" rel=\"noopener\">linkedin.com\/in\/romain-brefort<\/a><\/p><\/div><div class=\"rb-footer-col\"><span class=\"rb-footer-title\">Navigation<\/span><p><a href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/a-propos-de-moi\/\">A propos de moi<\/a><br><a href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/ma-formation\/\">Ma formation<\/a><br><a href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/mes-travaux\/\">Mes travaux<\/a><br><a href=\"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/contact\/\">Contact<\/a><\/p><\/div><\/div><div class=\"rb-footer-bottom\">&copy; 2026 Romain Brefort<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AccueilA proposMa formationMes travauxContact &larr; Sites Web Cyberpunk 2077 2025\u00c9tudes Ce site web concerne un travail portant sur la modification de template HTML\/CSS. La consigne donn\u00e9e par notre professeur \u00e9tait de choisir un template de site web et de le modifier \u00e0 notre go\u00fbt, en pr\u00e9sentant un sujet me tenant \u00e0 c\u0153ur, tout en incluant [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":24,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":6,"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":373,"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/pages\/47\/revisions\/373"}],"up":[{"embeddable":true,"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/pages\/24"}],"wp:attachment":[{"href":"https:\/\/www.brefort.but24.iutn.o2switch.site\/Portfolio\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}