https://www.muttigalleryonline.com/contact/

1<!DOCTYPE html>
2<html lang="fr" id="">
3<head>
4
5    
6
7    
8    <title>Contact - Soraya mutti&#39;s gallery online</title>
9    
10
11    
12
13    
14    <meta http-equiv="content-language" content="fr">
15    
16
17    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
18    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
19    <link rel="shortcut icon" href="https://media.journoportfolio.com/users/411080/favicons/52ff07e1-b92c-4f09-8546-4b55af41d724.png">
20    <meta name="twitter:card" content="summary">
21    <meta content="Soraya mutti&#39;s gallery online" property="og:site_name">
22    <meta property="og:type" content="website">
23    <link rel="preconnect" href="https://media.journoportfolio.com">
24
25    
26
27    
28    <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml" />
29    
30    
31    
32
33    <base href="/">
34    <meta content="Soraya mutti&#39;s gallery online" name="author">
35
36    
37    <meta prefix="og: http://ogp.me/ns#" property="og:title" content="Contact - Soraya mutti&#39;s gallery online">
38    <meta content="Contact - Soraya mutti&#39;s gallery online" name="twitter:title" property="og:title">
39    <meta prefix="og: http://ogp.me/ns#" property="og:description" content="">
40    
41
42
43    
44    <link rel="canonical" href="https://www.muttigalleryonline.com/contact/">
45    <meta content="" name="twitter:description" property="og:description">
46    <meta content="https://www.muttigalleryonline.com/contact/" name="twitter:url" property="og:url">
47    <meta content="" name="description">
48    
49
50    
51
52    
53        
54            
55        <meta prefix="og: http://ogp.me/ns#" property="og:image" content="https://media.journoportfolio.com/users/411080/images/profiles/48c1143b-371f-4cc9-927b-010625b96b61.jpg">
56        <meta content="https://media.journoportfolio.com/users/411080/images/profiles/48c1143b-371f-4cc9-927b-010625b96b61.jpg" name="twitter:image" property="og:image">
57            
58        
59    
60
61    <link rel="alternate" type="application/rss+xml" title="Soraya mutti&#39;s gallery online" href="/rss.xml">
62
63    
64
65    <style id="temp-styles">
66      #app,.jp-column-mount,.jp-block-mount,.jp-section-mount { display: none; }
67    </style>
68
69    
70
71    
72
73    
74    <link href="/styles.css" rel="stylesheet">
75    
76
77    

77<script type="text/javascript" src="/scripts.js"></script>

77
78
79    
80</head>
81<body  data-global-block-id="8322961" id="" data-transparent-header="false" data-button-style-hover="slide-up" data-animation-style="fade-in">
82
83  <svg id="icon-defs" version="2.0" style="display: none">
84    <defs>
85
86      <symbol id="cart-icon" viewBox="0,-960,960,960">
87        <g transform="translate(0,250)">
88          <path d="M286.788-81Q257-81 236-102.212q-21-21.213-21-51Q215-183 236.212-204q21.213-21 51-21Q317-225 338-203.788q21 21.213 21 51Q359-123 337.788-102q-21.213 21-51 21Zm400 0Q657-81 636-102.212q-21-21.213-21-51Q615-183 636.212-204q21.213-21 51-21Q717-225 738-203.788q21 21.213 21 51Q759-123 737.788-102q-21.213 21-51 21ZM235-741l110 228h288l125-228H235Zm-30-60h589.074q22.964 0 34.945 21Q841-759 829-738L694-495q-11 19-28.559 30.5Q647.881-453 627-453H324l-56 104h491v60H277q-42 0-60.5-28t.5-63l64-118-152-322H51v-60h117l37 79Zm140 288h288-288Z" />
89        </g>
90      </symbol>
91
92    
93      
94    
95    </defs>
96  </svg>
97
98    
99
100    
101    <div
102    class="block block--block-element block-navigation" 
103    data-definition-name="Navigation"
104    data-definition-type="navigation"
105    data-id="8322970"
106    data-order="0"
107    id="block-8322970"
108    
109>
110  
111<style>
112:root {
113--header-height: 80px;
114}
115
116body .page {padding-top: var(--header-height);}
117/*body .page .content .section { min-height: calc(var(--jp-section-min-height) - var(--header-height)); }*/
118
119body[data-transparent-header=true]:not(.scrolled) .header { background: transparent; }
120body[data-transparent-header=true]:not(.scrolled) .header .menu ul > li > a{ background: transparent !important; }
121body[data-transparent-header=true]:not(.scrolled) .header .menu ul > li { background: transparent !important; }
122
123body[data-transparent-header=true] .page{padding-top: 0;}
124body[data-transparent-header=true] .page .content .section:first-child > .img-credit {display: none;} 
125body[data-transparent-header=true] .page .content .section:first-child .jp-section-mount .jp-divider-add--top {top: calc(var(--header-height) - 15px);}
126body[data-transparent-header=true] .page .content .section:first-child .jp-section-mount .jp-toolbar--section {top: calc(var(--header-height) + 30px);}
127body[data-transparent-header=true] .page .content .section:first-child .jp-section-overlay-buttons {top: calc(var(--header-height) + 30px);}
128</style>
129
130  <div class="header nav-style--links height--large header--left ">
131      <div class="header__inner">
132
133
134      <div class="social-icons style-colour">
135      
136      
137      
138      </div>
139
140      <div class="logo">
141        
142          <a href="/" class="logo-img logo-img--full" data-portfolio-title><img src="https://media.journoportfolio.com/users/411080/images/477afc88-8226-43f9-a5a1-beb2b3a4c021.png"></a>
143        
144      </div>
145      <nav class="menu">
146
147          
148            <ul>
149              
150              <li><a  target="_self" class="" href="/">Home</a>
151
152              
153              </li>
154              
155              <li><a  target="_self" class="" href="/encore-plus-de-galeries-more-gallerys/">Les séries</a>
156
157              
158              <ul class="dropdown">
159                  
160                  <li data-pageid="1353113" data-name="Bestiaire insolite">
161                      <a  target="_self"  class="" href="/encore-plus-de-galeries-more-gallerys/gallery2/">Bestiaire insolite</a>
162                  </li>
163                  
164                  <li data-pageid="1374957" data-name="Le chant des sirenes">
165                      <a  target="_self"  class="" href="/encore-plus-de-galeries-more-gallerys/le-chant-des-sirenes/">Le chant des sirenes</a>
166                  </li>
167                  
168                  <li data-pageid="1339816" data-name="Histoires de cœur">
169                      <a  target="_self"  class="" href="/encore-plus-de-galeries-more-gallerys/articles/">Histoires de cœur</a>
170                  </li>
171                  
172                  <li data-pageid="1345644" data-name="Portraits crachés">
173                      <a  target="_self"  class="" href="/encore-plus-de-galeries-more-gallerys/my-work/">Portraits crachés</a>
174                  </li>
175                  
176                  <li data-pageid="1411614" data-name="Blanc &amp; noir">
177                      <a  target="_self"  class="" href="/encore-plus-de-galeries-more-gallerys/blanc-noir/">Blanc &amp; noir</a>
178                  </li>
179                  
180              </ul>
181              
182              </li>
183              
184              <li><a  target="_self" class="" href="/about/">About</a>
185
186              
187              <ul class="dropdown">
188                  
189                  <li data-pageid="1634110" data-name="Ma démarche créative tient à ce fil...">
190                      <a  target="_self"  class="" href="/about/ma-demarche-creative-tient-a-ce-fil/">Ma démarche créative tient à ce fil...</a>
191                  </li>
192                  
193              </ul>
194              
195              </li>
196              
197              <li><a  target="_self" class="" href="/contact/">Contact</a>
198
199              
200              </li>
201              
202            </ul>
203          
204
205          
206          
207          <div class="social-icons style-colour">
208          
209          
210          
211          </div>
212          
213          
214
215          
216          <div class="navicon">

217              <span class="lines"></span>
218          </div>
219          
220          
221          
222
223      </nav>
224  </div>
225  </div>
226
227  <div class="sidebar sidebar--left">
228      <div class="sidebar__inner">
229
230          <div class="menu-list">
231
232              
233              <a  target="_self" class="" href="/">Home</a>
234
235              
236              
237              <a  target="_self" class="" href="/encore-plus-de-galeries-more-gallerys/">Les séries</a>
238
239              
240              <ul class="dropdown">
241                  
242                  <li data-pageid="1353113" data-name="Bestiaire insolite">
243                      <a  target="_self"  class="" href="/encore-plus-de-galeries-more-gallerys/gallery2/">Bestiaire insolite</a>
244                  </li>
245                  
246                  <li data-pageid="1374957" data-name="Le chant des sirenes">
247                      <a  target="_self"  class="" href="/encore-plus-de-galeries-more-gallerys/le-chant-des-sirenes/">Le chant des sirenes</a>
248                  </li>
249                  
250                  <li data-pageid="1339816" data-name="Histoires de cœur">
251                      <a  target="_self"  class="" href="/encore-plus-de-galeries-more-gallerys/articles/">Histoires de cœur</a>
252                  </li>
253                  
254                  <li data-pageid="1345644" data-name="Portraits crachés">
255                      <a  target="_self"  class="" href="/encore-plus-de-galeries-more-gallerys/my-work/">Portraits crachés</a>
256                  </li>
257                  
258                  <li data-pageid="1411614" data-name="Blanc &amp; noir">
259                      <a  target="_self"  class="" href="/encore-plus-de-galeries-more-gallerys/blanc-noir/">Blanc &amp; noir</a>
260                  </li>
261                  
262              </ul>
263              
264              
265              <a  target="_self" class="" href="/about/">About</a>
266
267              
268              <ul class="dropdown">
269                  
270                  <li data-pageid="1634110" data-name="Ma démarche créative tient à ce fil...">
271                      <a  target="_self"  class="" href="/about/ma-demarche-creative-tient-a-ce-fil/">Ma démarche créative tient à ce fil...</a>
272                  </li>
273                  
274              </ul>
275              
276              
277              <a  target="_self" class="" href="/contact/">Contact</a>
278
279              
280              
281
282
283              
284                  <select data-language-picker data-path="/contact/">
285                    
286                    <option  value="en">English</option>
287                    
288                    <option selected value="fr">Français</option>
289                    
290                  </select>
291              
292
293          </div>
294
295      </div>
296  </div>
297
298
299    
300</div>
301    
302
303     <div class="page " id="page-1339819">
304  <div class="content" id="content">
305    
306      
307      
308
309<section class="section"  data-background-src="https://media.journoportfolio.com/users/411080/images/ad51e44e-0be6-49c2-a264-6ec9e7ab48ee.jpeg" style="background-position: 50% 50%;" data-order="1"  data-id="3121136" id="section-3121136">
310
311    
312
313    
314        
315    
316
317  <div class="section__content" data-layout-mode="normal">
318    
319        
320            <div class="column"  data-column="1">
321        
322              <div
323    class="block block--block-element block-image" 
324    data-definition-name="Image"
325    data-definition-type="generic"
326    data-id="8412866"
327    data-order="2"
328    id="block-8412866"
329    
330>
331  
332
333    <div class="wrapper animate-in width--custom blog-pull--none alignment--center crop-ratio--nocrop " >
334    
335    <div class="img-cropper" style="width: px;" >
336    
337    <div class="img-ratio" style="padding-top: 79.46428571428571%;">
338
339
340
341
342        
343
344
345        
346            <div class="overlay__inner">
347        
348            <div>
349          <h4></h4>
350          
351          </div>
352
353        
354            </div>
355        
356
357        
358
359        <img  style="object-position: 50% 50%;" data-src="https://media.journoportfolio.com/users/411080/images/763e4dea-4916-4be4-97a6-75c82926d27b.png">
360
361    </div>
362    </div>
363    
364        <div class="caption">Pomme de la discorde</div>
365    
366</div>
367
368
369
370    
371</div>
372        
373    </div>
374        
375    
376
377    
378
379  </div>
380</section>
381      
382    
383      
384      
385
386<section class="section"  data-background-src="" style="background-position: ;" data-order="2"  data-id="3700755" id="section-3700755">
387
388    
389
390    
391        
392    
393
394  <div class="section__content" data-layout-mode="normal">
395    
396        
397            <div class="column"  data-column="1">
398        
399              <div
400    class="block block--block-element block-map" 
401    data-definition-name="Map"
402    data-definition-type="generic"
403    data-id="9920490"
404    data-order="1"
405    id="block-9920490"
406    
407>
408  <div class="map-wrapper animate-in crop crop-ratio--square" data-zoom="2"  data-style="satellite-streets-v11" data-lat="48.8575475" data-lng="2.3513765">
409
410    <link href='https://api.mapbox.com/mapbox-gl-js/v2.1.1/mapbox-gl.css' rel='stylesheet' />
411    <div class="map"></div>
412</div>
413
414
415    
416</div>
417        
418    </div>
419        
420            <div class="column"  data-column="2">
421        
422              <div
423    class="block block--inline block-heading" 
424    data-definition-name="Heading"
425    data-definition-type="generic"
426    data-id="9920491"
427    data-order="1"
428    id="block-9920491"
429    
430>
431  <h2 data-alignment="center" class="heading animate-in">Contact </h2>
432
433
434    
435</div>
436        
437              <div
438    class="block block--inline block-text" 
439    data-definition-name="Text"
440    data-definition-type="generic"
441    data-id="9920492"
442    data-order="2"
443    id="block-9920492"
444    
445>
446  <section class="block-text" data-alignment="justify">
447    <div class="wrapper--small animate-in" data-richtext="content">
448        <p>Welcome ! you can contact me with the contact form here or with the details below:</p>
449<p><strong>Email: </strong>[email protected]</p>
450    </div>
451</section>
452
453
454    
455</div>
456        
457              <div
458    class="block block--inline block-contact-form" 
459    data-definition-name="Contact Form"
460    data-definition-type="generic"
461    data-id="9920493"
462    data-order="3"
463    id="block-9920493"
464    
465>
466  
467<div class="contact-form animate-in">
468
469    
470    <div class="button-wrapper">
471    <button class="button--medium open-contact-form">Contact Form</button>
472    </div>
473    
474
475    
476        <div class="content-modal" hidden>
477          <div class="content-modal__modal">
478            <button class="close">Fermer <span>&#10005;

478</span></button>
479            <div class="content-modal__content modal__content--contact">
480    
481
482    <div class="success-message">
483      <p>Message successfully sent!</p>
484    </div>
485
486    <form>
487
488      
489      <div class="field">
490        <label for="name-9920493">Nom<sup>*</sup></label>
491        <input id="name-9920493" type="text" name="name" required>
492        <div class="field__error"></div>
493      </div>
494      
495
496      <div class="field">
497        <label for="email-9920493">E-mail<sup>*</sup></label>
498        <input id="email-9920493" type="email" name="email" required>
499        <div class="field__error"></div>
500      </div>
501
502      
503
504      <div class="field">
505          <label for="message-9920493">Message<sup>*</sup></label>
506          <textarea id="message-9920493" name="message" required></textarea>
507          <div class="field__error"></div>
508      </div>
509
510      <small>Ce site est protégé par reCAPTCHA et Google
511          <a href="https://policies.google.com/privacy">Politique de confidentialité</a> et
512          <a href="https://policies.google.com/terms">Conditions d'utilisation</a> appliquer.
513      </small>
514      
515
516      <button data-save-button>
517        <span class="button__text">Send</span>
518      </button>
519
520    </form>
521    
522        </div>
523      </div>
524    </div>
525    
526</div>
527
528
529    
530</div>
531        
532    </div>
533        
534    
535
536    
537
538  </div>
539</section>
540      
541    
542      
543    
544  </div>
545
546  <div class="footer" id="footer">
547    
548    
549    
550    
551    
552    
553      
554
555<section class="section"  data-background-src="https://media.journoportfolio.com/users/411080/images/04a4c912-7ed9-446c-ad15-6d2801f2a1f9.jpg" style="background-position: 50% 50%;" data-order="0" data-footer="true" data-id="3086944" id="section-3086944">
556
557    
558
559    
560        
561    
562
563  <div class="section__content" data-layout-mode="normal">
564    
565        
566            <div class="column"  data-column="1">
567        
568              <div
569    class="block block--inline block-language-picker" 
570    data-definition-name="Language Picker"
571    data-definition-type="language-picker"
572    data-id="8325306"
573    data-order="3"
574    id="block-8325306"
575    
576>
577  
578<div class="language-picker radius-0px size-medium style-outline" data-alignment="left">
579<select data-language-picker data-path="/contact/">
580
581<option  value="en">English</option>
582
583<option selected value="fr">Français</option>
584
585</select>
586</div>
587
588
589    
590</div>
591        
592    </div>
593        
594    
595
596    
597
598  </div>
599</section>
600    
601    
602  </div>
603
604    
605</div>
606
607
608    
609
610    
611
612    
613
614    
615
616    

616<script type="text/javascript">
617        var PUBLISHED = true;
618        
619
620        
621
622        
623
624
625        
626        var PAGE_ID = 1339819
627        
628        
629        
630
631        
632
633        var PORTFOLIO_CAPTCHA_PUBLIC_KEY = "6Lc4J9AZAAAAAE_D0CZHclTobtIsztATjQR1bwYZ";
634    </script>

634
635
636    
637
638</body>
639</html>