PageSourceSearch

https://carmengraph.com/

html carmengraph.com collected 2026-10-02 01:25:00 UTC 24,994 bytes, 323 lines download raw bytes

1<!DOCTYPE html>
2<html style="font-size: 16px;" lang="fr-CA"><head>
3    <meta name="viewport" content="width=device-width, initial-scale=1.0">
4    <meta charset="utf-8">
5    <meta name="keywords" content="Carmen Genest, graphiste Québec, design web, design imprimé, médias sociaux, mise en page, création visuelle, marketing par courriel, PDF, présentations, Canva, WordPress, HTML, CSS, Google Forms, Word, PowerPoint ">
6    <meta name="description" content="Graphiste +30 ans: conception et mise en page de documents imprimés, création web adaptée aux tendances actuelles, médias sociaux, emailing, PDF interactifs et sondages.">
7    <title>Carmengraph</title>
8    <!-- Google Tag Manager -->
9<script>
vendor: 327 bytes, lines 9-13
9(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
10new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
11j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
12'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
13})(window,document,'script','dataLayer','
13GTM-KP373FQC
vendor: 3 bytes, line 13
13');
13</script>
13
14<!-- End Google Tag Manager -->
15    <link rel="stylesheet" href="nicepage.css" media="screen">
16<link rel="stylesheet" href="index.css" media="screen">
17    
17<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
17
18    
18<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
18
19    <meta name="generator" content="Nicepage 8.0.6, nicepage.com">
20    <link rel="icon" href="images/favicon.png">
21    
22    
23    
24    
25    
26    
27    
28    
29    
30    <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&amp;family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800">
31    
31<script type="application/ld+json">{
32		"@context": "http://schema.org",
33		"@type": "Organization",
34		"name": "Carmengraph"
35}</script>
35
36    <meta name="theme-color" content="#478ac9">
37    <meta property="og:title" content="Carmengraph">
38    <meta property="og:description" content="Graphiste +30 ans: conception et mise en page de documents imprimés, création web adaptée aux tendances actuelles, médias sociaux, emailing, PDF interactifs et sondages.">
39    <meta property="og:type" content="website">
40  <meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
41  <body data-home-page="Carmengraph.html" data-home-page-title="Carmengraph" data-path-to-root="./" data-include-products="false" class="u-body u-clearfix u-palette-4-light-3 u-xl-mode" data-lang="fr"><header class="u-clearfix u-header u-image u-header" id="header" data-image-width="1400" data-image-height="350"><div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
42    <!-- Google Tag Manager (noscript) -->
43<noscript><iframe src="[https://www.googletagmanager.com/ns.html?id=GTM-KP373FQC](https://www.googletagmanager.com/ns.html?id=GTM-KP373FQC)"
44height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
45<!-- End Google Tag Manager (noscript) -->
46        <img class="u-image u-image-contain u-image-default u-image-1" src="images/logogcat1.png" alt="" data-image-width="550" data-image-height="527" title="Logo CarmenGraph">
47        <p class="u-text u-text-default u-text-grey-60 u-text-1">
48          <a href="./" data-page-id="211035311" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-custom-color-1 u-btn-1" title="Carmengraph">FR</a> | <a class='u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-custom-color-1 u-btn-2' data-page-id='248997982' href='/carmengraph-en' title='Carmengraph-en'>EN</a>
49        </p>
50      </div></header>
51    <section class="u-clearfix u-palette-4-light-3 u-section-1" id="block-2">
52      <div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
53        <h1 class="u-custom-font u-text u-text-color-var u-text-default u-text-font u-text-1">Carmen Genest</h1>
54        <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
55          <div class="u-layout">
56            <div class="u-layout-row">
57              <div class="u-container-style u-layout-cell u-size-34 u-layout-cell-1">
58                <div class="u-container-layout u-valign-top-lg u-valign-top-md u-valign-top-sm u-valign-top-xs u-container-layout-1">
59                  <h2 class="u-custom-font u-font-open-sans u-text u-text-color-var u-text-default u-text-2"> Je partage mes outils, mes processus et mon expérience de plus de 30 ans en création et en communication<br><span style="font-weight: 400;"></span>
60                  </h2>
61                  </div>
62              </div>
63              <div class="u-container-style u-layout-cell u-size-26 u-layout-cell-2">
64                <div class="u-container-layout u-valign-bottom u-container-layout-2">
65                  <div class="u-carousel u-carousel-duration-250 u-expanded-width u-gallery u-gallery-slider u-layout-carousel u-no-transition u-show-text-on-hover u-gallery-1" data-interval="5000" data-u-ride="carousel" id="carousel-ce7a">
66                    <ol class="u-absolute-hcenter u-carousel-indicators u-carousel-indicators-1">
67                      <li data-u-target="#carousel-ce7a" data-u-slide-to="0" class="u-active u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li>
68                      <li data-u-target="#carousel-ce7a" data-u-slide-to="1" class="u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li>
69                      <li data-u-target="#carousel-ce7a" data-u-slide-to="2" class="u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li>
70                      <li data-u-target="#carousel-ce7a" data-u-slide-to="3" class="u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li>
71                    </ol>
72                    <div class="u-carousel-inner u-gallery-inner u-gallery-inner-1" role="listbox">
73                      <div class="u-active u-carousel-item u-effect-fade u-effect-hover-zoom u-gallery-item u-carousel-item-1" data-image-width="1275" data-image-height="1188">
74                        <div class="u-back-slide">
75                          <img class="u-back-image u-expanded" src="images/4guides2023.png" alt="Catalogues">
76                        </div>
77                        <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-1">
78                          <h3 class="u-gallery-heading">Catalogues</h3>
79                          <p class="u-gallery-text">Imprimé, Web</p>
80                        </div>
81                        <style data-mode="XL"></style>
82                        <style data-mode="LG"></style>
83                        <style data-mode="MD"></style>
84                        <style data-mode="SM"></style>
85                        <style data-mode="XS"></style>
86                      </div>
87                      <div class="u-carousel-item u-effect-fade u-effect-hover-zoom u-gallery-item u-carousel-item-2">
88                        <div class="u-back-slide" data-image-width="2200" data-image-height="1467">
89                          <img class="u-back-image u-expanded" src="images/Photopea_Smartphone_on_White_Backgroun
89d_Mockup.png">
90                        </div>
91                        <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-2">
92                          <h3 class="u-gallery-heading">Carrousels</h3>
93                          <p class="u-gallery-text">Réseaux sociaux</p>
94                        </div>
95                      </div>
96                      <div class="u-carousel-item u-effect-fade u-effect-hover-zoom u-gallery-item u-carousel-item-3" data-image-width="1200" data-image-height="1200">
97                        <div class="u-back-slide">
98                          <img class="u-back-image u-expanded" src="images/67b831109340577.5fd175c585ec1_crop.png" alt="Brochures">
99                        </div>
100                        <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-3">
101                          <h3 class="u-gallery-heading">Brochures</h3>
102                          <p class="u-gallery-text">-</p>
103                        </div>
104                        <style data-mode="XL"></style>
105                        <style data-mode="LG"></style>
106                        <style data-mode="MD"></style>
107                        <style data-mode="SM"></style>
108                        <style data-mode="XS"></style>
109                      </div>
110                      <div class="u-carousel-item u-effect-fade u-effect-hover-zoom u-gallery-item u-carousel-item-4" data-image-width="1321" data-image-height="809">
111                        <div class="u-back-slide">
112                          <img class="u-back-image u-expanded" src="images/Rhetech-ca2025.jpg" alt="Site internet">
113                        </div>
114                        <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-4">
115                          <h3 class="u-gallery-heading">Site internet</h3>
116                          <p class="u-gallery-text">Wordpress, HTML, CSS</p>
117                        </div>
118                        <style data-mode="XL"></style>
119                        <style data-mode="LG"></style>
120                        <style data-mode="MD"></style>
121                        <style data-mode="SM"></style>
122                        <style data-mode="XS"></style>
123                      </div>
124                    </div>
125                    <a class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-1" href="#carousel-ce7a" role="button" data-u-slide="prev"><span aria-hidden="true">
126                        <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
127c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
128c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg></span><span class="sr-only">
129                        <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
130c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
131c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg></span>
132                    </a>
133                    <a class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-carousel-control-2" href="#carousel-ce7a" role="button" data-u-slide="next"><span aria-hidden="true">
134                        <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
135L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
136c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg></span><span class="sr-only">
137                        <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
138L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
139c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg></span>
140                    </a>
141                  </div>
142                </div>
143              </div>
144            </div>
145          </div>
146        </div>
147      </div>
148    </section>
149    <section class="u-clearfix u-color-var u-section-2" id="block-8">
150      <div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
151        <h3 class="u-align-center u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-1">Exemples de projets</h3>
152        <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
153          <div class="u-layout" style="">
154            <div class="u-layout-row" style="">
155              <div class="u-container-style u-layout-cell u-size-20 u-layout-cell-1">
156                <div class="u-container-layout u-container-layout-1">
157                  <h4 class="u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-2">Posts réseaux sociaux</h4>
158                  <ul class="u-text u-text-color-var u-text-3">
159                    <li>Carrousels ou&nbsp;images statiques</li>
160                    <li>Reels ou courtes vidéos animées (montages simples)</li>
161                    <li>Publications optimisées (texte + hashtags)</li>
162                  </ul>
163                </div>
164              </div>
165              <div class="u-container-style u-layout-cell u-size-20 u-layout-cell-2">
166                <div class="u-container-layout u-valign-top-lg u-valign-top-md u-valign-top-sm u-valign-top-xs u-container-layout-2">
167                  <h4 class="u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-4">Documents et éditique</h4>
168                  <ul class="u-text u-text-color-var u-text-5">
169                    <li> Mise en page professionnelle de rapports, brochures ou infolettres</li>
170                    <li>Conversion en PDF prêt à imprimer ou diffuser<br>
171                    </li>
172                  </ul>
173                </div>
174              </div>
175              <div class="u-container-style u-layout-cell u-size-20 u-layout-cell-3">
176                <div class="u-container-layout u-valign-top u-container-layout-3">
177                  <h4 class="u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-6">Sites web ou landing pages </h4>
178                  <ul class="u-text u-text-color-var u-text-7">
179                    <li> Site Wordpress&nbsp;<span style="--text-color-var: #4d4d4d;"></span>
180                    </li>
181                    <li>Design responsive&nbsp;<br>
182                    </li>
183                    <li>Outils choisis selon les besoins<br>
184                    </li>
185                    <li>Accompagnement et formation</li>
186                  </ul>
187                </div>
188              </div>
189            </div>
190          </div>
191        </div>
192      </div>
193    </section>
194    <section class="u-clearfix u-color-var u-section-4" id="block-6">
195      <div class="u-clearfix u-sheet u-valign-bottom-lg u-valign-bottom-md u-valign-bottom-sm u-valign-bottom-xs u-sheet-1">
196              </div>
197            </div>
198          </div>
199        </div>
200                  <div style="text-align: center;">
201  <a href="https://carmengraph.com/zines"
202     class="u-align-center u-border-none u-btn u-btn-round u-button-style u-custom-color-1 u-hover-custom-color-3 u-radius u-btn-1"
203     style="display: inline-block;">
204     📥 Téléchargez mes mini-zines
205  </a>
206</div>
207                  </div>
208    </section>
209    <section class="u-clearfix u-color-var u-section-5" id="block-7">
210      <div class="u-clearfix u-sheet u-sheet-1">
211        <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
212          <div class="u-layout">
213            <div class="u-layout-row">
214              <div class="u-container-style u-layout-cell u-size-30 u-layout-cell-1">
215                <div class="u-container-layout u-container-layout-1">
216                  <h2 class="u-custom-font u-font-open-sans u-text u-text-color-var u-text-1">Mon parcours
217                  </h2>
218                  <ul class="u-text u-text-color-var u-text-2">
219                    <li>Formation en éditique : conception et mise en page</li>
220                    <li>Pige créative&nbsp;en dehors du travail : visuels, sites web, etc.&nbsp;</li>
221                    <li>Coordonnatrice Marketing : depuis 15 ans</li>
222                    <li>Aujourd'hui : créatrice de contenu</li>
223                  </ul>
224                </div>
225              </div>
226              <div class="u-container-align-center u-container-style u-layout-cell u-size-30 u-layout-cell-2">
227                <div class="u-container-layout u-container-layout-2">
228                  <img class="u-image u-image-circle u-opacity u-opacity-80 u-image-1" src="images/carmenenpleintravail.png" alt="" data-image-width="864" data-image-height="1184">
229                </div>
230              </div>
231            </div>
232          </div>
233        </div>
234        <div class="u-absolute-hcenter u-align-center u-border-3 u-border-color-var u-line u-line-horizontal u-line-1"></div>
235      </div>
236    </section>
237    <section class="u-align-center u-clearfix u-container-align-center u-section-6" id="block-5">
238      <div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
239        <div class="u-align-center u-border-3 u-border-color-var u-line u-line-horizontal u-line-1"></div>
240        <p class="u-align-center u-text u-text-grey-70 u-text-1">Visitez mon portfolio sur Behance, suivez-moi sur les réseaux sociaux, sur mon blogue ou écrivez-moi. </p>
241        <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
242          <div class="u-layout">
243            <div class="u-layout-row">
244              <div class="u-container-style u-layout-cell u-size-10 u-layout-cell-1">
245                <div class="u-container-layout u-container-layout-1">
246                  <img class="u-image u-image-default u-preserve-proportions u-image-1" src="images/Duckblue_behance_business_creative_online_portfolio_icon.png" alt="" data-image-width="512" data-image-height="512" title="Mon profil Behance" data-href="https://www.behance.net/carmengraph" data-target="_blank">
247                </div>
248              </div>
249              <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-2">
250                <div class="u-container-layout u-container-layout-2">
251                  <img class="u-image u-image-default u-preserve-proportions u-image-2" src="images/Duckblue_linkedin_network_linkedinlogo_icon.png" alt="" data-image-width="512" data-image-height="512" data-href="https://www.linkedin.com/in/carmengraph/" title="Mon profil LinkedIn" data-target="_blank">
252                </div>
253              </div>
254              <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-3">
255                <div class="u-container-layout u-container-layout-3">
256                  <img class="u-image u-image-contain u-image-default u-preserve-proportions u-image-3" src="images/Duckblue_facebook_icon.png" alt="" data-image-width="256" data-image-height="256" data-href="https://www.facebook.com/carmengraph" title="Ma page facebook" data-target="_blank">
257                </div>
258              </div>
259              <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-4">
260                <div class="u-container-layout u-container-layout-4">
261                  <img class="u-image u-image-contain u-image-default u-preserve-proportions u-image-4" src="images/Duckblue_instagram_icon.png" alt="" data-image-width="512" data-image-height="512" data-href="https://www.instagram.com/carmengraphe/" title="Mon profil Instagram" data-target="_blank">
262                </div>
263              </div>
264              <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-5">
265                <div class="u-container-layout u-container-layout-5">
266                  <img class="u-image u-image-default u-preserve-proportions u-image-5" src="images/Duckblue_substack_icon.png" alt="" data-image-width="512" data-image-height="512" data-href="https://carmengraph.substack.com/" title="Carmen blogue (Substack)" data-target="_blank">
267                </div>
268              </div>
269              <div class="cell-temp-clone u-container-style u-layout-cell u-size-10 u-layout-cell-6">
270                <div class="u-container-layout u-container-layout-6"><span class="u-file-icon u-icon u-text-palette-1-base u-icon-1" data-target="_blank" data-href="mailto:&#099;&#097;&#114;&#109;&#101;&#110;&#103;&#114;&#097;&#112;&#104;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;" title="Écrivez-moi"><img src="images/646135-4a7696b1.png" alt=""></span>
271                </div>
272              </div>
273            </div>
274          </div>
275        </div>
276        <div class="u-absolute-hcenter u-align-center u-border-3 u-border-color-var u-line u-line-horizontal u-line-2"></div>
277      </div>
278    </section>
279    <section class="u-clearfix u-section-7" id="block-1">
280      <div class="u-clearfix u-sheet u-valign-top-lg u-valign-top-md u-valign-top-sm u-valign-top-xs u-sheet-1">
281        <h3 class="u-align-center u-custom-font u-font-open-sans u-text u-text-color-var u-text-1"> La créativité, c'est de famille</h3>
282        <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
283          <div class="u-gutter-0 u-layout" style="">
284            <div class="u-layout-col" style="">
285              <div class="u-size-60">
286                <div class="u-layout-row">
287                  <div class="u-container-align-center u-container-style u-layout-cell u-size-20 u-layout-cell-1" data-href="https://sites.google.com/view/ahab-art/" data-target="_blank">
288                    <div class="u-container-layout u-container-layout-1">
289                      <img class="u-image u-image-circle u-preserve-proportions u-image-1" src="images/ahabweb_1500.jpg" alt="" data-image-width="1508" data-image-height="1508" title="Claude Genest" data-href="https://sites.google.com/view/ahab-art/" data-target="_blank">
290                      <h4 class="u-align-center u-text u-text-color-var u-text-default u-text-2">
291                        <a href="https://sites.google.com/view/ahab-art/" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-custom-color-1 u-btn-1"> L'Art de Ahab</a>
292                      </h4>
293                    </div>
294                  </div>
295                  <div class="u-container-align-center u-container-style u-layout-cell u-shape-rectangle u-size-20 u-layout-cell-2" data-href="https://sites.google.com/view/fantart/accueil" data-target="_blank">
296                    <div class="u-container-layout u-container-layout-2">
297                      <img class="u-image u-image-circle u-preserve-proportions u-image-2" src="images/fantartweb_1500.jpg" alt="" data-image-width="1508" data-image-height="1508" title="Tony Genest" data-href="https://sites.google.com/view/fantart/accueil" data-target="_blank">
298                      <h4 class="u-align-center u-text u-text-default u-text-3">
299                        <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-custom-color-1 u-btn-2" href="https://sites.google.com/view/fantart/accueil" target="_blank">Art fantastique</a>
300                      </h4>
301                    </div>
302                  </div>
303                  <div class="u-container-style u-layout-cell u-shape-rectangle u-size-20 u-layout-cell-3" data-href="https://www.mnbart.com/" data-target="_blank">
304                    <div class="u-container-layout u-valign-bottom-lg u-valign-bottom-md u-valign-bottom-sm 
304u-valign-bottom-xs u-container-layout-3">
305                      <img class="u-image u-image-circle u-preserve-proportions u-image-3" src="images/manoue2020_1500.jpg" alt="" data-image-width="1508" data-image-height="1508" title="Marie-Noël Bouillé" data-href="https://www.artblr.com/marienoelart/fr" data-target="_blank">
306                      <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-custom-color-1 u-btn-3" href="https://sites.google.com/view/fantart/accueil" target="_blank"> Marie-Noël Bouillé</a>
307                    </div>
308                  </div>
309                </div>
310              </div>
311            </div>
312          </div>
313        </div>
314      </div>
315    </section>
316    
317    
318    
319    <footer class="u-align-center u-clearfix u-color-var u-container-align-center u-footer u-footer" id="footer"><div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
320        <p class="u-small-text u-text u-text-body-alt-color u-text-variant u-text-1"> © 2025 –&nbsp;Carmengra​ph</p>
321      </div></footer>
322      
323</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.