PageSourceSearch

https://carmengraph.com/carmengraph-en

html carmengraph.com collected 2026-10-02 01:25:01 UTC 24,107 bytes, 303 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-en</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="Carmengraph-en.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    <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">
29    
29<script type="application/ld+json">{
30		"@context": "http://schema.org",
31		"@type": "Organization",
32		"name": "Carmengraph"
33}</script>
33
34    <meta name="theme-color" content="#478ac9">
35    <meta property="og:title" content="Carmengraph-en">
36    <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.">
37    <meta property="og:type" content="website">
38  <meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
39  <body 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">
40    <!-- Google Tag Manager (noscript) -->
41<noscript><iframe src="[https://www.googletagmanager.com/ns.html?id=GTM-KP373FQC](https://www.googletagmanager.com/ns.html?id=GTM-KP373FQC)"
42height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
43<!-- End Google Tag Manager (noscript) -->
44        <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">
45        <p class="u-text u-text-default u-text-grey-60 u-text-1">
46          <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>
47        </p>
48      </div></header>
49    <section class="u-clearfix u-palette-4-light-3 u-section-1" id="block-2">
50      <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">
51        <h1 class="u-custom-font u-text u-text-color-var u-text-default u-text-font u-text-1">Carmen Genest</h1>
52        <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
53          <div class="u-layout">
54            <div class="u-layout-row">
55              <div class="u-container-style u-layout-cell u-size-34 u-layout-cell-1">
56                <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">
57                  <h2 class="u-custom-font u-font-open-sans u-text u-text-color-var u-text-default u-text-2">I share my tools, my processes, and more than 30 years of experience in creation and communication
58<br><span style="font-weight: 400;"></span>
59                  </h2>
60                </div>
61              </div>
62              <div class="u-container-style u-layout-cell u-size-26 u-layout-cell-2">
63                <div class="u-container-layout u-valign-bottom u-container-layout-2">
64                  <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-d02f">
65                    <ol class="u-absolute-hcenter u-carousel-indicators u-carousel-indicators-1">
66                      <li data-u-target="#carousel-d02f" data-u-slide-to="0" class="u-active u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li>
67                      <li data-u-target="#carousel-d02f" data-u-slide-to="1" class="u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li>
68                      <li data-u-target="#carousel-d02f" data-u-slide-to="2" class="u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li>
69                      <li data-u-target="#carousel-d02f" data-u-slide-to="3" class="u-grey-70 u-shape-circle" style="width: 10px; height: 10px;"></li>
70                    </ol>
71                    <div class="u-carousel-inner u-gallery-inner u-gallery-inner-1" role="listbox">
72                      <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">
73                        <div class="u-back-slide">
74                          <img class="u-back-image u-expanded" src="images/4guides2023.png" alt="Catalogs">
75                        </div>
76                        <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-1">
77                          <h3 class="u-gallery-heading">Catalogs</h3>
78                          <p class="u-gallery-text">Printed, Web</p>
79                        </div>
80                        <style data-mode="XL"></style>
81                        <style data-mode="LG"></style>
82                        <style data-mode="MD"></style>
83                        <style data-mode="SM"></style>
84                        <style data-mode="XS"></style>
85                      </div>
86                      <div class="u-carousel-item u-effect-fade u-effect-hover-zoom u-gallery-item u-carousel-item-2">
87                        <div class="u-back-slide" data-image-width="2200" data-image-height="1467">
88                          <img class="u-back-image u-expanded" src="images/Photopea_Smartphone_on_White_Backgroun
88d_Mockup.png">
89                        </div>
90                        <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-2">
91                          <h3 class="u-gallery-heading">Carrousels</h3>
92                          <p class="u-gallery-text">Social medias</p>
93                        </div>
94                      </div>
95                      <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">
96                        <div class="u-back-slide">
97                          <img class="u-back-image u-expanded" src="images/67b831109340577.5fd175c585ec1_crop.png" alt="Brochures">
98                        </div>
99                        <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-3">
100                          <h3 class="u-gallery-heading">Brochures</h3>
101                          <p class="u-gallery-text">-</p>
102                        </div>
103                        <style data-mode="XL"></style>
104                        <style data-mode="LG"></style>
105                        <style data-mode="MD"></style>
106                        <style data-mode="SM"></style>
107                        <style data-mode="XS"></style>
108                      </div>
109                      <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">
110                        <div class="u-back-slide">
111                          <img class="u-back-image u-expanded" src="images/Rhetech-ca2025.jpg" alt="Website">
112                        </div>
113                        <div class="u-align-center u-over-slide u-shading u-valign-bottom u-over-slide-4">
114                          <h3 class="u-gallery-heading">Website</h3>
115                          <p class="u-gallery-text">Wordpress, HTML, CSS</p>
116                        </div>
117                        <style data-mode="XL"></style>
118                        <style data-mode="LG"></style>
119                        <style data-mode="MD"></style>
120                        <style data-mode="SM"></style>
121                        <style data-mode="XS"></style>
122                      </div>
123                    </div>
124                    <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-d02f" role="button" data-u-slide="prev"><span aria-hidden="true">
125                        <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
126c12.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
127c-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">
128                        <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
129c12.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
130c-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>
131                    </a>
132                    <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-d02f" role="button" data-u-slide="next"><span aria-hidden="true">
133                        <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
134L278.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
135c6.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">
136                        <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
137L278.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
138c6.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>
139                    </a>
140                  </div>
141                </div>
142              </div>
143            </div>
144          </div>
145        </div>
146      </div>
147    </section>
148    <section class="u-clearfix u-color-var u-section-2" id="block-8">
149      <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">
150        <h3 class="u-align-center u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-1"> Example Projects</h3>
151        <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
152          <div class="u-layout" style="">
153            <div class="u-layout-row" style="">
154              <div class="u-container-style u-layout-cell u-size-20 u-layout-cell-1">
155                <div class="u-container-layout u-container-layout-1">
156                  <h4 class="u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-2">Social media Posts</h4>
157                  <ul class="u-text u-text-color-var u-text-3">
158                    <li> Carousels or Static Images<br> Reel or Short Animated Video (simple editing)
159                    </li>
160                    <li>Optimized Post (text + hashtags)</li>
161                  </ul>
162                </div>
163              </div>
164              <div class="u-container-style u-layout-cell u-size-20 u-layout-cell-2">
165                <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">
166                  <h4 class="u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-4">Documents &amp; Layout</h4>
167                  <ul class="u-text u-text-color-var u-text-5">
168                    <li> Professional layout of a report, brochure, or newsletter</li>
169                    <li>Conversion into a print‑ready or shareable PDF</li>
170                  </ul>
171                </div>
172              </div>
173              <div class="u-container-style u-layout-cell u-size-20 u-layout-cell-3">
174                <div class="u-container-layout u-valign-top u-container-layout-3">
175                  <h4 class="u-custom-font u-font-open-sans u-text u-text-custom-color-1 u-text-6">website or landing page </h4>
176                  <ul class="u-text u-text-color-var u-text-7">
177                    <li> WordPress site</li>
178                    <li>Responsive design</li>
179                    <li>Tools selected according to your needs</li>
180                    <li>Guidance and training</li>
181                  </ul>
182                </div>
183              </div>
184            </div>
185          </div>
186        </div>
187      </div>
188    </section>
189    <section class="u-clearfix u-color-var u-section-3" id="block-7">
190      <div class="u-clearfix u-sheet u-sheet-1">
191        <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
192          <div class="u-layout">
193            <div class="u-layout-row">
194              <div class="u-container-style u-layout-cell u-size-30 u-layout-cell-1">
195                <div class="u-container-layout u-container-layout-1">
196                  <h2 class="u-custom-font u-font-open-sans u-text u-text-color-var u-text-1">
196My ​Background</h2>
197                  <ul class="u-text u-text-color-var u-text-2">
198                    <li> Education in desktop publishing: design and layout</li>
199                    <li>Freelance creative work alongside office jobs: visuals, websites, etc.</li>
200                    <li>Marketing Coordinator: full‑time for the past 15 years</li>
201                    <li>Today: content creator</li>
202                  </ul>
203                </div>
204              </div>
205              <div class="u-container-align-center u-container-style u-layout-cell u-size-30 u-layout-cell-2">
206                <div class="u-container-layout u-container-layout-2">
207                  <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">
208                </div>
209              </div>
210            </div>
211          </div>
212        </div>
213        <div class="u-absolute-hcenter u-align-center u-border-3 u-border-color-var u-line u-line-horizontal u-line-1"></div>
214      </div>
215    </section>
216    <section class="u-align-center u-clearfix u-container-align-center u-section-4" id="block-5">
217      <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">
218        <div class="u-align-center u-border-3 u-border-color-var u-line u-line-horizontal u-line-1"></div>
219        <p class="u-align-center u-text u-text-grey-70 u-text-1"> Visit my portfolio on Behance, follow me on social medias, or check out my blog</p>
220        <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
221          <div class="u-layout">
222            <div class="u-layout-row">
223              <div class="u-container-style u-layout-cell u-size-10 u-layout-cell-1">
224                <div class="u-container-layout u-container-layout-1">
225                  <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="My Behance profile" data-href="https://www.behance.net/carmengraph" data-target="_blank">
226                </div>
227              </div>
228              <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-2">
229                <div class="u-container-layout u-container-layout-2">
230                  <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="My LinkedIn profile" data-target="_blank">
231                </div>
232              </div>
233              <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-3">
234                <div class="u-container-layout u-container-layout-3">
235                  <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="My facebook page" data-target="_blank">
236                </div>
237              </div>
238              <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-4">
239                <div class="u-container-layout u-container-layout-4">
240                  <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="My Instagram profile" data-target="_blank">
241                </div>
242              </div>
243              <div class="u-container-align-center u-container-style u-layout-cell u-size-10 u-layout-cell-5">
244                <div class="u-container-layout u-container-layout-5">
245                  <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 blog (Substack)" data-target="_blank">
246                </div>
247              </div>
248              <div class="cell-temp-clone u-container-style u-layout-cell u-size-10 u-layout-cell-6">
249                <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="Contact me"><img src="images/646135-4a7696b1.png" alt=""></span>
250                </div>
251              </div>
252            </div>
253          </div>
254        </div>
255        <div class="u-absolute-hcenter u-align-center u-border-3 u-border-color-var u-line u-line-horizontal u-line-2"></div>
256      </div>
257    </section>
258    <section class="u-clearfix u-section-5" id="block-1">
259      <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">
260        <h3 class="u-align-center u-custom-font u-font-open-sans u-text u-text-color-var u-text-1">
260 Creativity runs in the family</h3>
261        <div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
262          <div class="u-gutter-0 u-layout" style="">
263            <div class="u-layout-col" style="">
264              <div class="u-size-60">
265                <div class="u-layout-row">
266                  <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">
267                    <div class="u-container-layout u-container-layout-1">
268                      <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">
269                      <h4 class="u-align-center u-text u-text-color-var u-text-default u-text-2">
270                        <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"> Ahab's Art</a>
271                      </h4>
272                    </div>
273                  </div>
274                  <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">
275                    <div class="u-container-layout u-container-layout-2">
276                      <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">
277                      <h4 class="u-align-center u-text u-text-default u-text-3">
278                        <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">Fantastic Art</a>
279                      </h4>
280                    </div>
281                  </div>
282                  <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">
283                    <div class="u-container-layout u-valign-bottom-lg u-valign-bottom-md u-valign-bottom-sm u-valign-bottom-xs u-container-layout-3">
284                      <img class="u-border-2 u-border-color-var 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">
285                      <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>
286                    </div>
287                  </div>
288                </div>
289              </div>
290            </div>
291          </div>
292        </div>
293      </div>
294    </section>
295    
296    
297    
298    <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">
299        <p class="u-small-text u-text u-text-body-alt-color u-text-variant u-text-1"> © 2025 –&nbsp;Carmengra​ph</p>
300      </div></footer>
301    <section class="u-backlink u-clearfix u-grey-80"></section>
302  
303</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.