<!DOCTYPE html>
<html lang="fr-FR" data-website-id="1" data-main-object="website.page(4,)">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="google-site-verification" content="fjYfzrwIHWKVuc83kTV9tJDtc2dnh7Lu_b-9jqJQSpw"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="generator" content="Odoo"/>
<meta name="description" content="Bienvenue sur mon portfolio !"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Portfolio | Noé ROTA"/>
<meta property="og:site_name" content="Portfolio Rota Noé"/>
<meta property="og:url" content="https://rota-noe-portfolio.odoo.com/"/>
<meta property="og:image" content="https://rota-noe-portfolio.odoo.com/web/image/510-5ccfb3d8/IMG_5422-scaled.webp"/>
<meta property="og:description" content="Bienvenue sur mon portfolio !"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="Portfolio | Noé ROTA"/>
<meta name="twitter:image" content="https://rota-noe-portfolio.odoo.com/web/image/510-5ccfb3d8/IMG_5422-scaled.webp"/>
<meta name="twitter:description" content="Bienvenue sur mon portfolio !"/>
<link rel="canonical" href="https://rota-noe-portfolio.odoo.com/"/>
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
<title>Portfolio | Noé ROTA</title>
<link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon?unique=f24ac7a"/>
<link rel="preload" href="/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/>
<link type="text/css" rel="stylesheet" href="/web/assets/1/2f3e6f6/web.assets_frontend.min.css"/>
<script id="web.layout.odooscript" type="text/javascript">
var odoo = {
csrf_token: 'd8a934ef6355adbfc03163572e16e81b843a3f6eo1795702704',
debug: "",
};
</script>
<script type="text/javascript">
odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_internal_user": false, "is_website_user": true, "uid": null, "registry_hash": "5ed8227b78085d09ef062cce0c31deb1762a11255a317c52ac0e9046265c6a11", "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"125": {"name": "EUR", "symbol": "\u20ac", "position": "after", "digits": [69, 2]}}, "quick_login": true, "bundle_params": {"lang": "fr_FR", "website_id": 1}, "test_mode": false, "websocket_worker_version": "19.0-2", "translationURL": "/website/translations", "geoip_country_code": "FR", "geoip_phone_code": 33, "lang_url_code": "fr"};
if (!/(^|;\s)tz=/.test(document.cookie)) {
const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
document.cookie = `tz=${userTZ}; path=/`;
}
</script>
<script type="text/javascript" defer="defer" src="/web/assets/1/f5a79cc/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script>
<script type="text/javascript" data-src="/web/assets/1/67b9834/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script>
</head>
<body>
<div id="wrapwrap" class="">
<a class="o_skip_to_content btn btn-primary rounded-0 visually-hidden-focusable position-absolute start-0" href="#wrap">Se rendre au contenu</a>
<header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Bouton d'éléments supplémentaires" class="o_header_standard" style=" ">
<nav data-name="Navbar" aria-label="Main" class="navbar navbar-expand-lg navbar-light o_colored_level o_cc d-none d-lg-block shadow-sm">
<div id="o_main_nav" class="o_main_nav container">
<a data-name="Navbar Logo" href="/" class="navbar-brand logo me-4">
<span role="img" aria-label="Logo of Portfolio Rota Noé" title="Portfolio Rota Noé"><img src="/web/image/website/1/logo/Portfolio%20Rota%20No%C3%A9?unique=f24ac7a" class="img img-fluid" width="95" height="40" alt="Portfolio Rota Noé" loading="lazy"/></span>
</a>
<ul role="menu" id="top_menu" class="nav navbar-nav top_menu o_menu_loading me-auto">
</ul>
<ul class="navbar-nav align-items-center gap-2 flex-shrink-0 justify-content-end ps-3">
<li data-name="Language Selector" class="o_header_language_selector">
</li>
<li class="">
<div class="oe_structure oe_structure_solo">
<section class="oe_unremovable oe_unmovable s_text_block o_colored_level" data-snippet="s_text_block" data-name="Text">
<div class="container">
<a href="#contact" class="oe_unremovable btn btn-primary">Contact </a>
</div>
</section>
</div>
</li>
</ul>
</div>
</nav>
<nav data-name="Navbar" aria-label="Mobile" class="navbar navbar-light o_colored_level o_cc o_header_mobile d-block d-lg-none shadow-sm">
<div class="o_main_nav container flex-wrap justify-content-between">
<div class="d-flex flex-grow-1">
<a data-name="Navbar Logo" href="/" class="navbar-brand logo">
<span role="img" aria-label="Logo of Portfolio Rota Noé" title="Portfolio Rota Noé"><img src="/web/image/website/1/logo/Portfolio%20Rota%20No%C3%A9?unique=f24ac7a" class="img img-fluid" width="95" height="40" alt="Portfolio Rota Noé" loading="lazy"/></span>
</a>
<ul class="o_header_mobile_buttons_wrap navbar-nav d-flex flex-row align-items-center gap-2 mb-0 ms-auto"></ul>
</div>
<button class="nav-link btn p-2 o_not_editable" type="button" data-bs-toggle="offcanvas" data-bs-target="#top_menu_collapse_mobile" aria-controls="top_menu_collapse_mobile" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="top_menu_collapse_mobile" class="offcanvas offcanvas-end o_navbar_mobile">
<div class="offcanvas-header justify-content-end o_not_editable">
<button type="button" class="nav-link btn-close" data-bs-dismiss="offcanvas" aria-label="Fermer"></button>
</div>
<div class="offcanvas-body d-flex flex-column justify-content-between h-100 w-100 pt-0">
<ul class="navbar-nav">
<li>
<ul role="menu" class="nav navbar-nav top_menu o_mega_menu_is_offcanvas mx-n3">
</ul>
</li>
</ul>
<ul class="navbar-nav gap-2 mt-3 w-100">
<li data-name="Language Selector" class="o_header_language_selector">
</li>
<li class="">
<div class="oe_structure oe_structure_solo">
<section class="oe_unremovable oe_unmovable s_text_block o_colored_level" data-snippet="s_text_block" data-name="Text">
<div class="container">
<a href="#contact" class="oe_unremovable btn btn-primary w-100">Contact </a>
</div>
</section>
</div>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<main>
<div id="wrap" class="oe_structure">
<section class="s_framed_intro o_cc o_cc3 pt80 pb80 o_colored_level oe_img_bg o_bg_img_center o_bg_img_origin_border_box" data-snippet="s_framed_intro" style="background-image: url("/web/image/515-b00571b3/Capture%20d%27%C3%A9cran%202025-09-26%20145926.png");" data-attachment-id="514" data-format-mimetype="image/png" data-original-id="514" data-original-src="/web/image/514-b00571b3/Capture%20d%27%C3%A9cran%202025-09-26%20145926.png" data-mimetype-before-conversion="image/png" data-resize-width="1373" data-mimetype="image/png" data-quality="100">
<div class="container">
<div class="row o_grid_mode" data-row-count="10">
<div class="o_grid_item g-col-lg-6 g-height-10 col-lg-6 o_colored_level" style="grid-area: 1 / 1 / 11 / 7; z-index: 1;">
<h1 class="display-4">
<span class="o_text_highlight o_text_highlight_scribble_4" style="--text-highlight-color: var(--o-color-1); --text-highlight-width: 2px;">
<font class="text-o-color-3">
</font></span><span class="o_text_highlight o_text_highlight_scribble_4" style="--text-highlight-color: #833122; --text-highlight-width: 2px;"><font class="text-o-color-3"><em>Noé Rota</em></font></span><span class="o_text_highlight o_text_highlight_scribble_4" style="--text-highlight-color: var(--o-color-1); --text-highlight-width: 2px;"><font class="text-o-color-3">
</font>
</span>
</h1>
<h1 class="display-4">
<span class="o_text_highlight o_text_highlight_scribble_4" style="--text-highlight-color: var(--o-color-1); --text-highlight-width: 2px;">
</span><span class="o_text_highlight o_text_highlight_scribble_4" style="--text-highlight-color: #833122; --text-highlight-width: 2px;"><font class="text-o-color-3"><em>Étudiant MMI</em></font></span><span class="o_text_highlight o_text_highlight_scribble_4" style="--text-highlight-color: var(--o-color-1); --text-highlight-width: 2px;">
</span>
</h1>
<h1 class="display-4">
<span class="o_text_highlight o_text_highlight_scribble_4" style="--text-highlight-color: #833122; --text-highlight-width: 2px;"><em><br/></em></span>
</h1>
<h1 class="display-4">
<font class="text-o-color-3">
<span class="h1-fs o_text_highlight o_text_highlight_scribble_4" style="--text-highlight-color: var(--o-color-1); --text-highlight-width: 2px;">
<u>
</u></span><span class="h1-fs o_text_highlight o_text_highlight_scribble_4" style="--text-highlight-color: #833122; --text-highlight-width: 2px;"><em>Mon Portfolio</em><u><strong> </strong></u></span><span class="h1-fs o_text_highlight o_text_highlight_scribble_4" style="--text-highlight-color: var(--o-color-1); --text-highlight-width: 2px;"><u>
</u>
</span>
</font>
</h1>
<p>
<br/>
</p>
<p>
<br/>
</p>
</div>
</div>
</div>
</section>
<section class="s_text_image pt80 pb80 o_cc o_cc1 o_colored_level" data-oe-shape-data="{'shape':'html_builder/Bold/13','colors':{'c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}" data-snippet="s_image_text">
<div class="o_we_shape o_html_builder_Bold_13" style="background-image: url("/html_editor/shape/html_builder/Bold/13.svg?c5=o-color-1");"></div>
<div class="container">
<div class="row align-items-center">
<div class="pt16 pb16 col-lg-4 o_colored_level">
<img src="/web/image/510-5ccfb3d8/IMG_5422-scaled.webp" alt="Noé" data-attachment-id="509" class="img img-fluid mx-auto rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="509" data-original-src="/web/image/509-a6fc95ec/IMG_5422-scaled.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
</div>
<div class="col-lg-5 pt16 pb16 offset-lg-2 o_colored_level">
<h2 class="h3-fs">
<span class="o_text_highlight o_translate_inline o_text_highlight_underline" style="--text-highlight-width: 3px; --text-highlight-color: var(--o-color-1);">À propos de moi</span>
</h2>
<p style="text-align: justify;">Étudiant en BUT Métiers du Multimédia et de l’Internet à l’IUT à Dijon, je suis en filière de création numérique, ce qui comprend donc du design graphique et la communication multimédia…. Originaire de Pontarlier, je suis passionné par la culture, le cinéma et la créativité lors de gros projets. Je suis dynamique, curieux, polyvalent, créatif et je cherche à mettre mes compétences en graphisme, vidéo et web à profit.</p>
<p>
<a id="projets" href="#projets" class="o_translate_inline btn btn-secondary">Mes créations</a>
</p>
</div>
</div>
</div>
</section>
<section class="s_image_gallery o_spc-small o_masonry o_colored_level s_parallax_no_overflow_hidden pb256" data-vcss="002" data-columns="3" style="overflow: hidden;" data-oe-shape-data="{'shape':'html_builder/Bold/14','colors':{'c5':'o-color-1','c1':'o-color-1'},'showOnMobile':false,'shapeAnimationSpeed':'0'}" data-snippet="s_images_wall" data-scroll-background-ratio="0">
<div class="o_we_shape o_html_builder_Bold_14" style="background-image: url("/html_editor/shape/html_builder/Bold/14.svg?c5=o-color-1&c1=o-color-1");"></div>
<div class="container">
<div class="col-lg-12">
<h2 style="text-align: center;">
<span class="o_text_highlight o_text_highlight_underline o_translate_inline" style="--text-highlight-color: var(--o-color-4); --text-highlight-width: 3px;">
<font class="text-o-color-2">Mes projets</font>
</span>
</h2>
<p>
<br/>
</p>
</div>
<div class="row s_nb_column_fixed">
<div class="o_masonry_col o_snippet_not_selectable col-lg-4">
<img src="/web/image/550-d76d0aff/Capture%20d%27%C3%A9cran%202025-09-26%20154440.webp" alt="affiche CNP" data-attachment-id="548" class="img img-fluid d-block rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="548" data-original-src="/web/image/548-c66d525a/Capture%20d%27%C3%A9cran%202025-09-26%20154440.png" data-mimetype-before-conversion="image/png" data-resize-width="607" data-mimetype="image/webp" loading="lazy"/>
<img src="/web/image/557-fce5fc22/Logo-le-maquis.webp" alt="Logo Maquis" data-attachment-id="553" class="img img-fluid d-block rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="553" data-original-src="/web/image/553-31e6b3b7/Logo-le-maquis.png" data-mimetype-before-conversion="image/png" data-resize-width="500" data-mimetype="image/webp" loading="lazy"/>
<p style="text-align: center;">
<strong>Création d'une entreprise fictive et de sa charte graphique complète</strong>
</p>
<img src="/web/image/568-42799223/Capture%20d%27%C3%A9cran%202025-09-26%20161039.webp" alt="charte botticella" data-attachment-id="564" class="img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="564" data-original-src="/web/image/564-8b2e54aa/Capture%20d%27%C3%A9cran%202025-09-26%20161039.png" data-mimetype-before-conversion="image/png" data-resize-width="607" data-mimetype="image/webp" loading="lazy"/>
</div>
<div class="o_masonry_col o_snippet_not_selectable col-lg-4">
<img src="/web/image/549-e90b2d4a/Capture%20d%27%C3%A9cran%202025-09-26%20154505.webp" alt="Ecran num promo CNP" data-attachment-id="547" class="img img-fluid d-block rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="547" data-original-src="/web/image/547-ecc2887a/Capture%20d%27%C3%A9cran%202025-09-26%20154505.png" data-mimetype-before-conversion="image/png" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
<img src="/web/image/558-a2526e2c/IMG_74891-1024x683.webp" alt="photo ombre" data-attachment-id="555" class="img img-fluid d-block rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="555" data-original-src="/web/image/555-bc9e687a/IMG_74891-1024x683.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
<img src="/web/image/559-7dcc2322/Capture-decran-2025-04-18-160223.webp" alt="recto carte visite Maquis" data-attachment-id="551" class="img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="551" data-original-src="/web/image/551-cbb32cc9/Capture-decran-2025-04-18-160223.png" data-mimetype-before-conversion="image/png" data-resize-width="991" data-mimetype="image/webp" loading="lazy"/>
<img src="/web/image/569-be94c69e/portrait%20Mae.webp" alt="Mae packshot" data-attachment-id="565" class="img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="565" data-original-src="/web/image/565-12275cfb/portrait%20Mae.JPG" data-mimetype-before-conversion="image/jpeg" data-resize-width="1677" data-mimetype="image/webp" loading="lazy"/>
<p style="text-align: center;">
<strong>Création d'un trailer en montage vidéo</strong>
</p><div data-oe-expression="//www.youtube.com/embed/Ux1atxBg8bM?rel=0&autoplay=1&mute=1&enablejsapi=1" class="media_iframe_video"><div class="css_editable_mode_display"></div><div class="media_iframe_video_size"></div><iframe frameborder="0" allowfullscreen="allowfullscreen" src="//www.youtube.com/embed/Ux1atxBg8bM?rel=0&autoplay=1&mute=1&enablejsapi=1"></iframe></div>
</div>
<div class="o_masonry_col o_snippet_not_selectable col-lg-4">
<img src="/web/image/567-149b419e/Logo%20moi.webp" alt="logo NR" data-attachment-id="563" class="img img-fluid d-block rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="563" data-original-src="/web/image/563-91d81dbe/Logo%20moi.png" data-mimetype-before-conversion="image/png" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
<img src="/web/image/560-0a576cf2/IMG_4684-1024x769.webp" alt="Origami packshot" data-attachment-id="554" class="img img-fluid d-block rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="554" data-original-src="/web/image/554-0abd5713/IMG_4684-1024x769.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
<img src="/web/image/561-a39a6c31/Capture-decran-2025-04-18-160209.webp" alt="verso carte visite Maquis" data-attachment-id="552" class="img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="552" data-original-src="/web/image/552-b96cb1a2/Capture-decran-2025-04-18-160209.png" data-mimetype-before-conversion="image/png" data-resize-width="992" data-mimetype="image/webp" loading="lazy"/>
<img src="/web/image/562-bf97b6ab/Tout-net-scaled.webp" alt="nature morte" data-attachment-id="556" class="img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="556" data-original-src="/web/image/556-d9d7c8b7/Tout-net-scaled.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="1280" data-mimetype="image/webp" loading="lazy"/>
<p style="text-align: center;">
<strong>Création d'un site de concours photo en HTML CSS JS PHP</strong><img src="/web/image/670-13c39bbb/Capture%20d%27%C3%A9cran%202025-09-26%20160729.webp" alt="" data-attachment-id="566" class="o_file_box o-contenteditable-false img img-fluid o_we_custom_image" data-format-mimetype="image/webp" data-original-id="566" data-original-src="/web/image/566-66e2c8a8/Capture%20d%27%C3%A9cran%202025-09-26%20160729.png" data-mimetype-before-conversion="image/png" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
</p></div>
</div>
</div>
</section>
<section class="s_text_image pt80 pb80 o_cc o_colored_level o_cc3" data-oe-shape-data="{"shape":"html_builder/Wavy/11_001","colors":{"c5":"o-color-1"},"flip":["x"]}" data-snippet="s_text_image">
<div class="o_we_shape o_html_builder_Wavy_11_001" style="background-image: url("/html_editor/shape/html_builder/Wavy/11_001.svg?c5=o-color-1&flip=x"); background-position: 50% 100%;"></div>
<div class="container">
<div class="row o_grid_mode" data-row-count="12">
<div class="o_colored_level o_grid_item g-height-12 col-lg-5 g-col-lg-5" style="grid-area: 1 / 1 / 13 / 6; z-index: 1;">
<h2 class="h3-fs">
<span class="o_text_highlight o_translate_inline o_text_highlight_underline" style="--text-highlight-width: NaNpx; --text-highlight-color: var(--o-color-1);">Réalisation d'un projet pour un commanditaire à travers une entreprise fictive</span>
</h2>
<p>
<br/>
</p>
<p style="text-align: justify;">Lors de ma formation en BUT MMI, j’ai dirigé un projet de création d’entreprise fictive en tant que
<strong>
<u>chef de projet</u>
</strong>. Nous avons conçu l’identité visuelle de cette entreprise, en réalisant son logo, un trombinoscope et des mockups, afin de développer une image professionnelle.
</p>
<p style="text-align: justify;">Parallèlement, nous avons travaillé sur un projet pour un commanditaire réel, un créateur de contenu. Ma mission de chef de projet consistait à coordonner l’équipe, séparer les tâches pour refaire complètement son design graphique, en commençant par une analyse de la concurrence et des codes graphiques du secteur. À partir de cette étude, nous avons créé un nouveau logo et une charte graphique, puis développé un site vitrine permettant de montrer les activités de notre commanditaire</p>
<p style="text-align: justify;">Ce projet m’a donc permis de mettre en pratique des compétences gestion de projet, branding, design graphique,
<strong></strong>UX/UI et création web, tout en répondant aux besoins d’un client réel et en respectant les codes professionnels du secteur.
</p>
<p>
<br/>
</p>
</div>
<div class="o_colored_level o_grid_item o_grid_item_image g-col-lg-6 g-height-8 col-lg-6" style="z-index: 2; grid-area: 3 / 7 / 11 / 13;">
<div class="carousel pointer-event" data-bs-ride="false">
<div class="slides" style="transform: translateX(-300%);">
<img src="/web/image/580-b84d271c/Capture%20d%27%C3%A9cran%202025-09-26%20164949.webp" alt="détails tangeance" data-attachment-id="574" class="img img-fluid mx-auto rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="574" data-original-src="/web/image/574-14845b14/Capture%20d%27%C3%A9cran%202025-09-26%20164949.png" data-mimetype-before-conversion="image/png" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
<img src="/web/image/581-930f0c8d/Capture%20d%27%C3%A9cran%202025-09-26%20164959.webp" alt="trombinoscope" data-attachment-id="575" class="img img-fluid mx-auto rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="575" data-original-src="/web/image/575-5e7ac03d/Capture%20d%27%C3%A9cran%202025-09-26%20164959.png" data-mimetype-before-conversion="image/png" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
<img src="/web/image/582-b0c88f94/Capture%20d%27%C3%A9cran%202025-09-26%20165007.webp" alt="logo tangeance" data-attachment-id="576" class="img img-fluid mx-auto rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="576" data-original-src="/web/image/576-f59c1da0/Capture%20d%27%C3%A9cran%202025-09-26%20165007.png" data-mimetype-before-conversion="image/png" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
<img src="/web/image/583-d07fb7d5/Capture%20d%27%C3%A9cran%202025-09-26%20165028.webp" alt="charte graphique pierre" data-attachment-id="577" class="img img-fluid mx-auto rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="577" data-original-src="/web/image/577-6b2552a2/Capture%20d%27%C3%A9cran%202025-09-26%20165028.png" data-mimetype-before-conversion="image/png" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
<img src="/web/image/584-768848fb/Capture%20d%27%C3%A9cran%202025-09-26%20165102.webp" alt="site pierreshow" data-attachment-id="578" class="img img-fluid mx-auto rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="578" data-original-src="/web/image/578-e2d8d1bb/Capture%20d%27%C3%A9cran%202025-09-26%20165102.png" data-mimetype-before-conversion="image/png" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
</div>
<button class="prev">❮</button>
<button class="next">❯</button>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="s_company_team_shapes o_cc o_cc1 pt80 pb104 o_colored_level" data-oe-shape-data="{"shape":"html_builder/Containers/04","colors":{"c5":"o-color-1"},"flip":[],"showOnMobile":false,"shapeAnimationSpeed":"0"}" data-snippet="s_company_team_shapes" style="position: relative;">
<div class="o_we_shape o_html_builder_Containers_04" style="background-image: url("/html_editor/shape/html_builder%2FContainers%2F04.svg?c5=o-color-1");"></div>
<div class="o_container_small">
<h2 style="text-align: center;">
<span class="o_text_highlight o_translate_inline o_text_highlight_underline" style="--text-highlight-width: 4px; --text-highlight-color: var(--o-color-4);">Contact</span>
</h2>
<section class="s_website_form pt16 pb16" data-vcss="001" data-snippet="s_website_form" data-name="Formulaire">
<div class="container-fluid">
<form action="/website/form/" method="post" enctype="multipart/form-data" class="o_mark_required" data-mark="*" data-pre-fill="true" data-model_name="mail.mail" data-success-mode="message" data-success-page="https://rota-noe-portfolio.odoo.com/#contact">
<div class="s_website_form_rows row s_col_no_bgcolor">
<div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_custom s_website_form_required" data-type="char">
<div class="row s_col_no_resize s_col_no_bgcolor">
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="ojhpl386hwt">
<span class="s_website_form_label_content">Votre nom</span>
<span class="s_website_form_mark"> *</span>
</label>
<div class="col-sm">
<input class="form-control s_website_form_input" type="text" name="name" required="" placeholder="" id="ojhpl386hwt" data-fill-with="name"/>
</div>
</div>
</div>
<div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_custom" data-type="tel">
<div class="row s_col_no_resize s_col_no_bgcolor">
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="oupkogch2dk">
<span class="s_website_form_label_content">Numéro de téléphone</span>
</label>
<div class="col-sm">
<input class="form-control s_website_form_input" type="tel" name="phone" value="" placeholder="" id="oupkogch2dk" data-fill-with="phone"/>
</div>
</div>
</div>
<div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_model_required" data-type="email">
<div class="row s_col_no_resize s_col_no_bgcolor">
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="oigx6p7u0dx">
<span class="s_website_form_label_content">Votre e-mail</span>
<span class="s_website_form_mark"> *</span>
</label>
<div class="col-sm">
<input class="form-control s_website_form_input" type="email" name="email_from" required="" placeholder="" id="oigx6p7u0dx" data-fill-with="email"/>
</div>
</div>
</div>
<div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_model_required" data-type="char">
<div class="row s_col_no_resize s_col_no_bgcolor">
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="omd3v5zcntx">
<span class="s_website_form_label_content">Objet</span>
<span class="s_website_form_mark"> *</span>
</label>
<div class="col-sm">
<input class="form-control s_website_form_input" type="text" name="subject" required="" value="" placeholder="" id="omd3v5zcntx" data-fill-with="undefined"/>
</div>
</div>
</div>
<div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_custom s_website_form_required pb0" data-type="text">
<div class="row s_col_no_resize s_col_no_bgcolor">
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="od52syv1riw">
<span class="s_website_form_label_content">Votre message</span>
<span class="s_website_form_mark"> *</span>
</label>
<div class="col-sm">
<textarea class="form-control s_website_form_input" name="Votre message" required="" placeholder="" id="od52syv1riw" rows="3"></textarea>
</div>
</div>
</div>
<div data-name="Field" class="s_website_form_field mb-3 col-12 s_website_form_dnone">
<div class="row s_col_no_resize s_col_no_bgcolor">
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px">
<span class="s_website_form_label_content"></span>
</label>
<div class="col-sm">
<input type="hidden" class="form-control s_website_form_input" name="email_to" value="noerota.pro@gmail.com"/>
<input type="hidden" value="522ca0c2dcf102f5a22197c1fb17652b4bb2e638cff5c4bddd5c0c01f6d069b8" class="form-control s_website_form_input s_website_form_custom" name="website_form_signature"/></div>
</div>
</div>
<div class="mb-0 py-2 col-12 s_website_form_submit text-end s_website_form_no_submit_label" data-name="Submit Button">
<div style="width: 200px;" class="s_website_form_label"></div>
<span id="s_website_form_result"></span>
<a href="#" role="button" class="btn btn-primary s_website_form_send">Soumettre</a>
</div>
</div>
</form>
<div class="s_website_form_end_message d-none">
<div class="oe_structure">
<section class="s_text_block o_colored_level rounded px-5 text-center" data-snippet="s_text_block">
<i class="fa fa-paper-plane mb-3 rounded-circle text- fa-2x o_cc o_cc3" role="img" aria-hidden="true" title="Réussite" style="background-color: rgb(225, 200, 156); color: rgb(111, 42, 29);"></i>
<h1 class="fw-bolder">Merci de votre message !</h1>
<p class="lead mb-0">Je vous
<a href="#" class="o_translate_inline">renverrai </a>un message dès que possible.
</p>
</section>
</div>
</div>
</div>
</section>
<p>
<br/>
</p>
</div>
</section>
</div>
<div id="o_shared_blocks" class="oe_unremovable"></div>
</main>
<footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc">
<div id="footer" class="oe_structure oe_structure_solo border text-break" style="--box-border-top-width: 0px; --box-border-left-width: 0px; --box-border-right-width: 0px;">
<section class="s_text_block" data-snippet="s_text_block" data-name="Container" data-oe-shape-data="{'shape':'html_builder/Bold/21', 'colors':{'c5': '#0000000D'},'flip':[],'showOnMobile':true,'shapeAnimationSpeed':'0'}">
<div class="o_we_shape o_html_builder_Bold_21 o_shape_show_mobile" style="background-image: url("/html_editor/shape/html_builder/Bold/21.svg?c5=%230000000D");"></div>
<div class="s_allow_columns container">
<div class="row o_grid_mode" data-row-count="7">
<div class="o_grid_item col-lg-4 g-col-lg-4 o_colored_level g-height-5" style="z-index: 4; grid-area: 3 / 1 / 8 / 5;"><p style="text-align: center;">Vous pouvez télécharger mon CV en cliquant sur ce bouton</p><section class="s_embed_code text-center pt16 pb16" data-snippet="s_embed_code" data-name="Embed Code">
<template class="s_embed_code_saved"><a href="/web/content/669?unique=5c7fa9a5718139dfc13bcc5ca3dd1399afbc202a&download=true" download="CV-NomPrenom.pdf" class="btn btn-primary" style="padding:12px 20px; border-radius:8px; text-decoration:none; font-weight:bold;">
Télécharger mon CV
</a></template>
<div class="s_embed_code_embedded container o_not_editable"><a href="/web/content/669?unique=5c7fa9a5718139dfc13bcc5ca3dd1399afbc202a&download=true" download="CV-NomPrenom.pdf" class="btn btn-primary" style="padding:12px 20px; border-radius:8px; text-decoration:none; font-weight:bold;">
Télécharger mon CV
</a></div>
</section></div><div class="o_colored_level o_grid_item g-height-2 g-col-lg-4 col-lg-4" style="z-index: 1; grid-area: 2 / 1 / 4 / 5;">
<h4 style="text-align: center;">Informations complémentaires</h4>
</div><div class="o_colored_level o_grid_item g-col-lg-4 col-lg-4 g-height-5" style="z-index: 3; grid-area: 2 / 9 / 7 / 13;">
<p><b>ROTA Noé</b><br/>Quartier République <br/> 21000 - Dijon </p>
<ul class="list-unstyled mb-2">
<li class="oe-nested"><i class="fa fa-phone fa-fw me-2"></i><span class="o_force_ltr"><a href="tel:+33770114418">+33 7 70 11 44 18</a></span></li>
<li><i class="fa fa-envelope fa-fw me-2"></i><span>noerota.pro@gmail.com</span></li>
</ul><p><br/></p>
<div class="s_social_media o_not_editable text-start" data-snippet="s_social_media" data-name="Social Media">
<h5 class="s_social_media_title d-none">Suivez-nous</h5>
<a href="/website/social/linkedin" class="s_social_media_linkedin" target="_blank">
<i class="fa fa-linkedin shadow-sm o_editable_media rounded-circle fa-2x"></i>
</a>
</div>
</div></div>
</div>
</section>
</div>
<div class="o_footer_copyright o_colored_level o_cc" data-name="Copyright">
<div class="container py-3">
<div class="row row-gap-2">
<div class="text-center text-muted col-md d-flex flex-column-reverse gap-2 text-md-start">
<span class="o_footer_copyright_name me-2 small"><br/></span>
</div>
<div class="text-center o_not_editable small col-md mt-auto mb-0 text-md-end">
<div class="o_brand_promotion">
Généré par
<a target="_blank" class="badge text-bg-light" href="http://www.odoo.com?utm_source=db&utm_medium=website">
<img alt="Odoo" src="/web/static/img/odoo_logo_tiny.png" width="62" height="20" style="width: auto; height: 1em; vertical-align: baseline;" loading="lazy"/>
</a>
-
Créer un <a target="_blank" href="http://www.odoo.com/app/website?utm_source=db&utm_medium=website">site web gratuit</a>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
