This repository has been archived by the owner on Jan 6, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
778 lines (743 loc) · 93.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
<!DOCTYPE html>
<head>
<title>Mayflower Starters</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Begin Mayflower styles -->
<!-- 9.0.0 can be changed to a newer version -->
<link rel="stylesheet" href="https://mayflower.digital.mass.gov/v/9.0.0/assets/css/index-generated.css" media="all" />
<!-- modernizr library for feature detection: https://modernizr.com/docs -->
<script src="https://mayflower.digital.mass.gov/assets/js/vendor/modernizr.js"></script>
</head>
<body>
<!-- Begin .header -->
<header class="ma__header" id="header">
<a class="ma__header__skip-nav" href="#main-content">skip to main content</a>
<div class="ma__header__utility-nav ma__header__utility-nav--wide">
<section class="ma__utility-nav js-util-nav">
<ul class="ma__utility-nav__items">
<li class="ma__utility-nav__item">
<div class="ma__utility-nav__translate">
<div id="google_translate_element"></div>
<div class="ma__utility-nav__translate-icon">
<svg aria-hidden="true"><use xlink:href="#ca67dccf3bdba67679b96da4b38f33c7.0"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 24 24" id="ca67dccf3bdba67679b96da4b38f33c7.0"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 16.057v-3.057h2.994c-.059 1.143-.212 2.24-.456 3.279-.823-.12-1.674-.188-2.538-.222zm1.957 2.162c-.499 1.33-1.159 2.497-1.957 3.456v-3.62c.666.028 1.319.081 1.957.164zm-1.957-7.219v-3.015c.868-.034 1.721-.103 2.548-.224.238 1.027.389 2.111.446 3.239h-2.994zm0-5.014v-3.661c.806.969 1.471 2.15 1.971 3.496-.642.084-1.3.137-1.971.165zm2.703-3.267c1.237.496 2.354 1.228 3.29 2.146-.642.234-1.311.442-2.019.607-.344-.992-.775-1.91-1.271-2.753zm-7.241 13.56c-.244-1.039-.398-2.136-.456-3.279h2.994v3.057c-.865.034-1.714.102-2.538.222zm2.538 1.776v3.62c-.798-.959-1.458-2.126-1.957-3.456.638-.083 1.291-.136 1.957-.164zm-2.994-7.055c.057-1.128.207-2.212.446-3.239.827.121 1.68.19 2.548.224v3.015h-2.994zm1.024-5.179c.5-1.346 1.165-2.527 1.97-3.496v3.661c-.671-.028-1.329-.081-1.97-.165zm-2.005-.35c-.708-.165-1.377-.373-2.018-.607.937-.918 2.053-1.65 3.29-2.146-.496.844-.927 1.762-1.272 2.753zm-.549 1.918c-.264 1.151-.434 2.36-.492 3.611h-3.933c.165-1.658.739-3.197 1.617-4.518.88.361 1.816.67 2.808.907zm.009 9.262c-.988.236-1.92.542-2.797.9-.89-1.328-1.471-2.879-1.637-4.551h3.934c.058 1.265.231 2.488.5 3.651zm.553 1.917c.342.976.768 1.881 1.257 2.712-1.223-.49-2.326-1.211-3.256-2.115.636-.229 1.299-.435 1.999-.597zm9.924 0c.7.163 1.362.367 1.999.597-.931.903-2.034 1.625-3.257 2.116.489-.832.915-1.737 1.258-2.713zm.553-1.917c.27-1.163.442-2.386.501-3.651h3.934c-.167 1.672-.748 3.223-1.638 4.551-.877-.358-1.81-.664-2.797-.9zm.501-5.651c-.058-1.251-.229-2.46-.492-3.611.992-.237 1.929-.546 2.809-.907.877 1.321 1.451 2.86 1.616 4.518h-3.933z"></path></symbol></svg>
</div>
</div>
</li>
<li class="ma__utility-nav__item js-util-nav-toggle">
<a class="ma__utility-nav__link" href="#" aria-label="State Organizations">
<svg aria-hidden="true"><use xlink:href="#708eae26005d027f11d364594c249844.0"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 16 16" id="708eae26005d027f11d364594c249844.0"><path d="M1169.73 14.5924L1169.73 13L1168.27 13L1168.27 14.5924C1166.21 14.9558 1164.6399999999999 16.8309 1164.6399999999999 19.0952L1173.36 19.0952C1173.36 16.8309 1171.79 14.955799999999998 1169.7299999999998 14.592399999999998ZM1176.27 24.4286L1174.09 24.4286L1174.09 21.381C1174.09 20.9604 1173.77 20.619 1173.36 20.619L1164.6399999999999 20.619C1164.2299999999998 20.619 1163.9099999999999 20.9604 1163.9099999999999 21.381L1163.9099999999999 24.4286L1161.7299999999998 24.4286C1161.3299999999997 24.4286 1160.9999999999998 24.7699 1160.9999999999998 25.1905L1160.9999999999998 28.2381C1160.9999999999998 28.659399999999998 1161.3299999999997 29 1161.7299999999998 29L1176.2699999999998 29C1176.6699999999998 29 1176.9999999999998 28.6594 1176.9999999999998 28.2381L1176.9999999999998 25.1905C1176.9999999999998 24.7699 1176.6699999999998 24.4286 1176.2699999999998 24.4286ZM1163.91 27.4762L1162.45 27.4762L1162.45 25.952399999999997L1163.91 25.952399999999997ZM1166.82 27.4762L1165.36 27.4762L1165.36 25.952399999999997L1166.82 25.952399999999997ZM1166.82 23.6667L1165.36 23.6667L1165.36 22.142899999999997L1166.82 22.142899999999997ZM1169.73 27.4762L1168.27 27.4762L1168.27 25.952399999999997L1169.73 25.952399999999997ZM1169.73 23.6667L1168.27 23.6667L1168.27 22.142899999999997L1169.73 22.142899999999997ZM1172.64 27.4762L1171.18 27.4762L1171.18 25.952399999999997L1172.64 25.952399999999997ZM1172.64 23.6667L1171.18 23.6667L1171.18 22.142899999999997L1172.64 22.142899999999997ZM1175.55 27.4762L1174.09 27.4762L1174.09 25.952399999999997L1175.55 25.952399999999997Z " transform="matrix(1,0,0,1,-1161,-13)"></path></symbol></svg>
<span>
State Organizations
</span>
</a>
<div aria-hidden="true" class="ma__utility-nav__content js-util-nav-content is-closed">
<div class="ma__utility-nav__container">
<div class="ma__utility-nav__content-title">
<button class="ma__utility-nav__close js-close-util-nav"><span>Close</span><span class="ma__utility-nav__close-icon" aria-hidden="true">+</span></button>
<svg aria-hidden="true"><use xlink:href="#708eae26005d027f11d364594c249844.1"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 16 16" id="708eae26005d027f11d364594c249844.1"><path d="M1169.73 14.5924L1169.73 13L1168.27 13L1168.27 14.5924C1166.21 14.9558 1164.6399999999999 16.8309 1164.6399999999999 19.0952L1173.36 19.0952C1173.36 16.8309 1171.79 14.955799999999998 1169.7299999999998 14.592399999999998ZM1176.27 24.4286L1174.09 24.4286L1174.09 21.381C1174.09 20.9604 1173.77 20.619 1173.36 20.619L1164.6399999999999 20.619C1164.2299999999998 20.619 1163.9099999999999 20.9604 1163.9099999999999 21.381L1163.9099999999999 24.4286L1161.7299999999998 24.4286C1161.3299999999997 24.4286 1160.9999999999998 24.7699 1160.9999999999998 25.1905L1160.9999999999998 28.2381C1160.9999999999998 28.659399999999998 1161.3299999999997 29 1161.7299999999998 29L1176.2699999999998 29C1176.6699999999998 29 1176.9999999999998 28.6594 1176.9999999999998 28.2381L1176.9999999999998 25.1905C1176.9999999999998 24.7699 1176.6699999999998 24.4286 1176.2699999999998 24.4286ZM1163.91 27.4762L1162.45 27.4762L1162.45 25.952399999999997L1163.91 25.952399999999997ZM1166.82 27.4762L1165.36 27.4762L1165.36 25.952399999999997L1166.82 25.952399999999997ZM1166.82 23.6667L1165.36 23.6667L1165.36 22.142899999999997L1166.82 22.142899999999997ZM1169.73 27.4762L1168.27 27.4762L1168.27 25.952399999999997L1169.73 25.952399999999997ZM1169.73 23.6667L1168.27 23.6667L1168.27 22.142899999999997L1169.73 22.142899999999997ZM1172.64 27.4762L1171.18 27.4762L1171.18 25.952399999999997L1172.64 25.952399999999997ZM1172.64 23.6667L1171.18 23.6667L1171.18 22.142899999999997L1172.64 22.142899999999997ZM1175.55 27.4762L1174.09 27.4762L1174.09 25.952399999999997L1175.55 25.952399999999997Z " transform="matrix(1,0,0,1,-1161,-13)"></path></symbol></svg>
<span>State Organizations</span>
</div>
<div class="ma__utility-nav__content-body">
<section class="ma__utility-panel">
<div class="ma__utility-panel__description ma__utility-panel__description--full">
<section class="ma__rich-text js-ma-rich-text">
<p>The <a href="#">A-Z Organizations page</a> provides an alphabetical listing of government organizations, including commissions, departments, and bureaus.</p>
</section>
</div>
<ul class="ma__utility-panel__items">
</ul>
</section>
</div>
</div>
</div>
</li>
<li class="ma__utility-nav__item js-util-nav-toggle">
<a class="ma__utility-nav__link" href="#" aria-label="Log in to the most requested services">
<svg aria-hidden="true"><use xlink:href="#7cca63275c79dbfb49645255fc91d304.0"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 20 16" id="7cca63275c79dbfb49645255fc91d304.0"><path d="M1338.67 19.6L1338.67 16.400000000000002L1345.3300000000002 22L1338.67 27.6L1338.67 24.400000000000002L1332 24.400000000000002L1332 19.6ZM1340.33 14L1340.33 15.6L1350.33 15.6L1350.33 28.4L1340.33 28.4L1340.33 30L1352 30L1352 14Z " transform="matrix(1,0,0,1,-1332,-14)"></path></symbol></svg>
<span>
Log in to...
</span>
</a>
<div aria-hidden="true" class="ma__utility-nav__content js-util-nav-content is-closed">
<div class="ma__utility-nav__container">
<div class="ma__utility-nav__content-title">
<button class="ma__utility-nav__close js-close-util-nav"><span>Close</span><span class="ma__utility-nav__close-icon" aria-hidden="true">+</span></button>
<svg aria-hidden="true"><use xlink:href="#7cca63275c79dbfb49645255fc91d304.1"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 20 16" id="7cca63275c79dbfb49645255fc91d304.1"><path d="M1338.67 19.6L1338.67 16.400000000000002L1345.3300000000002 22L1338.67 27.6L1338.67 24.400000000000002L1332 24.400000000000002L1332 19.6ZM1340.33 14L1340.33 15.6L1350.33 15.6L1350.33 28.4L1340.33 28.4L1340.33 30L1352 30L1352 14Z " transform="matrix(1,0,0,1,-1332,-14)"></path></symbol></svg>
<span>Log in to...</span>
</div>
<div class="ma__utility-nav__content-body">
<section class="ma__utility-panel">
<div class="ma__utility-panel__description ">
<section class="ma__rich-text js-ma-rich-text">
<p>These are the top requested sites you can log in to access state provided services</p>
</section>
</div>
<ul class="ma__utility-panel__items">
<li class="ma__utility-panel__item js-clickable">
<span class="ma__decorative-link">
<a href="https://uionline.detma.org/Claimant/Core/Login.ASPX" class="js-clickable-link" title="">Unemployment Online <svg aria-hidden="true"><use xlink:href="#b5559d385076d7d517b07db4891c4712.334"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 16 18" id="b5559d385076d7d517b07db4891c4712.334"><path d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></symbol></svg></a>
</span>
</li>
<li class="ma__utility-panel__item js-clickable">
<span class="ma__decorative-link">
<a href="https://sso.hhs.state.ma.us/oam/server/obrareq.cgi?encquery%3DA2%2Fmo5AkZreDycpyP0JZAEOYGvW2hviyNhH9Sht2xPp0V1%2BBtWfHnmRGr6zNHOqOlcjphPk7p6bpHHRyNzzk9IYQ%2FcN%2B%2FIcqL2ThnI217OsIKZepptTpGBx83SI0NWjsE7vDi72caItXWlelbGQT7ePanlrVUUy2%2Fj1UEUaXi5G7m47KO9djBnoetZRCtp9G2ZTNFf6zvCGU7Cs02AXYUj2JMH4aqol%2Bh3OK6uhJNNkFvwQ1MFRUa4gR1az4iaW9u83ExKb2a9eDv8ZIUqhlq3%2BNVGTqZHAsHX4KOONSGQRBwCtLNPWwruacjdd9CaEqeIJ2tnP45KrM93edZ6zU1yoWGbAp%2BUWWMqk4HyrtuA8%3D%20agentid%3Dwebgate1%20ver%3D1%20crmethod%3D2" class="js-clickable-link" title="">Virtual Gateway (SNAP) <svg aria-hidden="true"><use xlink:href="#b5559d385076d7d517b07db4891c4712.335"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 16 18" id="b5559d385076d7d517b07db4891c4712.335"><path d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></symbol></svg></a>
</span>
</li>
<li class="ma__utility-panel__item js-clickable">
<span class="ma__decorative-link">
<a href="https://ecse.cse.state.ma.us/ECSE/Login/login.asp" class="js-clickable-link" title="">Child Support Enforcement <svg aria-hidden="true"><use xlink:href="#b5559d385076d7d517b07db4891c4712.336"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 16 18" id="b5559d385076d7d517b07db4891c4712.336"><path d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></symbol></svg></a>
</span>
</li>
</ul>
</section>
</div>
</div>
</div>
</li>
</ul>
</section>
</div>
<div class="ma__header__container">
<div class="ma__header__logo">
<div class="ma__site-logo">
<a href="https://mayflower.digital.mass.gov/" title="Mass.gov home page">
<img src="https://mayflower.digital.mass.gov/assets/images/stateseal.png" alt="Mass.gov" width="45" height="45">
<span>Mass.gov</span>
</a>
</div>
</div>
<div class="ma__header__search js-header-search-menu">
<section class="ma__header-search">
<form action="#" class="ma__form js-header-search-form">
<label for="header-search" class="ma__header-search__label">Search terms</label>
<input id="header-search" class="ma__header-search__input" placeholder="Search Mass.gov" type="text">
<button type="submit" class="ma__button-search">
<span>Search</span>
<svg aria-hidden="true"><use xlink:href="#6a6669cb8eaf46103a46a48ece23d539.6"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 20 20" id="6a6669cb8eaf46103a46a48ece23d539.6"><path d="M1424.99 107.4L1419.66 102.105C1420.44 100.884 1420.89 99.4383 1420.89 97.8892C1420.89 93.54 1417.3300000000002 90 1412.95 90C1408.57 90 1405.01 93.54 1405.01 97.89C1405.01 102.241 1408.57 105.781 1412.95 105.781C1414.43 105.781 1415.82 105.375 1417.01 104.67L1422.3799999999999 110ZM1407.97 97.89C1407.97 95.1625 1410.2 92.9416 1412.95 92.9416C1415.7 92.9416 1417.93 95.1617 1417.93 97.89C1417.93 100.619 1415.7 102.839 1412.95 102.839C1410.2 102.839 1407.97 100.619 1407.97 97.89Z " transform="matrix(1,0,0,1,-1405,-90)"></path></symbol></svg>
</button>
</form>
</section>
</div>
</div>
<nav class="ma__header__nav" aria-labelledby="main_navigation" id="main-navigation">
<h2 id="main_navigation" class="visually-hidden">Main Navigation</h2>
<div class="ma__header__button-container js-sticky-header">
<button class="ma__header__back-button js-close-sub-nav"><span>Back</span></button>
<button class="ma__header__menu-button js-header-menu-button">
<span>Menu</span><span class="ma__header__menu-icon"></span>
</button>
</div>
<div class="ma__header__nav-container">
<div class="ma__header__nav-search">
<section class="ma__header-search">
<form action="#" class="ma__form js-header-search-form">
<label for="nav-search" class="ma__header-search__label">Search terms</label>
<input id="nav-search" class="ma__header-search__input" placeholder="Search Mass.gov" type="text">
<button type="submit" class="ma__button-search">
<span>Search</span>
<svg aria-hidden="true"><use xlink:href="#6a6669cb8eaf46103a46a48ece23d539.7"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 20 20" id="6a6669cb8eaf46103a46a48ece23d539.7"><path d="M1424.99 107.4L1419.66 102.105C1420.44 100.884 1420.89 99.4383 1420.89 97.8892C1420.89 93.54 1417.3300000000002 90 1412.95 90C1408.57 90 1405.01 93.54 1405.01 97.89C1405.01 102.241 1408.57 105.781 1412.95 105.781C1414.43 105.781 1415.82 105.375 1417.01 104.67L1422.3799999999999 110ZM1407.97 97.89C1407.97 95.1625 1410.2 92.9416 1412.95 92.9416C1415.7 92.9416 1417.93 95.1617 1417.93 97.89C1417.93 100.619 1415.7 102.839 1412.95 102.839C1410.2 102.839 1407.97 100.619 1407.97 97.89Z " transform="matrix(1,0,0,1,-1405,-90)"></path></symbol></svg>
</button>
</form>
</section>
</div>
<div class="ma__header__main-nav">
<section class="ma__main-nav">
<ul class="ma__main-nav__items js-main-nav">
<li class="ma__main-nav__item has-subnav js-main-nav-toggle">
<button id="button1" class="ma__main-nav__top-link" aria-haspopup="true" aria-expanded="false" tabindex="0">Living</button>
<div class="ma__main-nav__subitems js-main-nav-content is-closed">
<ul id="menu1" role="menu" aria-labelledby="button1" class="ma__main-nav__container">
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/living" class="ma__main-nav__link" tabindex="-1">Living</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/health-social-services" class="ma__main-nav__link" tabindex="-1">Health & Social Services</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/families-children" class="ma__main-nav__link" tabindex="-1">Families & Children</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/housing-property" class="ma__main-nav__link" tabindex="-1">Housing & Property</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/transportation" class="ma__main-nav__link" tabindex="-1">Transportation</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/legal-justice" class="ma__main-nav__link" tabindex="-1">Legal & Justice</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/public-safety" class="ma__main-nav__link" tabindex="-1">Public Safety</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/energy" class="ma__main-nav__link" tabindex="-1">Energy</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/environment" class="ma__main-nav__link" tabindex="-1">Environment</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/taxes" class="ma__main-nav__link" tabindex="-1">Taxes</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/unclaimed-property" class="ma__main-nav__link" tabindex="-1">Unclaimed Property</a></li>
<li role="menuitem" class="ma__main-nav__subitem">
<a href="/topics/living" class="ma__main-nav__link" tabindex="-1">
<svg aria-hidden="true"><use xlink:href="#5d98981e06eef44ce4a8815866bec230"></use></svg>
<span>Living</span>
</a>
</li>
</ul>
</div>
</li>
<li class="ma__main-nav__item has-subnav js-main-nav-toggle">
<button id="button2" class="ma__main-nav__top-link" aria-haspopup="true" aria-expanded="false" tabindex="-1">Working</button>
<div class="ma__main-nav__subitems js-main-nav-content is-closed">
<ul id="menu2" role="menu" aria-labelledby="button2" class="ma__main-nav__container">
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/working" class="ma__main-nav__link" tabindex="-1">Working</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/business-resources" class="ma__main-nav__link" tabindex="-1">Business Resources</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/professional-licenses-permits" class="ma__main-nav__link" tabindex="-1">Professional Licenses & Permits</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/unemployment" class="ma__main-nav__link" tabindex="-1">Unemployment</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/finding-a-job" class="ma__main-nav__link" tabindex="-1">Finding a Job</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/taxes" class="ma__main-nav__link" tabindex="-1">Taxes</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/workers-rights-safety" class="ma__main-nav__link" tabindex="-1">Workers' Rights & Safety</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/industry-regulations" class="ma__main-nav__link" tabindex="-1">Industry Regulations</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/for-state-employees" class="ma__main-nav__link" tabindex="-1">For State Employees</a></li>
<li role="menuitem" class="ma__main-nav__subitem">
<a href="/topics/working" class="ma__main-nav__link" tabindex="-1">
<svg aria-hidden="true"><use xlink:href="#5d98981e06eef44ce4a8815866bec230"></use></svg>
<span>Working</span>
</a>
</li>
</ul>
</div>
</li>
<li class="ma__main-nav__item has-subnav js-main-nav-toggle">
<button id="button3" class="ma__main-nav__top-link" aria-haspopup="true" aria-expanded="false" tabindex="-1">Learning</button>
<div class="ma__main-nav__subitems js-main-nav-content is-closed">
<ul id="menu3" role="menu" aria-labelledby="button3" class="ma__main-nav__container">
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/learning" class="ma__main-nav__link" tabindex="-1">Learning</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/early-childhood-education-care" class="ma__main-nav__link" tabindex="-1">Early Childhood Education & Care</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/elementary-secondary-schools" class="ma__main-nav__link" tabindex="-1">Elementary & Secondary Schools</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/higher-education" class="ma__main-nav__link" tabindex="-1">Higher Education</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/continuing-education" class="ma__main-nav__link" tabindex="-1">Continuing Education</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/for-educators-administrators" class="ma__main-nav__link" tabindex="-1">For Educators & Administrators</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/professional-training-career-development" class="ma__main-nav__link" tabindex="-1">Professional Training & Career Development</a></li>
<li role="menuitem" class="ma__main-nav__subitem">
<a href="/topics/learning" class="ma__main-nav__link" tabindex="-1">
<svg aria-hidden="true"><use xlink:href="#5d98981e06eef44ce4a8815866bec230"></use></svg>
<span>Learning</span>
</a>
</li>
</ul>
</div>
</li>
<li class="ma__main-nav__item has-subnav js-main-nav-toggle">
<button id="button4" class="ma__main-nav__top-link" aria-haspopup="true" aria-expanded="false" tabindex="-1">Visiting & Exploring</button>
<div class="ma__main-nav__subitems js-main-nav-content is-closed" style="">
<ul id="menu4" role="menu" aria-labelledby="button4" class="ma__main-nav__container">
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/visiting-exploring" class="ma__main-nav__link" tabindex="-1">Visiting & Exploring</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/parks-recreation" class="ma__main-nav__link" tabindex="-1">Parks & Recreation</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/visiting-massachusetts" class="ma__main-nav__link" tabindex="-1">Visiting Massachusetts</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/hunting-fishing" class="ma__main-nav__link" tabindex="-1">Hunting & Fishing</a></li>
<li role="menuitem" class="ma__main-nav__subitem">
<a href="/topics/visiting-exploring" class="ma__main-nav__link" tabindex="-1">
<svg aria-hidden="true"><use xlink:href="#5d98981e06eef44ce4a8815866bec230"></use></svg>
<span>Visiting & Exploring</span>
</a>
</li>
</ul>
</div>
</li>
<li class="ma__main-nav__item has-subnav js-main-nav-toggle">
<button id="button5" class="ma__main-nav__top-link" aria-haspopup="true" aria-expanded="false" tabindex="-1">Your Government</button>
<div class="ma__main-nav__subitems js-main-nav-content is-closed" style="">
<ul id="menu5" role="menu" aria-labelledby="button5" class="ma__main-nav__container">
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/your-government" class="ma__main-nav__link" tabindex="-1">Your Government</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/executive-branch" class="ma__main-nav__link" tabindex="-1">Executive </a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/constitutionals-independents" class="ma__main-nav__link" tabindex="-1">Constitutionals & Independents</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/legislative-branch" class="ma__main-nav__link" tabindex="-1">Legislative</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/topics/judicial-branch" class="ma__main-nav__link" tabindex="-1">Judicial</a></li>
<li role="menuitem" class="ma__main-nav__subitem"><a href="https://www.mass.gov/state-a-to-z" class="ma__main-nav__link" tabindex="-1">State Offices & Courts A-Z</a></li>
<li role="menuitem" class="ma__main-nav__subitem">
<a href="/topics/your-government" class="ma__main-nav__link" tabindex="-1">
<svg aria-hidden="true"><use xlink:href="#5d98981e06eef44ce4a8815866bec230"></use></svg>
<span>Your Government</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
</section>
</div>
<div class="ma__header__utility-nav ma__header__utility-nav--narrow">
<section class="ma__utility-nav js-util-nav">
<ul class="ma__utility-nav__items">
<li class="ma__utility-nav__item">
<div class="ma__utility-nav__translate">
<div id="google_translate_element"></div>
<div class="ma__utility-nav__translate-icon">
<svg aria-hidden="true"><use xlink:href="#ca67dccf3bdba67679b96da4b38f33c7.1"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 24 24" id="ca67dccf3bdba67679b96da4b38f33c7.1"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 16.057v-3.057h2.994c-.059 1.143-.212 2.24-.456 3.279-.823-.12-1.674-.188-2.538-.222zm1.957 2.162c-.499 1.33-1.159 2.497-1.957 3.456v-3.62c.666.028 1.319.081 1.957.164zm-1.957-7.219v-3.015c.868-.034 1.721-.103 2.548-.224.238 1.027.389 2.111.446 3.239h-2.994zm0-5.014v-3.661c.806.969 1.471 2.15 1.971 3.496-.642.084-1.3.137-1.971.165zm2.703-3.267c1.237.496 2.354 1.228 3.29 2.146-.642.234-1.311.442-2.019.607-.344-.992-.775-1.91-1.271-2.753zm-7.241 13.56c-.244-1.039-.398-2.136-.456-3.279h2.994v3.057c-.865.034-1.714.102-2.538.222zm2.538 1.776v3.62c-.798-.959-1.458-2.126-1.957-3.456.638-.083 1.291-.136 1.957-.164zm-2.994-7.055c.057-1.128.207-2.212.446-3.239.827.121 1.68.19 2.548.224v3.015h-2.994zm1.024-5.179c.5-1.346 1.165-2.527 1.97-3.496v3.661c-.671-.028-1.329-.081-1.97-.165zm-2.005-.35c-.708-.165-1.377-.373-2.018-.607.937-.918 2.053-1.65 3.29-2.146-.496.844-.927 1.762-1.272 2.753zm-.549 1.918c-.264 1.151-.434 2.36-.492 3.611h-3.933c.165-1.658.739-3.197 1.617-4.518.88.361 1.816.67 2.808.907zm.009 9.262c-.988.236-1.92.542-2.797.9-.89-1.328-1.471-2.879-1.637-4.551h3.934c.058 1.265.231 2.488.5 3.651zm.553 1.917c.342.976.768 1.881 1.257 2.712-1.223-.49-2.326-1.211-3.256-2.115.636-.229 1.299-.435 1.999-.597zm9.924 0c.7.163 1.362.367 1.999.597-.931.903-2.034 1.625-3.257 2.116.489-.832.915-1.737 1.258-2.713zm.553-1.917c.27-1.163.442-2.386.501-3.651h3.934c-.167 1.672-.748 3.223-1.638 4.551-.877-.358-1.81-.664-2.797-.9zm.501-5.651c-.058-1.251-.229-2.46-.492-3.611.992-.237 1.929-.546 2.809-.907.877 1.321 1.451 2.86 1.616 4.518h-3.933z"></path></symbol></svg>
</div>
</div>
</li>
<li class="ma__utility-nav__item js-util-nav-toggle">
<a class="ma__utility-nav__link" href="#" aria-label="State Organizations">
<svg aria-hidden="true"><use xlink:href="#708eae26005d027f11d364594c249844.2"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 16 16" id="708eae26005d027f11d364594c249844.2"><path d="M1169.73 14.5924L1169.73 13L1168.27 13L1168.27 14.5924C1166.21 14.9558 1164.6399999999999 16.8309 1164.6399999999999 19.0952L1173.36 19.0952C1173.36 16.8309 1171.79 14.955799999999998 1169.7299999999998 14.592399999999998ZM1176.27 24.4286L1174.09 24.4286L1174.09 21.381C1174.09 20.9604 1173.77 20.619 1173.36 20.619L1164.6399999999999 20.619C1164.2299999999998 20.619 1163.9099999999999 20.9604 1163.9099999999999 21.381L1163.9099999999999 24.4286L1161.7299999999998 24.4286C1161.3299999999997 24.4286 1160.9999999999998 24.7699 1160.9999999999998 25.1905L1160.9999999999998 28.2381C1160.9999999999998 28.659399999999998 1161.3299999999997 29 1161.7299999999998 29L1176.2699999999998 29C1176.6699999999998 29 1176.9999999999998 28.6594 1176.9999999999998 28.2381L1176.9999999999998 25.1905C1176.9999999999998 24.7699 1176.6699999999998 24.4286 1176.2699999999998 24.4286ZM1163.91 27.4762L1162.45 27.4762L1162.45 25.952399999999997L1163.91 25.952399999999997ZM1166.82 27.4762L1165.36 27.4762L1165.36 25.952399999999997L1166.82 25.952399999999997ZM1166.82 23.6667L1165.36 23.6667L1165.36 22.142899999999997L1166.82 22.142899999999997ZM1169.73 27.4762L1168.27 27.4762L1168.27 25.952399999999997L1169.73 25.952399999999997ZM1169.73 23.6667L1168.27 23.6667L1168.27 22.142899999999997L1169.73 22.142899999999997ZM1172.64 27.4762L1171.18 27.4762L1171.18 25.952399999999997L1172.64 25.952399999999997ZM1172.64 23.6667L1171.18 23.6667L1171.18 22.142899999999997L1172.64 22.142899999999997ZM1175.55 27.4762L1174.09 27.4762L1174.09 25.952399999999997L1175.55 25.952399999999997Z " transform="matrix(1,0,0,1,-1161,-13)"></path></symbol></svg>
<span>
State Organizations
</span>
</a>
<div aria-hidden="true" class="ma__utility-nav__content js-util-nav-content is-closed">
<div class="ma__utility-nav__container">
<div class="ma__utility-nav__content-title">
<button class="ma__utility-nav__close js-close-util-nav"><span>Close</span><span class="ma__utility-nav__close-icon" aria-hidden="true">+</span></button>
<svg aria-hidden="true"><use xlink:href="#708eae26005d027f11d364594c249844.3"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 16 16" id="708eae26005d027f11d364594c249844.3"><path d="M1169.73 14.5924L1169.73 13L1168.27 13L1168.27 14.5924C1166.21 14.9558 1164.6399999999999 16.8309 1164.6399999999999 19.0952L1173.36 19.0952C1173.36 16.8309 1171.79 14.955799999999998 1169.7299999999998 14.592399999999998ZM1176.27 24.4286L1174.09 24.4286L1174.09 21.381C1174.09 20.9604 1173.77 20.619 1173.36 20.619L1164.6399999999999 20.619C1164.2299999999998 20.619 1163.9099999999999 20.9604 1163.9099999999999 21.381L1163.9099999999999 24.4286L1161.7299999999998 24.4286C1161.3299999999997 24.4286 1160.9999999999998 24.7699 1160.9999999999998 25.1905L1160.9999999999998 28.2381C1160.9999999999998 28.659399999999998 1161.3299999999997 29 1161.7299999999998 29L1176.2699999999998 29C1176.6699999999998 29 1176.9999999999998 28.6594 1176.9999999999998 28.2381L1176.9999999999998 25.1905C1176.9999999999998 24.7699 1176.6699999999998 24.4286 1176.2699999999998 24.4286ZM1163.91 27.4762L1162.45 27.4762L1162.45 25.952399999999997L1163.91 25.952399999999997ZM1166.82 27.4762L1165.36 27.4762L1165.36 25.952399999999997L1166.82 25.952399999999997ZM1166.82 23.6667L1165.36 23.6667L1165.36 22.142899999999997L1166.82 22.142899999999997ZM1169.73 27.4762L1168.27 27.4762L1168.27 25.952399999999997L1169.73 25.952399999999997ZM1169.73 23.6667L1168.27 23.6667L1168.27 22.142899999999997L1169.73 22.142899999999997ZM1172.64 27.4762L1171.18 27.4762L1171.18 25.952399999999997L1172.64 25.952399999999997ZM1172.64 23.6667L1171.18 23.6667L1171.18 22.142899999999997L1172.64 22.142899999999997ZM1175.55 27.4762L1174.09 27.4762L1174.09 25.952399999999997L1175.55 25.952399999999997Z " transform="matrix(1,0,0,1,-1161,-13)"></path></symbol></svg>
<span>State Organizations</span>
</div>
<div class="ma__utility-nav__content-body">
<section class="ma__utility-panel">
<div class="ma__utility-panel__description ma__utility-panel__description--full">
<section class="ma__rich-text js-ma-rich-text">
<p>The <a href="#">A-Z Organizations page</a> provides an alphabetical listing of government organizations, including commissions, departments, and bureaus.</p>
</section>
</div>
<ul class="ma__utility-panel__items">
</ul>
</section>
</div>
</div>
</div>
</li>
<li class="ma__utility-nav__item js-util-nav-toggle">
<a class="ma__utility-nav__link" href="#" aria-label="Log in to the most requested services">
<svg aria-hidden="true"><use xlink:href="#7cca63275c79dbfb49645255fc91d304.2"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 20 16" id="7cca63275c79dbfb49645255fc91d304.2"><path d="M1338.67 19.6L1338.67 16.400000000000002L1345.3300000000002 22L1338.67 27.6L1338.67 24.400000000000002L1332 24.400000000000002L1332 19.6ZM1340.33 14L1340.33 15.6L1350.33 15.6L1350.33 28.4L1340.33 28.4L1340.33 30L1352 30L1352 14Z " transform="matrix(1,0,0,1,-1332,-14)"></path></symbol></svg>
<span>
Log in to...
</span>
</a>
<div aria-hidden="true" class="ma__utility-nav__content js-util-nav-content is-closed">
<div class="ma__utility-nav__container">
<div class="ma__utility-nav__content-title">
<button class="ma__utility-nav__close js-close-util-nav"><span>Close</span><span class="ma__utility-nav__close-icon" aria-hidden="true">+</span></button>
<svg aria-hidden="true"><use xlink:href="#7cca63275c79dbfb49645255fc91d304.3"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 20 16" id="7cca63275c79dbfb49645255fc91d304.3"><path d="M1338.67 19.6L1338.67 16.400000000000002L1345.3300000000002 22L1338.67 27.6L1338.67 24.400000000000002L1332 24.400000000000002L1332 19.6ZM1340.33 14L1340.33 15.6L1350.33 15.6L1350.33 28.4L1340.33 28.4L1340.33 30L1352 30L1352 14Z " transform="matrix(1,0,0,1,-1332,-14)"></path></symbol></svg>
<span>Log in to...</span>
</div>
<div class="ma__utility-nav__content-body">
<section class="ma__utility-panel">
<div class="ma__utility-panel__description ">
<section class="ma__rich-text js-ma-rich-text">
<p>These are the top requested sites you can log in to access state provided services</p>
</section>
</div>
<ul class="ma__utility-panel__items">
<li class="ma__utility-panel__item js-clickable">
<span class="ma__decorative-link">
<a href="https://uionline.detma.org/Claimant/Core/Login.ASPX" class="js-clickable-link" title="">Unemployment Online <svg aria-hidden="true"><use xlink:href="#b5559d385076d7d517b07db4891c4712.337"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 16 18" id="b5559d385076d7d517b07db4891c4712.337"><path d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></symbol></svg></a>
</span>
</li>
<li class="ma__utility-panel__item js-clickable">
<span class="ma__decorative-link">
<a href="https://sso.hhs.state.ma.us/oam/server/obrareq.cgi?encquery%3DA2%2Fmo5AkZreDycpyP0JZAEOYGvW2hviyNhH9Sht2xPp0V1%2BBtWfHnmRGr6zNHOqOlcjphPk7p6bpHHRyNzzk9IYQ%2FcN%2B%2FIcqL2ThnI217OsIKZepptTpGBx83SI0NWjsE7vDi72caItXWlelbGQT7ePanlrVUUy2%2Fj1UEUaXi5G7m47KO9djBnoetZRCtp9G2ZTNFf6zvCGU7Cs02AXYUj2JMH4aqol%2Bh3OK6uhJNNkFvwQ1MFRUa4gR1az4iaW9u83ExKb2a9eDv8ZIUqhlq3%2BNVGTqZHAsHX4KOONSGQRBwCtLNPWwruacjdd9CaEqeIJ2tnP45KrM93edZ6zU1yoWGbAp%2BUWWMqk4HyrtuA8%3D%20agentid%3Dwebgate1%20ver%3D1%20crmethod%3D2" class="js-clickable-link" title="">Virtual Gateway (SNAP) <svg aria-hidden="true"><use xlink:href="#b5559d385076d7d517b07db4891c4712.338"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 16 18" id="b5559d385076d7d517b07db4891c4712.338"><path d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></symbol></svg></a>
</span>
</li>
<li class="ma__utility-panel__item js-clickable">
<span class="ma__decorative-link">
<a href="https://ecse.cse.state.ma.us/ECSE/Login/login.asp" class="js-clickable-link" title="">Child Support Enforcement <svg aria-hidden="true"><use xlink:href="#b5559d385076d7d517b07db4891c4712.339"></use></svg><svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" viewBox="0 0 16 18" id="b5559d385076d7d517b07db4891c4712.339"><path d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></symbol></svg></a>
</span>
</li>
</ul>
</section>
</div>
</div>
</div>
</li>
</ul>
</section>
</div>
</div>
</nav>
</header>
<!-- end .header -->
<main id="main-content" tabindex="-1">
<div class="pre-content">
<section class="ma__page-header ma__page-header--has-widgets">
<div class="ma__page-header__tags">
<div class="ma__header-tags">
<span>More about:</span>
<div id="" class="ma__header-tags__terms js-header-tag-link">
<a href="#">Mayflower (design)</a>
<a href="#">Mayflower (code)</a>
<a href="#">Mass.gov iFrame policy</a>
<button type="button" class="js-header-tag-button">
<span>show more</span><span>show less</span>
</button>
</div>
</div>
</div>
<div class="ma__page-header__content">
<div class="ma__page-header__publish-state">
<div class="ma__publish-state">Draft</div>
</div>
<h1 class="ma__page-header__title">Mayflower starters</h1>
<div class="ma__page-header__sub-title">Below are example starter projects which use Mayflower patterns to create widgets, pages, and (soon) apps. We create custom functionality on top of Mayflower patterns to show how you can use them to accomplish your business goals. Have fun!</div>
<div class="ma__page-header__optional-content">
<div class="main-content main-content--two">
<div class="page-content">
</div>
</div>
</div>
</div>
<div class="ma__page-header__widgets">
</div>
</section>
</div>
<div class="main-content">
<div class="page-content">
<!-- begin @organisms/by-author/sections-three-up https://mayflower.digital.mass.gov/?p=organisms-sections-three-up&view=c -->
<section class="ma__sections-3up">
<div class="ma__sections-3up__title">
<h2 class="ma__comp-heading ma__comp-heading--centered" tabindex="-1">iFrame starters</h2>
</div>
<div class="ma__sections-3up__container">
<!-- begin @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
<!-- Note: icons and more links are optional, we've removed them here -->
<section class="ma__section-links js-accordion">
<div class="ma__section-links__content">
<h3 class="ma__section-links__title js-accordion-link" id="section_titles_GUIDasjdhf1">
<span class="ma__decorative-link">
<a href="/mayflower-starters/iframe/form-calculator/" class="js-clickable-link" title="">Form calculator<svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</h3>
<nav class="ma__section-links__toggle-content js-accordion-content" aria-labelledby="section_titles_GUIDasjdhf1">
<p class="ma__section-links__description">This is an example implementation of Mayflower form controls with some added "calculator" functionality to render "results" on form submit.</p>
<div class="ma__section-links__mobile-title">
<span class="ma__decorative-link">
<a href="/mayflower-starters/iframe/form-calculator/" class="js-clickable-link" title="learn more about the form calculator example">Learn More <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</div>
<ul class="ma__section-links__items">
<li class="ma__section-links__item">
<div class="ma__callout-link" title=>
<a href="/mayflower-starters/iframe/form-calculator/"><span class="ma__callout-link__container"><span class="ma__callout-link__text" >iFrame demo <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></span></span></a>
</div>
</li>
<li class="ma__section-links__item">
<div class="ma__callout-link" title=>
<a href="#"><span class="ma__callout-link__container"><span class="ma__callout-link__text" >iFrame embedded (Mass.gov) <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></span></span></a>
</div>
</li>
<li class="ma__section-links__item">
<span class="ma__decorative-link">
<a href="https://github.com/massgov/mayflower-starters/blob/master/iframe/form-calculator/README.md" class="js-clickable-link" title="">Implementation instructions <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</li>
</ul>
</nav>
</div>
</section>
<!-- end @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
<!-- begin @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
<!-- Note: icons and more links are optional, we've removed them here -->
<section class="ma__section-links js-accordion">
<div class="ma__section-links__content">
<h3 class="ma__section-links__title js-accordion-link" id="section_titles_GUIDasjdhf1">
<span class="ma__decorative-link">
<a href="/mayflower-starters/iframe/dynamic-data/" class="js-clickable-link" title="">Dynamic data<svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</h3>
<nav class="ma__section-links__toggle-content js-accordion-content" aria-labelledby="section_titles_GUIDasjdhf1">
<p class="ma__section-links__description">An example implementation of a Mayflower button which renders dynamic widget data.</p>
<div class="ma__section-links__mobile-title">
<span class="ma__decorative-link">
<a href="/mayflower-starters/iframe/dynamic-data/" class="js-clickable-link" title="learn more about the dynamic data example">Learn More <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</div>
<ul class="ma__section-links__items">
<li class="ma__section-links__item">
<div class="ma__callout-link" title=>
<a href="/mayflower-starters/iframe/dynamic-data/"><span class="ma__callout-link__container"><span class="ma__callout-link__text" >iFrame demo <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></span></span></a>
</div>
</li>
<li class="ma__section-links__item">
<div class="ma__callout-link" title=>
<a href="#"><span class="ma__callout-link__container"><span class="ma__callout-link__text" >iFrame embedded (Mass.gov) <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></span></span></a>
</div>
</li>
<li class="ma__section-links__item">
<span class="ma__decorative-link">
<a href="#" class="js-clickable-link" title="">Implementation instructions <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</li>
</ul>
</nav>
</div>
</section>
<!-- end @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
<!-- begin @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
<!-- Note: icons and more links are optional, we've removed them here -->
<section class="ma__section-links js-accordion">
<div class="ma__section-links__content">
<h3 class="ma__section-links__title js-accordion-link" id="section_titles_GUIDasjdhf1">
<span class="ma__decorative-link">
<a href="#" class="js-clickable-link" title="">Example 3<svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</h3>
<nav class="ma__section-links__toggle-content js-accordion-content" aria-labelledby="section_titles_GUIDasjdhf1">
<p class="ma__section-links__description">An example implementation of Mayflower ____ with added ____ functionality.</p>
<div class="ma__section-links__mobile-title">
<span class="ma__decorative-link">
<a href="#" class="js-clickable-link" title="learn more about the _____ example">Learn More <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</div>
<ul class="ma__section-links__items">
<li class="ma__section-links__item">
<div class="ma__callout-link" title=>
<a href="#"><span class="ma__callout-link__container"><span class="ma__callout-link__text" >iFrame demo <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></span></span></a>
</div>
</li>
<li class="ma__section-links__item">
<div class="ma__callout-link" title=>
<a href="#"><span class="ma__callout-link__container"><span class="ma__callout-link__text" >iFrame embedded (Mass.gov) <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></span></span></a>
</div>
</li>
<li class="ma__section-links__item">
<span class="ma__decorative-link">
<a href="#" class="js-clickable-link" title="">Implementation instructions <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</li>
</ul>
</nav>
</div>
</section>
<!-- end @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
</div>
</section>
<!-- end @organisms/by-author/sections-three-up https://mayflower.digital.mass.gov/?p=organisms-sections-three-up&view=c -->
<!-- begin @organisms/by-author/sections-three-up https://mayflower.digital.mass.gov/?p=organisms-sections-three-up&view=c -->
<section class="ma__sections-3up">
<div class="ma__sections-3up__title">
<h2 class="ma__comp-heading ma__comp-heading--centered" tabindex="-1">Page starters</h2>
</div>
<div class="ma__sections-3up__container">
<!-- begin @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
<!-- Note: icons and more links are optional, we've removed them here -->
<section class="ma__section-links js-accordion">
<div class="ma__section-links__content">
<h3 class="ma__section-links__title js-accordion-link" id="section_titles_GUIDasjdhf1">
<span class="ma__decorative-link">
<a href="/mayflower-starters/page/#" class="js-clickable-link" title="">Page example 1<svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</h3>
<nav class="ma__section-links__toggle-content js-accordion-content" aria-labelledby="section_titles_GUIDasjdhf1">
<p class="ma__section-links__description">This is an example implementation of Mayflower form controls with some added "calculator" functionality to render "results" on form submit.</p>
<div class="ma__section-links__mobile-title">
<span class="ma__decorative-link">
<a href="/mayflower-starters/iframe/form-calculator/" class="js-clickable-link" title="learn more about the form calculator example">Learn More <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</div>
<ul class="ma__section-links__items">
<li class="ma__section-links__item">
<div class="ma__callout-link" title=>
<a href="/mayflower-starters/iframe/form-calculator/"><span class="ma__callout-link__container"><span class="ma__callout-link__text" >Page demo <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></span></span></a>
</div>
</li>
<li class="ma__section-links__item">
<span class="ma__decorative-link">
<a href="https://github.com/massgov/mayflower-starters/blob/master/form-calculator/README.md" class="js-clickable-link" title="">Implementation Instructions <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</li>
</ul>
</nav>
</div>
</section>
<!-- end @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
<!-- begin @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
<!-- Note: icons and more links are optional, we've removed them here -->
<section class="ma__section-links js-accordion">
<div class="ma__section-links__content">
<h3 class="ma__section-links__title js-accordion-link" id="section_titles_GUIDasjdhf1">
<span class="ma__decorative-link">
<a href="/mayflower-starters/page/#" class="js-clickable-link" title="">Page example 2<svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</h3>
<nav class="ma__section-links__toggle-content js-accordion-content" aria-labelledby="section_titles_GUIDasjdhf1">
<p class="ma__section-links__description">An example implementation of a Mayflower button which renders dynamic widget data.</p>
<div class="ma__section-links__mobile-title">
<span class="ma__decorative-link">
<a href="/mayflower-starters/iframe/dynamic-data/" class="js-clickable-link" title="learn more about the dynamic data example">Learn More <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</div>
<ul class="ma__section-links__items">
<li class="ma__section-links__item">
<div class="ma__callout-link" title=>
<a href="/mayflower-starters/iframe/dynamic-data/"><span class="ma__callout-link__container"><span class="ma__callout-link__text" >Page demo <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></span></span></a>
</div>
</li>
<li class="ma__section-links__item">
<span class="ma__decorative-link">
<a href="#" class="js-clickable-link" title="">Implementation instructions <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</li>
</ul>
</nav>
</div>
</section>
<!-- end @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
<!-- begin @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
<!-- Note: icons and more links are optional, we've removed them here -->
<section class="ma__section-links js-accordion">
<div class="ma__section-links__content">
<h3 class="ma__section-links__title js-accordion-link" id="section_titles_GUIDasjdhf1">
<span class="ma__decorative-link">
<a href="#" class="js-clickable-link" title="">Example 3<svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</h3>
<nav class="ma__section-links__toggle-content js-accordion-content" aria-labelledby="section_titles_GUIDasjdhf1">
<p class="ma__section-links__description">An example implementation of Mayflower ____ with added ____ functionality.</p>
<div class="ma__section-links__mobile-title">
<span class="ma__decorative-link">
<a href="#" class="js-clickable-link" title="learn more about the _____ example">Learn More <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</div>
<ul class="ma__section-links__items">
<li class="ma__section-links__item">
<div class="ma__callout-link" title=>
<a href="#"><span class="ma__callout-link__container"><span class="ma__callout-link__text" >Page demo <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></span></span></a>
</div>
</li>
<li class="ma__section-links__item">
<span class="ma__decorative-link">
<a href="#" class="js-clickable-link" title="">Implementation instructions <svg aria-hidden="true" id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="16" height="18" viewBox="0 0 16 18"><defs id="SvgjsDefs1001"></defs><path id="SvgjsPath1007" d="M983.721 1887.28L983.721 1887.28L986.423 1890L986.423 1890L986.423 1890L983.721 1892.72L983.721 1892.72L978.318 1898.17L975.617 1895.45L979.115 1891.92L971.443 1891.92L971.443 1888.0700000000002L979.103 1888.0700000000002L975.617 1884.5500000000002L978.318 1881.8300000000002Z " transform="matrix(1,0,0,1,-971,-1881)"></path></svg></a>
</span>
</li>
</ul>
</nav>
</div>
</section>
<!-- end @molecules/section-links https://mayflower.digital.mass.gov/?p=molecules-section-links&view=c -->
</div>
</section>
<!-- end @organisms/by-author/sections-three-up https://mayflower.digital.mass.gov/?p=organisms-sections-three-up&view=c -->
</div>
</div>
<div class="post-content">
</div>
</main>
<footer class="ma__footer js-footer" id="footer">
<div class="ma__footer__container">
<div class="ma__footer__nav">
<section class="ma__footer-links">
<nav role="navigation" aria-labeledby="FooterLinks1">
<h2 class="visually-hidden" id="FooterLinks1">FooterLinks1</h2>
<ul class="ma__footer-links__items">
<li class="ma__footer-links__item">
<a href="#" class="ma__footer-links__link">Living</a>
</li>
<li class="ma__footer-links__item">
<a href="#" class="ma__footer-links__link">Working</a>
</li>
<li class="ma__footer-links__item">
<a href="#" class="ma__footer-links__link">Learning</a>
</li>
<li class="ma__footer-links__item">
<a href="#" class="ma__footer-links__link">Visiting & Exploring</a>
</li>
<li class="ma__footer-links__item">
<a href="#" class="ma__footer-links__link">Your Government</a>
</li>
</ul>
</nav>
<nav role="navigation" aria-labeledby="FooterLinks2">
<h2 class="visually-hidden" id="FooterLinks2">FooterLinks2</h2>
<ul class="ma__footer-links__items">
<li class="ma__footer-links__item">
<a href="#" class="ma__footer-links__link">Contact Us</a>
</li>
<li class="ma__footer-links__item">
<a href="#" class="ma__footer-links__link">State Data</a>
</li>
<li class="ma__footer-links__item">
<a href="#" class="ma__footer-links__link">Feedback</a>
</li>
</ul>
</nav>
<nav role="navigation" aria-labeledby="FooterLinks3">
<h2 class="visually-hidden" id="FooterLinks3">FooterLinks3</h2>
<ul class="ma__footer-links__items">
<li class="ma__footer-links__item">
<a href="#" class="ma__footer-links__link">Sitemap</a>
</li>
<li class="ma__footer-links__item">
<a href="#" class="ma__footer-links__link">Disclaimer</a>
</li>
<li class="ma__footer-links__item">
<a href="#" class="ma__footer-links__link">Site Policies</a>
</li>
</ul>
</nav>
</section>
</div>
<section class="ma__footer__info">
<div class="ma__footer__logo">
<img src="https://mayflower.digital.mass.gov/assets/images/stateseal.png" alt="Massachusetts State Seal" width="120" height="120" />
</div>
<div class="ma__footer__social">
<section class="ma__social-links">
<ul class="ma__social-links__items">
<li class="ma__social-links__item">
<a href="#" class="ma__social-links__link js-social-share" data-social-share="">
<span class="visually-hidden">Follow us on Facebook</span>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="11" height="20" viewBox="0 0 11 20"><defs></defs><path d="M87.162 56.75H84.73880000000001C83.9625 56.75 83.3816 57.065 83.3816 57.8612V59.25H87.162L86.86080000000001 63H83.3816V73H79.60130000000001V63H77.081V59.25H79.60130000000001V56.8463C79.60130000000001 54.318799999999996 80.94210000000001 53 83.9625 53H87.162Z " fill="#395999" fill-opacity="1" transform="matrix(1,0,0,1,-77,-53)"></path></svg>
</a>
</li>
<li class="ma__social-links__item">
<a href="#" class="ma__social-links__link js-social-share" data-social-share="">
<span class="visually-hidden">Follow us on Twitter</span>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="21" height="17" viewBox="0 0 21 17"><defs></defs><path d="M143.558 59.5463C143.82 65.3175 139.482 71.7525 131.801 71.7525C129.46499999999997 71.7525 127.29099999999998 71.0737 125.46 69.9088C127.65499999999999 70.165 129.845 69.5612 131.584 68.21C129.774 68.1763 128.246 66.99 127.721 65.36C128.37 65.4825 129.007 65.4463 129.588 65.29C127.59899999999999 64.89380000000001 126.226 63.116200000000006 126.27 61.215C126.827 61.5225 127.466 61.7075 128.143 61.7287C126.302 60.5075 125.78 58.095000000000006 126.863 56.25C128.903 58.7325 131.951 60.3663 135.389 60.5375C134.785 57.9713 136.74800000000002 55.5 139.419 55.5C140.608 55.5 141.68300000000002 55.9975 142.43800000000002 56.7962C143.38000000000002 56.6125 144.26600000000002 56.2712 145.06500000000003 55.8012C144.75700000000003 56.76 144.10000000000002 57.5638 143.247 58.0713C144.084 57.9713 144.881 57.751200000000004 145.622 57.425000000000004C145.068 58.245000000000005 144.366 58.9675 143.55800000000002 59.5463Z " fill="#16a2f3" fill-opacity="1" transform="matrix(1,0,0,1,-125,-55)"></path></svg>
</a>
</li>
<li class="ma__social-links__item">
<a href="#" class="ma__social-links__link js-social-share" data-social-share="">
<span class="visually-hidden">Follow us on LinkedIn</span>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="20" height="20" viewBox="0 0 20 20"><defs></defs><path d="M182.645 71.75H178.864V58H182.645ZM180.754 56.415C179.53699999999998 56.415 178.54899999999998 55.4275 178.54899999999998 54.21C178.54899999999998 52.9925 179.53699999999998 52.005 180.754 52.005C181.97199999999998 52.005 182.95999999999998 52.9925 182.95999999999998 54.21C182.95999999999998 55.4275 181.97299999999998 56.415 180.754 56.415ZM197.766 63.3012C197.766 56.735 190.706 56.973800000000004 188.945 60.2063V58H185.165V71.75H188.945V64.745C188.945 60.8537 193.986 60.535000000000004 193.986 64.745V71.75H197.766Z " fill="#0078b6" fill-opacity="1" transform="matrix(1,0,0,1,-178,-52)"></path></svg>
</a>
</li>
<li class="ma__social-links__item">
<a href="#" class="ma__social-links__link js-social-share" data-social-share="">
<span class="visually-hidden">Follow us on Youtube</span>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="21" height="16" viewBox="0 0 21 16"><defs></defs><path d="M238.795 59.6663L245.515 62.9938L238.795 66.3338ZM251.396 63C251.37099999999998 57.8463 250.98899999999998 55.875 247.713 55.6537C244.685 55.4488 237.942 55.45 234.91899999999998 55.6537C231.64499999999998 55.875 231.259 57.8375 231.23399999999998 63C231.259 68.1538 231.641 70.125 234.91699999999997 70.3462C237.93999999999997 70.55 244.68299999999996 70.5513 247.71099999999998 70.3462C250.98499999999999 70.125 251.37099999999998 68.1625 251.396 63Z " fill="#CC181E" fill-opacity="1" transform="matrix(1,0,0,1,-231,-55)"></path></svg>
</a>
</li>
<li class="ma__social-links__item">
<a href="#" class="ma__social-links__link js-social-share" data-social-share="">
<span class="visually-hidden">Read our blog</span>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="21" height="20" viewBox="0 0 21 20"><defs></defs><path d="M289.47 70.2937C289.47 68.7988 288.24800000000005 67.5875 286.74 67.5875C285.231 67.5875 284.008 68.7988 284.008 70.2937C284.008 71.7887 285.231 73 286.74 73C288.248 73 289.47 71.7887 289.47 70.2937ZM297.315 73C297.262 65.7413 291.334 59.8688 284.008 59.8175V63.8262C289.091 63.8775 293.216 67.9638 293.267 73ZM300.123 73C300.097 64.1713 292.895 57.0488 284.008 57.01V53C295.135 53.0388 304.145 61.9737 304.16999999999996 73Z " fill-opacity="1" transform="matrix(1,0,0,1,-284,-53)"></path></svg>
</a>
</li>
<li class="ma__social-links__item">
<a href="#" class="ma__social-links__link js-social-share" data-social-share="">
<span class="visually-hidden">Follow us on Instagram</span>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="21" height="20" viewBox="0 0 21 20"><defs></defs><path d="M346.878 59.6663C345.022 59.6663 343.518 61.158699999999996 343.518 63C343.518 64.8425 345.022 66.3338 346.878 66.3338C348.735 66.3338 350.239 64.8412 350.239 63C350.239 61.1587 348.73499999999996 59.6663 346.878 59.6663ZM350.952 54.86C349.89 54.8125 349.57 54.8025 346.878 54.8025C344.187 54.8025 343.868 54.8125 342.804 54.861200000000004C340.07 54.9838 338.79699999999997 56.27 338.673 58.96C338.625 60.0137 338.613 60.33 338.613 63C338.613 65.67 338.625 65.9863 338.674 67.0425C338.79699999999997 69.72630000000001 340.066 71.0175 342.806 71.1413C343.86699999999996 71.1887 344.18699999999995 71.1987 346.878 71.1987C349.57099999999997 71.1987 349.89 71.1875 350.954 71.14C353.688 71.0175 354.96000000000004 69.7287 355.086 67.0413C355.134 65.9863 355.144 65.67 355.144 63.00000000000001C355.144 60.330000000000005 355.134 60.01370000000001 355.086 58.96000000000001C354.96000000000004 56.27000000000001 353.684 54.98380000000001 350.952 54.86000000000001ZM346.878 68.135C344.02 68.135 341.702 65.8362 341.702 63.00000000000001C341.702 60.16380000000001 344.019 57.86500000000001 346.878 57.86500000000001C349.736 57.86500000000001 352.055 60.16380000000001 352.055 63.00000000000001C352.055 65.8362 349.738 68.135 346.878 68.135ZM352.259 58.8625C351.591 58.8625 351.04900000000004 58.324999999999996 351.04900000000004 57.662499999999994C351.04900000000004 56.99999999999999 351.591 56.46249999999999 352.259 56.46249999999999C352.927 56.46249999999999 353.469 56.99999999999999 353.469 57.662499999999994C353.469 58.324999999999996 352.928 58.8625 352.259 58.8625ZM356.899 67.1225C356.734 70.7587 354.692 72.77380000000001 351.036 72.94C349.959 72.9888 349.617 73 346.878 73C344.14 73 343.799 72.9888 342.723 72.94C339.058 72.7738 337.027 70.755 336.858 67.1225C336.809 66.05630000000001 336.797 65.7162 336.797 63C336.797 60.285 336.809 59.9438 336.858 58.8762C337.027 55.241299999999995 339.061 53.226299999999995 342.723 53.059999999999995C343.79900000000004 53.0113 344.14 52.99999999999999 346.878 52.99999999999999C349.61699999999996 52.99999999999999 349.959 53.01129999999999 351.036 53.061299999999996C354.7 53.2275 356.734 55.24999999999999 356.899 58.8775C356.948 59.943799999999996 356.959 60.285 356.959 63C356.959 65.7162 356.948 66.0563 356.899 67.1225Z " fill-opacity="1" transform="matrix(1,0,0,1,-336,-53)"></path></svg>
</a>
</li>
</ul>
</section>
</div>
<div class="ma__footer__copyright">
<p><b>© 2016 Commonwealth of Massachusetts.</b></p>
<p>Mass.Gov® is a registered service mark of the Commonwealth of Massachusetts.</p>
</div>
</section>
</div>
</footer>
<div class="ma__floating-action ma__floating-action--right">
<a
href="#"
class="ma__button ma__button--small ma__button--green ma__button--minor"
title="">Tell us what you think</a>
</div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar,es,fr,pt,ht,it,km,ko,ru,vi,zh-CN', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
document.querySelector('#google_translate_element').classList.add('has-rendered');
}
(function() {
var script = document.createElement('script');
script.src = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit";
script.async = true;
element = document.getElementsByTagName('head')[0];
element.appendChild(script);
})();
</script>
<!-- Configure your assets paths javascript for Mayflower, make sure it comes before Mayflower js -->
<script src="./js/env.js"></script>
<!--Mayflower js -->
<!--Mayflower Third part javascript functionality (i.e. jQuery, moment, pikaday) -->
<script src="https://mayflower.digital.mass.gov/v/9.0.0/assets/js/vendor-generated.js"></script>
<!-- Mayflower custom module js (i.e. menu, accordions, form validation etc.) -->
<script src="https://mayflower.digital.mass.gov/v/9.0.0/assets/js/index-generated.js"></script>
<!-- Custom app js -->
<!-- This is your custom widget js, make sure it comes after mayflower js! -->
<script src="./js/app.js"></script>
</body>
</html>