{"id":1505,"date":"2026-05-23T17:38:40","date_gmt":"2026-05-23T17:38:40","guid":{"rendered":"https:\/\/agencewebrusek.com\/?page_id=1505"},"modified":"2026-09-16T13:34:22","modified_gmt":"2026-09-16T13:34:22","slug":"accueil","status":"publish","type":"page","link":"https:\/\/agencewebrusek.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<section class=\"awr-v3-hero\">\n\n  <div class=\"awr-v3-grid\"><\/div>\n  <div class=\"awr-v3-light\"><\/div>\n\n  <div class=\"awr-v3-wrap\">\n\n    <!-- =========================\n         CONTENU GAUCHE\n    ========================== -->\n    <div class=\"awr-v3-content\">\n\n      <div class=\"awr-v3-badge\">\n        <span><\/span>\n        Web agency \u00b7 Paris &amp; the whole of France\n      <\/div>\n\n      <h1 class=\"awr-v3-title\">\n        Creation of<br>\n        websites\n        <strong>\n          to yours<br>\n          image<span>.<\/span>\n        <\/strong>\n      <\/h1>\n\n      <p class=\"awr-v3-text\">\n        I help freelancers, artisans and SMEs build a professional\n        presence that attracts and converts.\n      <\/p>\n\n      <a href=\"\/en\/contact\/\" class=\"awr-v3-cta\">\n        Get my quote\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n\n    <!-- =========================\n         CAROUSEL DROITE\n    ========================== -->\n    <div class=\"awr-v3-showcase\">\n\n      <div class=\"awr-v3-browser\">\n\n        <div class=\"awr-v3-browser-bar\">\n\n          <div class=\"awr-v3-dots\">\n            <i><\/i>\n            <i><\/i>\n            <i><\/i>\n          <\/div>\n\n          <span>AWR Achievements<\/span>\n\n        <\/div>\n\n\n        <div class=\"awr-v3-slider\">\n\n          <!-- LA CONSCIENTE -->\n          <div class=\"awr-v3-slide awr-v3-slide-1\">\n\n            <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/08\/awr-laconsciente.webp\" alt=\"Cr\u00e9ation du site internet La Consciente\" title=\"Home\">\n\n            <div class=\"awr-v3-project-label\">\n              <span>Showcase site<\/span>\n              <strong>The Conscious<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <!-- DELVILLE -->\n          <div class=\"awr-v3-slide awr-v3-slide-2\">\n\n            <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/08\/awr-delville.webp\" alt=\"Projet web Delville Management\" title=\"Home\">\n\n            <div class=\"awr-v3-project-label\">\n              <span>Web &amp; acquisition<\/span>\n              <strong>Delville Management<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <!-- MIKAEL DE POISSY -->\n          <div class=\"awr-v3-slide awr-v3-slide-3\">\n\n            <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/08\/awr-mikael-de-poissy.webp\" alt=\"Cr\u00e9ation du site e-commerce Mika\u00ebl de Poissy\" title=\"Home\">\n\n            <div class=\"awr-v3-project-label\">\n              <span>E-commerce<\/span>\n              <strong>Mika\u00ebl de Poissy<\/strong>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"awr-v3-progress\">\n          <span><\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\nhtml,\nbody {\n  overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.awr-v3-hero {\n  position: relative;\n\n  width: 100vw !important;\n  max-width: none !important;\n\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n\n  overflow: hidden;\n\n  padding: 26px 0 64px;\n\n  color: #fff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #020a20 0%,\n      #06163a 55%,\n      #081c4b 100%\n    );\n}\n\n\n\/* =========================================================\n   BACKGROUND GRID\n========================================================= *\/\n\n.awr-v3-grid {\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.04) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.04) 1px,\n      transparent 1px\n    );\n\n  background-size: 90px 90px;\n}\n\n\n\/* =========================================================\n   BACKGROUND LIGHT\n========================================================= *\/\n\n.awr-v3-light {\n  position: absolute;\n\n  width: 850px;\n  height: 650px;\n\n  right: -120px;\n  top: -100px;\n\n  pointer-events: none;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(59,130,246,.17),\n      transparent 67%\n    );\n}\n\n\n\/* =========================================================\n   WRAPPER\n========================================================= *\/\n\n.awr-v3-wrap {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n\n  padding-left: clamp(32px, 5vw, 95px);\n  padding-right: clamp(32px, 5vw, 95px);\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(500px, .82fr)\n    minmax(600px, 1.18fr);\n\n  gap: clamp(55px, 5vw, 100px);\n\n  align-items: start;\n}\n\n\n\/* =========================================================\n   CONTENU GAUCHE\n========================================================= *\/\n\n.awr-v3-content {\n  position: relative;\n\n  max-width: 720px;\n\n  padding-top: 8px;\n\n  animation:\n    awrV3ContentIn .7s ease-out both;\n}\n\n\n\/* =========================================================\n   BADGE\n========================================================= *\/\n\n.awr-v3-badge {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 28px;\n\n  padding: 10px 17px;\n\n  border-radius: 999px;\n\n  border:\n    1px solid rgba(96,165,250,.30);\n\n  background:\n    rgba(96,165,250,.07);\n\n  color: #a9c8ff;\n\n  font-size: .92rem;\n  font-weight: 700;\n}\n\n.awr-v3-badge span {\n  width: 8px;\n  height: 8px;\n\n  flex: 0 0 8px;\n\n  border-radius: 50%;\n\n  background: #60a5fa;\n\n  box-shadow:\n    0 0 12px rgba(96,165,250,.8);\n}\n\n\n\/* =========================================================\n   TITRE\n========================================================= *\/\n\n.awr-v3-title {\n  margin: 0;\n\n  color: #fff;\n\n  font-size:\n    clamp(4rem, 5.7vw, 7rem);\n\n  line-height: .86;\n\n  letter-spacing: -.075em;\n\n  font-weight: 950;\n}\n\n.awr-v3-title strong {\n  display: block;\n\n  color: #60a5fa;\n\n  font-weight: inherit;\n}\n\n.awr-v3-title strong span {\n  color: #fff;\n}\n\n\n\/* =========================================================\n   TEXTE\n========================================================= *\/\n\n.awr-v3-text {\n  max-width: 590px;\n\n  margin: 28px 0 0;\n\n  color:\n    rgba(255,255,255,.72);\n\n  font-size: 1.08rem;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.awr-v3-cta {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 13px;\n\n  margin-top: 28px;\n\n  padding: 17px 28px;\n\n  border-radius: 999px;\n\n  background: #3b82f6;\n\n  color: #fff !important;\n\n  text-decoration: none !important;\n\n  font-weight: 850;\n\n  box-shadow:\n    0 14px 35px rgba(37,99,235,.25);\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n.awr-v3-cta span {\n  transition:\n    transform .2s ease;\n}\n\n.awr-v3-cta:hover {\n  transform: translateY(-3px);\n\n  background: #4b8df8;\n}\n\n.awr-v3-cta:hover span {\n  transform: translateX(4px);\n}\n\n\n\/* =========================================================\n   SHOWCASE DROITE\n   +30PX UNIQUEMENT SUR DESKTOP\n========================================================= *\/\n\n.awr-v3-showcase {\n  position: relative;\n\n  width: 100%;\n\n  padding-top: 30px;\n\n  animation:\n    awrV3ShowcaseIn .8s ease-out .08s both;\n}\n\n\n\/* =========================================================\n   BROWSER\n========================================================= *\/\n\n.awr-v3-browser {\n  position: relative;\n\n  width: 100%;\n  max-width: 920px;\n\n  margin-left: auto;\n\n  overflow: hidden;\n\n  border-radius: 30px;\n\n  border:\n    1px solid rgba(255,255,255,.14);\n\n  background: #07132f;\n\n  box-shadow:\n    0 30px 70px rgba(0,0,0,.25);\n}\n\n\n\/* =========================================================\n   BROWSER BAR\n========================================================= *\/\n\n.awr-v3-browser-bar {\n  height: 58px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 24px;\n\n  background:\n    rgba(255,255,255,.055);\n\n  color:\n    rgba(255,255,255,.43);\n\n  font-size: .86rem;\n}\n\n.awr-v3-dots {\n  display: flex;\n\n  gap: 7px;\n}\n\n.awr-v3-dots i {\n  display: block;\n\n  width: 9px;\n  height: 9px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,255,255,.32);\n}\n\n\n\/* =========================================================\n   SLIDER\n========================================================= *\/\n\n.awr-v3-slider {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 16 \/ 8.7;\n\n  overflow: hidden;\n\n  background: #020817;\n}\n\n\n\/* =========================================================\n   SLIDES\n========================================================= *\/\n\n.awr-v3-slide {\n  position: absolute;\n\n  inset: 0;\n\n  opacity: 0;\n\n  animation:\n    awrV3Slider 15s infinite;\n}\n\n.awr-v3-slide-1 {\n  animation-delay: 0s;\n}\n\n.awr-v3-slide-2 {\n  animation-delay: 5s;\n}\n\n.awr-v3-slide-3 {\n  animation-delay: 10s;\n}\n\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n.awr-v3-slide img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: top center;\n\n  transform: scale(1.015);\n\n  animation:\n    awrV3ImageMotion 5s ease-out infinite;\n}\n\n\n\/* =========================================================\n   LABEL PROJET\n========================================================= *\/\n\n.awr-v3-project-label {\n  position: absolute;\n\n  left: 22px;\n  bottom: 20px;\n\n  padding: 11px 15px;\n\n  border-radius: 14px;\n\n  background:\n    rgba(3,10,27,.88);\n\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  color: #fff;\n}\n\n.awr-v3-project-label span {\n  display: block;\n\n  margin-bottom: 2px;\n\n  color: #60a5fa;\n\n  font-size: .72rem;\n  font-weight: 700;\n}\n\n.awr-v3-project-label strong {\n  font-size: .9rem;\n}\n\n\n\/* =========================================================\n   PROGRESS\n========================================================= *\/\n\n.awr-v3-progress {\n  height: 3px;\n\n  background:\n    rgba(255,255,255,.08);\n}\n\n.awr-v3-progress span {\n  display: block;\n\n  width: 0;\n  height: 100%;\n\n  background: #60a5fa;\n\n  animation:\n    awrV3Progress 5s linear infinite;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes awrV3ContentIn {\n\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n@keyframes awrV3ShowcaseIn {\n\n  from {\n    opacity: 0;\n    transform: translateX(22px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n\n}\n\n\n@keyframes awrV3Slider {\n\n  0% {\n    opacity: 0;\n  }\n\n  5% {\n    opacity: 1;\n  }\n\n  29% {\n    opacity: 1;\n  }\n\n  34% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 0;\n  }\n\n}\n\n\n@keyframes awrV3ImageMotion {\n\n  0% {\n    transform: scale(1.02);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n\n}\n\n\n@keyframes awrV3Progress {\n\n  from {\n    width: 0;\n  }\n\n  to {\n    width: 100%;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1150px) {\n\n  .awr-v3-wrap {\n    grid-template-columns: 1fr;\n\n    gap: 45px;\n\n    padding-left: 5%;\n    padding-right: 5%;\n  }\n\n  .awr-v3-showcase {\n    max-width: 900px;\n\n    margin: 0 auto;\n\n    \/* on retire le d\u00e9calage desktop *\/\n    padding-top: 0;\n  }\n\n  .awr-v3-browser {\n    margin: 0 auto;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 700px) {\n\n  .awr-v3-hero {\n    padding: 22px 0 52px;\n  }\n\n  .awr-v3-wrap {\n    padding-left: 20px;\n    padding-right: 20px;\n\n    gap: 34px;\n  }\n\n  .awr-v3-badge {\n    margin-bottom: 22px;\n\n    font-size: .8rem;\n  }\n\n  .awr-v3-title {\n    font-size:\n      clamp(3rem, 14vw, 4.6rem);\n\n    line-height: .89;\n  }\n\n  .awr-v3-text {\n    margin-top: 23px;\n\n    font-size: 1rem;\n  }\n\n  .awr-v3-cta {\n    width: 100%;\n\n    margin-top: 25px;\n  }\n\n  .awr-v3-showcase {\n    padding-top: 0;\n  }\n\n  .awr-v3-browser {\n    border-radius: 20px;\n  }\n\n  .awr-v3-browser-bar {\n    height: 48px;\n\n    padding: 0 15px;\n  }\n\n  .awr-v3-project-label {\n    left: 12px;\n    bottom: 12px;\n\n    padding: 8px 11px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .awr-v3-content,\n  .awr-v3-showcase,\n  .awr-v3-slide,\n  .awr-v3-slide img,\n  .awr-v3-progress span {\n    animation: none !important;\n  }\n\n  .awr-v3-slide-1 {\n    opacity: 1 !important;\n  }\n\n}\n\n<\/style>\n\n\n\n<section class=\"awr-exp\">\n\n  <div class=\"awr-exp-grid\"><\/div>\n\n  <div class=\"awr-exp-main\">\n\n    <!-- =========================\n         COLONNE GAUCHE \/ PHOTO\n    ========================== -->\n    <div class=\"awr-exp-left\">\n\n      <div class=\"awr-exp-profile\">\n\n        <div class=\"awr-exp-photo\">\n          <img\n            src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/thomas-rusek.webp\"\n            alt=\"Thomas Rusek - Agence Web Rusek\"\n            loading=\"lazy\"\n            decoding=\"async\"\n           title=\"Home\">\n        <\/div>\n\n        <div class=\"awr-exp-name\">\n          <strong>Thomas Rusek<\/strong>\n          <span>WEB \u00b7 SEO \u00b7 UX<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         COLONNE DROITE \/ CONTENU\n    ========================== -->\n    <div class=\"awr-exp-content\">\n\n      <h2>\n        10 years of experience\n        <span>in the digital world.<\/span>\n      <\/h2>\n\n      <p class=\"awr-exp-intro\">\n        I accompany companies from the idea stage to online publication\n        with a simple, transparent approach tailored to their objectives.\n      <\/p>\n\n\n      <!-- =========================\n           PROCESS\n      ========================== -->\n      <div class=\"awr-exp-process\">\n\n        <!-- 01 -->\n        <div class=\"awr-exp-step\">\n\n          <span class=\"awr-exp-number\">01<\/span>\n\n          <div class=\"awr-exp-icon\">\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M6 2h9l4 4v16H6z\"><\/path>\n              <path d=\"M14 2v5h5\"><\/path>\n              <path d=\"M9 12h6\"><\/path>\n              <path d=\"M9 16h4\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h3>Brief &amp; quote<\/h3>\n\n          <p>\n            We define your needs, goals, and the scope of the project\n            together. You then receive a clear proposal and an appropriate quote.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- 02 -->\n        <div class=\"awr-exp-step\">\n\n          <span class=\"awr-exp-number\">02<\/span>\n\n          <div class=\"awr-exp-icon\">\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M8 5 2 12l6 7\"><\/path>\n              <path d=\"m16 5 6 7-6 7\"><\/path>\n              <path d=\"m14 3-4 18\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h3>Development &amp; follow-up<\/h3>\n\n          <p>\n            I develop your site with regular monitoring.\n            Every week, we validate the progress and make adjustments if necessary.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- 03 -->\n        <div class=\"awr-exp-step\">\n\n          <span class=\"awr-exp-number\">03<\/span>\n\n          <div class=\"awr-exp-icon\">\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M14 4c3-1 5-1 7-1 0 2 0 4-1 7l-7 7-6-6z\"><\/path>\n              <path d=\"M9 15 5 19\"><\/path>\n              <path d=\"M6 14 3 15l2-4\"><\/path>\n              <path d=\"m10 18-1 3 4-2\"><\/path>\n              <circle cx=\"15.5\" cy=\"8.5\" r=\"1.5\"><\/circle>\n            <\/svg>\n          <\/div>\n\n          <h3>Delivery &amp; payment<\/h3>\n\n          <p>\n            After final approval, your site is online and ready to be delivered.\n            The balance settlement occurs at delivery.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.awr-exp,\n.awr-exp * {\n  box-sizing: border-box;\n}\n\n.awr-exp {\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  margin-top: -1px;\n\n  overflow: hidden;\n\n  padding:\n    50px\n    clamp(30px, 5vw, 95px)\n    70px;\n\n  color: #fff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #06163a 0%,\n      #071940 55%,\n      #081c4b 100%\n    );\n}\n\n\n\/* =========================================================\n   GRILLE DE FOND\n========================================================= *\/\n\n.awr-exp-grid {\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.04) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.04) 1px,\n      transparent 1px\n    );\n\n  background-size: 90px 90px;\n}\n\n\n\/* =========================================================\n   STRUCTURE\n========================================================= *\/\n\n.awr-exp-main {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(380px, .74fr)\n    minmax(650px, 1.26fr);\n\n  gap: clamp(65px, 7vw, 125px);\n\n  align-items: start;\n}\n\n\n\/* =========================================================\n   PHOTO\n========================================================= *\/\n\n.awr-exp-left {\n  width: 100%;\n  max-width: 520px;\n\n  margin: 0 auto;\n}\n\n.awr-exp-profile {\n  position: relative;\n\n  width: 100%;\n}\n\n.awr-exp-photo {\n  width: 100%;\n\n  aspect-ratio: 1 \/ 1.12;\n\n  overflow: hidden;\n\n  border-radius: 32px;\n\n  background: #aeb9d8;\n\n  border:\n    1px solid rgba(96,165,250,.30);\n}\n\n.awr-exp-photo img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center top;\n}\n\n\n\/* =========================================================\n   NOM SUR PHOTO\n========================================================= *\/\n\n.awr-exp-name {\n  position: absolute;\n  z-index: 5;\n\n  left: 22px;\n  bottom: 22px;\n\n  padding: 15px 20px;\n\n  border-radius: 18px;\n\n  background:\n    rgba(3,12,32,.92);\n\n  border:\n    1px solid rgba(255,255,255,.14);\n}\n\n.awr-exp-name strong {\n  display: block;\n\n  color: #fff;\n\n  font-size: 1.05rem;\n\n  font-weight: 900;\n}\n\n.awr-exp-name span {\n  display: block;\n\n  margin-top: 5px;\n\n  color: #60a5fa;\n\n  font-size: .82rem;\n\n  font-weight: 850;\n\n  letter-spacing: .06em;\n}\n\n\n\/* =========================================================\n   CONTENU DROITE\n========================================================= *\/\n\n.awr-exp-content {\n  max-width: 1050px;\n\n  padding-top: 0;\n}\n\n.awr-exp-content h2 {\n  max-width: 950px;\n\n  margin: 0;\n\n  color: #fff;\n\n  font-size:\n    clamp(3.7rem, 5.4vw, 6.5rem);\n\n  line-height: .88;\n\n  letter-spacing: -.07em;\n\n  font-weight: 950;\n}\n\n.awr-exp-content h2 span {\n  display: block;\n\n  color: #60a5fa;\n}\n\n.awr-exp-intro {\n  max-width: 720px;\n\n  margin: 26px 0 0;\n\n  color:\n    rgba(255,255,255,.68);\n\n  font-size: 1.04rem;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   PROCESS\n========================================================= *\/\n\n.awr-exp-process {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0, 1fr));\n\n  gap: 38px;\n\n  margin-top: 42px;\n\n  align-items: start;\n}\n\n.awr-exp-step {\n  position: relative;\n\n  min-width: 0;\n\n  padding: 0;\n}\n\n.awr-exp-number {\n  display: block;\n\n  margin-bottom: 13px;\n\n  color: #60a5fa;\n\n  font-size: 15px;\n\n  line-height: 1;\n\n  font-weight: 900;\n}\n\n.awr-exp-icon {\n  width: 58px;\n  height: 58px;\n\n  display: grid;\n  place-items: center;\n\n  margin-bottom: 20px;\n\n  border-radius: 50%;\n\n  border:\n    1px solid rgba(96,165,250,.55);\n\n  background:\n    rgba(96,165,250,.04);\n}\n\n.awr-exp-icon svg {\n  width: 26px;\n  height: 26px;\n\n  fill: none;\n\n  stroke: #d7e7ff;\n\n  stroke-width: 1.5;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.awr-exp-step h3 {\n  margin: 0 0 10px;\n\n  min-height: 58px;\n\n  display: flex;\n\n  align-items: flex-start;\n\n  color: #fff;\n\n  font-size: 24px !important;\n\n  line-height: 1.2 !important;\n\n  font-weight: 900 !important;\n\n  letter-spacing: -.025em;\n}\n\n.awr-exp-step p {\n  margin: 0;\n\n  color:\n    rgba(255,255,255,.58);\n\n  font-size: 17px !important;\n\n  line-height: 1.55 !important;\n\n  font-weight: 400 !important;\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .awr-exp {\n    padding-top: 45px;\n  }\n\n  .awr-exp-main {\n    grid-template-columns: 1fr;\n\n    gap: 50px;\n  }\n\n  .awr-exp-left {\n    max-width: 530px;\n  }\n\n  .awr-exp-content {\n    max-width: 900px;\n  }\n\n  .awr-exp-process {\n    grid-template-columns: 1fr;\n\n    gap: 30px;\n  }\n\n  .awr-exp-step h3 {\n    min-height: auto;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 700px) {\n\n  .awr-exp {\n    padding:\n      36px 20px 50px;\n  }\n\n\n  \/* =====================================\n     ORDRE MOBILE\n     CONTENU AVANT PHOTO\n  ===================================== *\/\n\n  .awr-exp-main {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 38px;\n  }\n\n  .awr-exp-content {\n    order: 1;\n\n    width: 100%;\n  }\n\n  .awr-exp-left {\n    order: 2;\n\n    width: 100%;\n\n    max-width: 320px;\n\n    margin:\n      10px auto 0;\n  }\n\n\n  \/* =====================================\n     PHOTO MOBILE PLUS PETITE\n  ===================================== *\/\n\n  .awr-exp-profile {\n    width: 100%;\n  }\n\n  .awr-exp-photo {\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1.08;\n\n    border-radius: 24px;\n  }\n\n  .awr-exp-photo img {\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    object-position: center top;\n  }\n\n\n  \/* NOM *\/\n\n  .awr-exp-name {\n    left: 12px;\n    bottom: 12px;\n\n    padding:\n      11px 14px;\n\n    border-radius: 15px;\n  }\n\n  .awr-exp-name strong {\n    font-size: .92rem;\n  }\n\n  .awr-exp-name span {\n    font-size: .72rem;\n  }\n\n\n  \/* TITRE *\/\n\n  .awr-exp-content h2 {\n    font-size:\n      clamp(3rem, 14vw, 4.5rem);\n\n    line-height: .9;\n  }\n\n  .awr-exp-intro {\n    margin-top: 22px;\n\n    font-size: 1rem;\n  }\n\n\n  \/* PROCESS *\/\n\n  .awr-exp-process {\n    margin-top: 32px;\n\n    gap: 30px;\n  }\n\n  .awr-exp-step h3 {\n    min-height: auto;\n\n    font-size:\n      21px !important;\n  }\n\n  .awr-exp-step p {\n    font-size:\n      16px !important;\n  }\n\n}\n\n<\/style>\n\n\n<div data-spectra-id=\"spectra-mtio55vq-c4w4z6\"\tstyle=\"overflow: visible\" class=\"spectra-is-root-container alignfull spectra-overlay-color spectra-overflow awr-contact-layout wp-block-spectra-container\" data-orientation=\"vertical\"\t>\n\t\n<div data-spectra-id=\"spectra-mtio5968-9iqmxl\" style=\"overflow: visible\" class=\"spectra-overlay-color spectra-overflow awr-contact-left wp-block-spectra-container\" data-orientation=\"vertical\">\n\t\n\n<div class=\"awr-contact-left-inner\" style=\"width: 100%;padding-right: 120px;overflow: hidden\">\n\n  <h2 class=\"awr-contact-title\">\n    Let's talk about yours\n    <span>project.<\/span>\n  <\/h2>\n\n  <p class=\"awr-contact-text\">\n    A website, a redesign or a digital need?\n    Present your project to me and I will respond quickly with\n    a preliminary recommendation.\n  <\/p>\n\n  <!-- BOUTONS -->\n  <div class=\"awr-contact-buttons\">\n\n    <a class=\"awr-contact-btn awr-contact-whatsapp\" href=\"https:\/\/wa.me\/33637201491\" target=\"_blank\" rel=\"noopener\">\n\n      <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M20.5 11.8a8.5 8.5 0 0 1-12.6 7.4L3 20.5l1.3-4.7a8.5 8.5 0 1 1 16.2-4z\"><\/path>\n        <path d=\"M8.2 7.8c.3-.6.6-.6.9-.6h.6c.2 0 .4.1.5.4l.8 1.9c.1.3.1.5-.1.7l-.6.8c-.2.2-.2.4 0 .7.6 1.1 1.6 2 2.7 2.6.3.2.5.2.7 0l.9-1.1c.2-.2.4-.3.7-.2l2 .9c.3.1.5.3.5.5 0 .3-.1 1.4-.7 2-.6.6-1.5.9-2.5.7-1-.2-2.8-.7-4.8-2.4-1.7-1.4-2.8-3.2-3.1-4.3-.3-1.1 0-2 .5-2.6z\"><\/path>\n      <\/svg>\n\n      My WhatsApp\n    <\/a>\n\n    <a class=\"awr-contact-btn awr-contact-linkedin\" href=\"https:\/\/www.linkedin.com\/in\/thomas-rusek-5b203187\/\" target=\"_blank\" rel=\"noopener\">\n\n      <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n        <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"><\/rect>\n        <path d=\"M8 10v7\"><\/path>\n        <path d=\"M8 7v.01\"><\/path>\n        <path d=\"M12 17v-4a3 3 0 0 1 6 0v4\"><\/path>\n        <path d=\"M12 10v7\"><\/path>\n      <\/svg>\n\n      My LinkedIn\n    <\/a>\n\n  <\/div>\n\n  <!-- REFERENCES -->\n  <div class=\"awr-contact-references\" style=\"width: 100%;max-width: 100%;margin-top: 52px;overflow: hidden\">\n\n    <span class=\"awr-contact-ref-title\">\n      A few references\n    <\/span>\n\n    <div class=\"awr-contact-ref-marquee\" style=\"width: 100%;max-width: 100%;overflow: hidden;position: relative\">\n\n      <div class=\"awr-contact-ref-track\">\n\n        <!-- SERIE 1 -->\n\n        <div class=\"awr-contact-ref-logo\">\n          <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/logo-la-consciente-1.png\" alt=\"La Consciente\" loading=\"lazy\" title=\"Home\">\n        <\/div>\n\n        <div class=\"awr-contact-ref-logo\">\n          <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/logo-Delville-management.png\" alt=\"Delville Management\" loading=\"lazy\" title=\"Home\">\n        <\/div>\n\n        <div class=\"awr-contact-ref-logo\">\n          <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/logo-Mikael-de-Poissy.png\" alt=\"Mika\u00ebl de Poissy\" loading=\"lazy\" title=\"Home\">\n        <\/div>\n\n        <!-- SERIE 2 -->\n\n        <div class=\"awr-contact-ref-logo\" aria-hidden=\"true\">\n          <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/logo-la-consciente-1.png\" alt=\"Logo La Consciente 1\" title=\"Home\">\n        <\/div>\n\n        <div class=\"awr-contact-ref-logo\" aria-hidden=\"true\">\n          <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/logo-Delville-management.png\" alt=\"Logo Delville Management\" title=\"Home\">\n        <\/div>\n\n        <div class=\"awr-contact-ref-logo\" aria-hidden=\"true\">\n          <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/logo-Mikael-de-Poissy.png\" alt=\"Logo Mikael De Poissy\" title=\"Home\">\n        <\/div>\n\n        <!-- SERIE 3 -->\n\n        <div class=\"awr-contact-ref-logo\" aria-hidden=\"true\">\n          <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/logo-la-consciente-1.png\" alt=\"Logo La Consciente 1\" title=\"Home\">\n        <\/div>\n\n        <div class=\"awr-contact-ref-logo\" aria-hidden=\"true\">\n          <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/logo-Delville-management.png\" alt=\"Logo Delville Management\" title=\"Home\">\n        <\/div>\n\n        <div class=\"awr-contact-ref-logo\" aria-hidden=\"true\">\n          <img decoding=\"async\" src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/logo-Mikael-de-Poissy.png\" alt=\"Logo Mikael De Poissy\" title=\"Home\">\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<\/div>\n\n\n<div data-spectra-id=\"spectra-mtio596d-hplwx4\" style=\"overflow: visible\" class=\"spectra-overlay-color spectra-overflow awr-contact-right wp-block-spectra-container\" data-orientation=\"vertical\">\n\t\n<p><div class=\"forminator-ui forminator-custom-form forminator-custom-form-1637 forminator-design--default  forminator_ajax\" data-forminator-render=\"0\" data-form=\"forminator-module-1637\" data-uid=\"6ac0bb820c108\"><br \/><\/div><form id=\"forminator-module-1637\" class=\"forminator-ui forminator-custom-form forminator-custom-form-1637 forminator-design--default  forminator_ajax\" method=\"post\" data-forminator-render=\"0\" data-form-id=\"1637\" data-color-option=\"theme\" data-design=\"default\" data-grid=\"open\" style=\"display: none\" data-uid=\"6ac0bb820c108\" action=\"\"><div role=\"alert\" aria-live=\"polite\" class=\"forminator-response-message forminator-error\" aria-hidden=\"true\"><\/div><div class=\"forminator-row\"><div id=\"name-2\" class=\"forminator-field-name forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-field-name-2_6ac0bb820c108\" id=\"forminator-field-name-2_6ac0bb820c108-label\" class=\"forminator-label\">Name <span class=\"forminator-required\">*<\/span><\/label><input type=\"text\" name=\"name-2\" value=\"\" placeholder=\"\" id=\"forminator-field-name-2_6ac0bb820c108\" class=\"forminator-input forminator-name--field\" aria-required=\"true\" autocomplete=\"name\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"name-1\" class=\"forminator-field-name forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-field-name-1_6ac0bb820c108\" id=\"forminator-field-name-1_6ac0bb820c108-label\" class=\"forminator-label\">First name <span class=\"forminator-required\">*<\/span><\/label><input type=\"text\" name=\"name-1\" value=\"\" placeholder=\"\" id=\"forminator-field-name-1_6ac0bb820c108\" class=\"forminator-input forminator-name--field\" aria-required=\"true\" autocomplete=\"name\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"email-1\" class=\"forminator-field-email forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-field-email-1_6ac0bb820c108\" id=\"forminator-field-email-1_6ac0bb820c108-label\" class=\"forminator-label\">Email <span class=\"forminator-required\">*<\/span><\/label><input type=\"email\" name=\"email-1\" value=\"\" placeholder=\"\" id=\"forminator-field-email-1_6ac0bb820c108\" class=\"forminator-input forminator-email--field\" data-required=\"true\" aria-required=\"true\" autocomplete=\"email\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"phone-1\" class=\"forminator-field-phone forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-field-phone-1_6ac0bb820c108\" id=\"forminator-field-phone-1_6ac0bb820c108-label\" class=\"forminator-label\">Phone<\/label><input type=\"text\" name=\"phone-1\" value=\"\" placeholder=\"\" id=\"forminator-field-phone-1_6ac0bb820c108\" class=\"forminator-input forminator-field--phone\" data-required=\"\" aria-required=\"false\" autocomplete=\"off\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"textarea-1\" class=\"forminator-field-textarea forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-field-textarea-1_6ac0bb820c108\" id=\"forminator-field-textarea-1_6ac0bb820c108-label\" class=\"forminator-label\">Message<\/label><span id=\"forminator-field-textarea-1_6ac0bb820c108-description\" class=\"forminator-description\"><span data-limit=\"180\" data-type=\"characters\" data-editor=\"\">0 \/ 180<\/span><\/span><textarea name=\"textarea-1\" placeholder=\"\" id=\"forminator-field-textarea-1_6ac0bb820c108\" class=\"forminator-textarea\" style=\"--forminator-textarea-min-height:140px\" maxlength=\"180\"><\/textarea><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"consent-1\" class=\"forminator-field-consent forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-field-consent-1_6ac0bb820c108\" id=\"forminator-field-consent-1_6ac0bb820c108-label\" class=\"forminator-label\">Consent <span class=\"forminator-required\">*<\/span><\/label><div class=\"forminator-checkbox__wrapper\"><label id=\"forminator-field-consent-1_6ac0bb820c108__label\" class=\"forminator-checkbox forminator-consent\"><input type=\"checkbox\" name=\"consent-1\" id=\"forminator-field-consent-1_6ac0bb820c108\" value=\"checked\" aria-labelledby=\"forminator-field-consent-1_6ac0bb820c108-label\" aria-describedby=\"forminator-field-consent-1_6ac0bb820c108__description\" data-required=\"true\" aria-required=\"true\" \/><span class=\"forminator-checkbox-box\" aria-hidden=\"true\"><\/span><\/label><div id=\"forminator-field-consent-1_6ac0bb820c108__description\" class=\"forminator-checkbox__label forminator-consent__label\"><p>I accept that my information will be used to contact me in connection with my request.<\/p><\/div><\/div><\/div><\/div><\/div><div class=\"forminator-row forminator-hidden\"><div id=\"hidden-1\" class=\"forminator-field-hidden  forminator-col-12\"><input type=\"hidden\" id=\"hidden-1_6ac0bb820c108\" name=\"hidden-1\" value=\"https:\/\/agencewebrusek.com\/en\/\" \/><\/div><\/div><input type=\"hidden\" name=\"referer_url\" value=\"\" \/><div class=\"forminator-row forminator-row-last\"><div class=\"forminator-col\"><div class=\"forminator-field\"><button class=\"forminator-button forminator-button-submit\">Send<\/button><\/div><\/div><\/div><input type=\"hidden\" id=\"forminator_nonce\" name=\"forminator_nonce\" value=\"427f0dac69\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1505\" \/><input type=\"hidden\" name=\"form_id\" value=\"1637\"><input type=\"hidden\" name=\"page_id\" value=\"1505\"><input type=\"hidden\" name=\"form_type\" value=\"default\"><input type=\"hidden\" name=\"current_url\" value=\"https:\/\/agencewebrusek.com\/en\/\"><input type=\"hidden\" name=\"render_id\" value=\"0\"><input type=\"hidden\" name=\"action\" value=\"forminator_submit_form_custom-forms\"><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/p>\n\n<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Agence web \u00b7 Paris &amp; toute la France Cr\u00e9ation de sites internet \u00e0 votre image. J\u2019accompagne les ind\u00e9pendants, artisans et PME \u00e0 construire une pr\u00e9sence professionnelle qui attire et convertit. Obtenir mon devis \u2192 R\u00e9alisations AWR Site vitrine La Consciente Web &amp; acquisition Delville Management E-commerce Mika\u00ebl de Poissy Thomas Rusek WEB \u00b7 SEO \u00b7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2082,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1505","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/thomas-rusek.webp",1080,1080,false],"thumbnail":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/thomas-rusek-150x150.webp",150,150,true],"medium":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/thomas-rusek-300x300.webp",300,300,true],"medium_large":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/thomas-rusek-768x768.webp",768,768,true],"large":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/thomas-rusek-1024x1024.webp",800,800,true],"1536x1536":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/thomas-rusek.webp",1080,1080,false],"2048x2048":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/thomas-rusek.webp",1080,1080,false],"trp-custom-language-flag":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/thomas-rusek.webp",12,12,false]},"uagb_author_info":{"display_name":"thomas.rusek.chamant@gmail.com","author_link":"https:\/\/agencewebrusek.com\/en\/author\/thomas-rusek-chamantgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Agence web \u00b7 Paris &amp; toute la France Cr\u00e9ation de sites internet \u00e0 votre image. J\u2019accompagne les ind\u00e9pendants, artisans et PME \u00e0 construire une pr\u00e9sence professionnelle qui attire et convertit. Obtenir mon devis \u2192 R\u00e9alisations AWR Site vitrine La Consciente Web &amp; acquisition Delville Management E-commerce Mika\u00ebl de Poissy Thomas Rusek WEB \u00b7 SEO \u00b7&hellip;","_links":{"self":[{"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/pages\/1505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/comments?post=1505"}],"version-history":[{"count":137,"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/pages\/1505\/revisions"}],"predecessor-version":[{"id":2203,"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/pages\/1505\/revisions\/2203"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/media\/2082"}],"wp:attachment":[{"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/media?parent=1505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}