https://www.margaretseymour.pro/contact/

1<!DOCTYPE html>
2<html lang="en" id="">
3<head>
4
5    
6
7    
8    <title>Contact - Margaret Seymour</title>
9    
10
11    
12
13    
14    <meta http-equiv="content-language" content="en">
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://www.journoportfolio.com/favicon.ico">
20    <meta name="twitter:card" content="summary">
21    <meta content="Margaret Seymour" 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    <meta name="referrer" content="no-referrer">
33    
34
35    <base href="/">
36    <meta content="Margaret Seymour" name="author">
37
38    
39    <meta prefix="og: http://ogp.me/ns#" property="og:title" content="Contact - Margaret Seymour">
40    <meta content="Contact - Margaret Seymour" name="twitter:title" property="og:title">
41    <meta prefix="og: http://ogp.me/ns#" property="og:description" content="I like to reinvent myself and evolve. For me that gives meaning to life. Now under construction in San Francisco.">
42    
43
44
45    
46    <link rel="canonical" href="https://www.margaretseymour.pro/contact/">
47    <meta content="I like to reinvent myself and evolve. For me that gives meaning to life. Now under construction in San Francisco." name="twitter:description" property="og:description">
48    <meta content="https://www.margaretseymour.pro/contact/" name="twitter:url" property="og:url">
49    <meta content="I like to reinvent myself and evolve. For me that gives meaning to life. Now under construction in San Francisco." name="description">
50    
51
52    
53
54    
55        
56            
57        <meta prefix="og: http://ogp.me/ns#" property="og:image" content="https://media.journoportfolio.com/users/39271/images/profiles/f6eb55c3-c70c-4b14-8021-fb71817a4a59.jpg">
58        <meta content="https://media.journoportfolio.com/users/39271/images/profiles/f6eb55c3-c70c-4b14-8021-fb71817a4a59.jpg" name="twitter:image" property="og:image">
59            
60        
61    
62
63    <link rel="alternate" type="application/rss+xml" title="Margaret Seymour" href="/rss.xml">
64
65    
66
67    <style id="temp-styles">
68      #app,.jp-column-mount,.jp-block-mount,.jp-section-mount { display: none; }
69    </style>
70
71    
72
73    
74    <style>
75    .section__hero .overlay { opacity: 0.8 !important; }
76    </style>
77    
78
79    
80    <link href="/styles.css" rel="stylesheet">
81    
82
83    

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

83
84
85    
86</head>
87<body  data-global-block-id="1899397" id="" data-transparent-header="false" data-button-style-hover="slide-up" data-animation-style="fade-in">
88
89  <svg id="icon-defs" version="2.0" style="display: none">
90    <defs>
91
92      <symbol id="cart-icon" viewBox="0,-960,960,960">
93        <g transform="translate(0,250)">
94          <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" />
95        </g>
96      </symbol>
97
98    
99      
100      <symbol id="linkedin" viewBox="0,0,2134,2134">
101        <g transform="translate(0,418)">
102          <path d="M1101,-365 C1316,-365,1531,-282,1746,-116 C1905,44,2003,188,2038,316 C2086,423,2098,591,2098,632 C2098,632,2098,729,2098,729 C2082,876,2050,1000,2001,1100 C1894,1317,1730,1481,1509,1592 C1351,1657,1209,1690,1083,1690 C1083,1690,1071,1690,1071,1690 C816,1690,583,1597,372,1410 C239,1272,156,1150,123,1045 C86,963,62,860,50,735 C50,735,50,607,50,607 C50,398,137,185,311,-31 C539,-254,786,-365,1053,-365 C1053,-365,1101,-365,1101,-365Z M664,328 C675,389,714,419,779,419 C832,419,869,389,889,328 C889,328,889,322,889,322 C889,259,850,223,773,212 C726,212,689,238,664,291 C664,291,664,328,664,328Z M676,1076 C677,1084,681,1088,688,1088 C688,1088,858,1088,858,1088 C866,1088,870,1084,870,1076 C870,1076,870,522,870,522 C870,522,858,498,858,498 C858,498,688,498,688,498 C680,499,676,503,676,510 C676,510,676,1076,676,1076Z M980,1076 C981,1084,985,1088,992,1088 C992,1088,1162,1088,1162,1088 C1170,1088,1174,1084,1174,1076 C1174,1076,1174,766,1174,766 C1184,681,1219,638,1278,638 C1347,638,1381,681,1381,766 C1381,766,1381,1076,1381,1076 C1382,1084,1386,1088,1393,1088 C1393,1088,1576,1088,1576,1088 C1576,1088,1576,705,1576,705 C1576,636,1543,573,1478,516 C1429,496,1398,486,1387,486 C1387,486,1326,486,1326,486 C1279,488,1232,512,1187,559 C1187,559,1174,559,1174,559 C1174,559,1174,498,1174,498 C1174,498,980,498,980,498 C980,498,980,1076,980,1076Z" />
103        </g>
104      </symbol>
105      
106      <symbol id="vimeo" viewBox="0,0,2134,2134">
107        <g transform="translate(0,418)">
108          <path d="M1082,-369 C1438,-369,1727,-212,1950,102 C2060,286,2115,461,2115,627 C2115,627,2115,694,2115,694 C2115,935,2015,1167,1815,1391 C1671,1521,1533,1604,1400,1641 C1343,1662,1271,1678,1186,1690 C1186,1690,984,1690,984,1690 C878,1678,766,1648,648,1599 C398,1472,223,1285,123,1036 C74,900,49,774,49,658 C49,354,179,85,440,-149 C641,-296,855,-369,1082,-369Z M575,493 C600,530,614,548,618,548 C618,548,624,548,624,548 C624,548,691,505,691,505 C691,505,709,505,709,505 C748,505,805,662,880,975 C925,1081,970,1134,1015,1134 C1015,1134,1039,1134,1039,1134 C1175,1134,1346,959,1552,609 C1577,542,1589,489,1589,450 C1589,450,1589,425,1589,425 C1589,347,1565,296,1516,273 C1516,273,1455,254,1455,254 C1455,254,1412,254,1412,254 C1343,267,1290,289,1253,322 C1200,382,1168,439,1155,493 C1192,480,1216,474,1229,474 C1278,478,1302,498,1302,535 C1302,535,1302,566,1302,566 C1269,687,1216,772,1143,823 C1143,823,1125,823,1125,823 C1090,823,1049,668,1003,358 C973,311,946,282,923,273 C923,273,850,273,850,273 C809,285,718,358,575,493Z" />
109        </g>
110      </symbol>
111      
112      <symbol id="email" viewBox="0,0,2134,2134">
113        <g transform="translate(0,418)">
114          <path d="M1145,-367 C1327,-367,1526,-286,1743,-123 C1983,105,2103,365,2103,658 C2103,999,1952,1284,1651,1513 C1471,1631,1278,1690,1072,1690 C698,1690,401,1519,180,1177 C87,1012,40,839,40,658 C40,326,184,47,473,-178 C631,-287,798,-350,974,-367 C974,-367,1145,-367,1145,-367Z M504,1025 C509,1066,530,1086,565,1086 C565,1086,1578,1086,1578,1086 C1619,1080,1639,1060,1639,1025 C1639,1025,1639,372,1639,372 C1639,347,1627,327,1603,310 C1603,3

11410,540,310,540,310 C516,325,504,343,504,365 C504,365,504,1025,504,1025Z M559,1031 C559,1031,559,1019,559,1019 C559,1019,864,658,864,658 C832,621,734,525,571,372 C571,372,577,372,577,372 C616,398,738,498,943,671 C986,708,1029,743,1072,774 C1245,633,1402,503,1541,384 C1541,384,1548,396,1548,396 C1471,463,1382,550,1279,658 C1279,658,1578,1012,1578,1012 C1578,1012,1578,1025,1578,1025 C1578,1025,1236,689,1236,689 C1236,689,1230,689,1230,689 C1230,700,1177,755,1072,854 C1072,854,901,695,901,695 C789,812,675,924,559,1031Z" />
115        </g>
116      </symbol>
117      
118    
119    </defs>
120  </svg>
121
122    
123
124    
125    <div
126    class="block block--block-element block-navigation-sidebar" 
127    data-definition-name="Navigation Sidebar"
128    data-definition-type="navigation"
129    data-id="2443581"
130    data-order="0"
131    id="block-2443581"
132    
133>
134  
135  <style>
136:root {
137--header-height: 0px;
138}
139
140    * { --sidebar-width: 300px; }
141    #jp-section-placeholder, #jp-footer-placeholder { padding-left: 10vw; padding-right: 10vw; }
142    .page{padding-left: var(--sidebar-width);}
143.block-navigation-sidebar{width: var(--sidebar-width);}
144
145
146.block-navigation-sidebar:after {
147  background: var(--jp-palette-block-background, #333333);
148  height: 300vh;
149  position: absolute;
150  top: 0;
151  left: 0;
152  z-index: 1;
153  width: var(--sidebar-width);
154  content: '';
155}
156@media only screen and (max-width: 600px){
157.page {
158padding-left: unset;
159}
160.block-navigation-sidebar:after {
161    display: none;
162}
163}</style>
164
165
166<div class="sidebar alignment--right width--medium header--" style="background-image: url(https://media.journoportfolio.com/users/39271/images/f8ab910a-7c1e-4e2a-89f8-d037073a95f3.jpg);background-position: 50% 50%">
167
168    
169    <div class="overlay 0.5
170    
171    
172    
173    
174    overlay-50
175    
176    
177    
178    
179    ">
180    </div>
181    
182
183    <div class="sidebar__content">
184
185
186    
187
188      <div class="social-icons style-colour">
189      
190      </div>
191
192      
193      <h1 class="logo">
194          <a href="/" data-portfolio-title>Margaret Seymour</a>
195      </h1>
196      
197
198      
199
200
201      <nav class="menu">
202            <ul>
203              
204              <li><a  target="_self" class="" href="/">ALL</a>
205
206              
207              <ul class="dropdown">
208                  
209                  <li data-pageid="313688" data-name="• Content">
210                      <a  target="_self"  class="" href="/home/content/">• Content</a>
211                  </li>
212                  
213                  <li data-pageid="313634" data-name="• UX Design">
214                      <a  target="_self"  class="" href="/home/ux-design/">• UX Design</a>
215                  </li>
216                  
217                  <li data-pageid="313728" data-name="• Websites, Mobile Apps">
218                      <a  target="_self"  class="" href="/home/websites-mobile-apps/">• Websites, Mobile Apps</a>
219                  </li>
220                  
221              </ul>
222              
223              </li>
224              
225              <li><a  target="_blank" class="" href="https://uxgo.io/">UX Case Studies</a>
226
227              
228              </li>
229              
230              <li><a  target="_self" class="" href="/contact/">Contact</a>
231
232              
233              </li>
234              
235              <li><a  target="_self" class="" href="/blog-2/">Blog</a>
236
237              
238              </li>
239              
240            </ul>
241      </nav>
242      
243      
244  </div>
245  </div>
246</div>
247
248
249
250    
251</div>
252    
253
254     <div class="page " id="page-450661">
255  <div class="content" id="content">
256    
257      
258      
259
260<section class="section"  data-background-src="" style="background-position: ;" data-order="1"  data-id="1084419" id="section-1084419">
261
262    
263
264    
265        
266    
267
268  <div class="section__content" data-layout-mode="normal">
269    
270        
271            <div class="column"  data-column="1">
272        
273              <div
274    class="block block--inline block-heading" 
275    data-definition-name="Heading"
276    data-definition-type="generic"
277    data-id="3176061"
278    data-order="1"
279    id="block-3176061"
280    
281>
282  <h1 data-alignment="center" class="heading animate-in">Contact</h1>
283
284
285    
286</div>
287        
288    </div>
289        
290    
291
292    
293
294  </div>
295</section>
296      
297    
298      
299      
300
301<section class="section"  data-background-src="" style="background-position: ;" data-order="2"  data-id="1084420" id="section-1084420">
302
303    
304
305    
306        
307    
308
309  <div class="section__content" data-layout-mode="normal">
310    
311        
312            <div class="column"  data-column="1">
313        
314              <div
315    class="block block--inline block-text" 
316    data-definition-name="Text"
317    data-definition-type="generic"
318    data-id="3176062"
319    data-order="1"
320    id="block-3176062"
321    
322>
323  <section class="block-text" data-alignment="center">
324    <div class="wrapper--small animate-in" data-richtext="content">
325        <p>You can contact me with the contact form below:</p>
326    </div>
327</section>
328
329
330    
331</div>
332        
333              <div
334    class="block block--inline block-contact-form" 
335    data-definition-name="Contact Form"
336    data-definition-type="generic"
337    data-id="3176063"
338    data-order="2"
339    id="block-3176063"
340    
341>
342  
343<div class="contact-form animate-in">
344
345    
346
347    
348
349    <div class="success-message">
350      <p>Message successfully sent!</p>
351    </div>
352
353    <form>
354
355      
356      <div class="field">
357        <label for="name-3176063">Name<sup>*</sup></label>
358        <input id="name-3176063" type="text" name="name" required>
359        <div class="field__error"></div>
360      </div>
361      
362
363      <div class="field">
364        <label for="email-3176063">Email<sup>*</sup></label>
365        <input id="email-3176063" type="email" name="email" required>
366        <div class="field__error"></div>
367      </div>
368
369      
370
371      <div class="field">
372          <label for="message-3176063">Message<sup>*</sup></label>
373          <textarea id="message-3176063" name="message" required></textarea>
374          <div class="field__error"></div>
375      </div>
376
377      <small>This site is protected by reCAPTCHA and the Google
378          <a href="https://policies.google.com/privacy">Privacy Policy</a> and
379          <a href="https://policies.google.com/terms">Terms of Service</a> apply.
380      </small>
381      
382
383      <button data-save-button>

384        <span class="button__text">Send</span>
385      </button>
386
387    </form>
388    
389</div>
390
391
392    
393</div>
394        
395    </div>
396        
397    
398
399    
400
401  </div>
402</section>
403      
404    
405      
406      
407
408<section class="section"  data-background-src="" style="background-position: ;" data-order="3"  data-id="1084421" id="section-1084421">
409
410    
411
412    
413        
414    
415
416  <div class="section__content" data-layout-mode="normal">
417    
418        
419            <div class="column"  data-column="1">
420        
421              <div
422    class="block block--inline block-heading" 
423    data-definition-name="Heading"
424    data-definition-type="generic"
425    data-id="3176064"
426    data-order="1"
427    id="block-3176064"
428    
429>
430  <h3 data-alignment="center" class="heading animate-in">Follow Me</h3>
431
432
433    
434</div>
435        
436              <div
437    class="block block--inline block-social-icons" 
438    data-definition-name="Social Icons"
439    data-definition-type="generic"
440    data-id="3176065"
441    data-order="2"
442    id="block-3176065"
443    
444>
445  <div data-social-icons class="social-icons size-medium style-colour alignment-center" data-alignment="center">
446
447<a target="_blank" class="animate-in" href="https://www.linkedin.com/in/margaret-seymour/" aria-label="Linkedin">
448  <i class="social-icon"><svg version="2.0" style="fill: #0177b5 !important;"><use xlink:href="#linkedin" /></svg></i>
449</a>
450
451<a target="_blank" class="animate-in" href="https://vimeo.com/user87914496" aria-label="Vimeo">
452  <i class="social-icon"><svg version="2.0" style="fill: #17b3e8 !important;"><use xlink:href="#vimeo" /></svg></i>
453</a>
454
455<a target="_blank" class="animate-in" href="mailto:[email protected]" aria-label="Email">
456  <i class="social-icon"><svg version="2.0" style="fill: #333 !important;"><use xlink:href="#email" /></svg></i>
457</a>
458
459</div>
460
461
462    
463</div>
464        
465    </div>
466        
467    
468
469    
470
471  </div>
472</section>
473      
474    
475      
476    
477  </div>
478
479  <div class="footer" id="footer">
480    
481    
482    
483    
484    
485    
486    
487    
488      
489
490<section class="section"  data-background-src="" style="background-position: ;" data-order="0" data-footer="true" data-id="785632" id="section-785632">
491
492    
493
494    
495        
496    
497
498  <div class="section__content" data-layout-mode="normal">
499    
500        
501            <div class="column"  data-column="1">
502        
503              <div
504    class="block block--inline block-heading" 
505    data-definition-name="Heading"
506    data-definition-type="generic"
507    data-id="2443582"
508    data-order="1"
509    id="block-2443582"
510    
511>
512  <h3 data-alignment="left" class="heading animate-in">Margaret Seymour</h3>
513
514
515    
516</div>
517        
518              <div
519    class="block block--inline block-text" 
520    data-definition-name="Text"
521    data-definition-type="generic"
522    data-id="2443583"
523    data-order="2"
524    id="block-2443583"
525    
526>
527  <section class="block-text" data-alignment="left">
528    <div class="wrapper--small animate-in" data-richtext="content">
529        <p>Built by Margaret Seymour</p>
530    </div>
531</section>
532
533
534    
535</div>
536        
537    </div>
538        
539    
540
541    
542
543  </div>
544</section>
545    
546    
547  </div>
548
549    
550</div>
551
552
553    
554
555    
556
557    
558
559    
560
561    

561<script type="text/javascript">
562        var PUBLISHED = true;
563        
564
565        
566
567        
568
569
570        
571        var PAGE_ID = 450661
572        
573        
574        
575
576        
577
578        var PORTFOLIO_CAPTCHA_PUBLIC_KEY = "6Lc4J9AZAAAAAE_D0CZHclTobtIsztATjQR1bwYZ";
579    </script>

579
580
581    
582
583</body>
584</html>