-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
181 lines (181 loc) · 20 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Martes Delta Co</title>
<meta property="og:title" content="Martes Delta Co, llc... We build stuff." />
<meta property="og:image" content="https://martesdelta.co/[email protected]" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="pinned-tab.svg" color="#8338EC">
<script src="https://unpkg.com/smoothscroll-polyfill/dist/smoothscroll.min.js"></script>
<script src="https://unpkg.com/smoothscroll-anchor-polyfill"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap" rel="stylesheet">
<!-- <link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="styles.css"> -->
<link rel="stylesheet" href="./dist/output.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VDTMHH0T4Z"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-VDTMHH0T4Z');
</script>
</head>
<body>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;">
<defs>
<symbol id="logo-sc" viewBox="0 0 422 356" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Martes Delta Co</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g class="fg" transform="translate(-59.000000, -92.000000)">
<g transform="translate(59.237600, 92.500000)">
<path d="M112.0004,347 L121.9944,347 L120.0004,355 L0,355 L83.5244,20 L193.5304,20 L112.0004,347 Z M131.9914,134.516 L155.4154,134.516 C156.3544,134.516 157.0794,134.857 157.5924,135.54 C158.1044,136.223 158.2434,137.033 158.0094,137.972 L137.3934,220.66 C137.1594,221.599 136.6154,222.409 135.7634,223.092 C134.9104,223.775 134.0144,224.116 133.0754,224.116 L109.9074,224.116 C108.9694,224.116 108.2434,223.775 107.7314,223.092 C107.2184,222.409 107.0794,221.599 107.3134,220.66 L117.2064,180.98 L103.2674,199.412 C102.4994,200.436 101.5354,201.225 100.3724,201.78 C99.2104,202.335 98.1174,202.612 97.0934,202.612 L88.3894,202.612 C86.9384,202.612 85.8394,202.228 85.0924,201.46 C84.3454,200.692 83.9184,200.009 83.8114,199.412 L79.0624,180.98 L69.1694,220.66 C68.9354,221.599 68.3914,222.409 67.5394,223.092 C66.6864,223.775 65.7904,224.116 64.8514,224.116 L41.6834,224.116 C40.745,224.116 40.0195,223.775 39.507,223.092 C38.9945,222.409 38.8553,221.599 39.0894,220.66 L59.7054,137.972 C59.9394,137.033 60.4834,136.223 61.3364,135.54 C62.1894,134.857 63.0844,134.516 64.0234,134.516 L87.4474,134.516 C89.8364,134.516 91.3844,135.668 92.0894,137.972 L101.1984,168.692 L125.6254,137.972 C127.4804,135.668 129.6024,134.516 131.9914,134.516 Z"></path>
<path d="M226.0004,337 L235.9944,337 L234.0004,345 L114.0004,345 L197.5244,10 L307.5304,10 L226.0004,337 Z M178.2494,134.498 L219.0814,134.498 C228.4684,134.498 236.3084,135.736 242.6034,138.21 C248.8984,140.685 253.4454,144.866 256.2444,150.754 C259.0424,156.642 259.3464,163.981 257.1554,172.77 L253.8994,185.826 C250.4954,199.48 243.4094,209.421 232.6394,215.65 C222.7874,221.282 210.8214,224.098 196.7414,224.098 L155.9094,224.098 C154.9704,224.098 154.2454,223.757 153.7324,223.074 C153.2204,222.392 153.0814,221.581 153.3154,220.642 L173.9314,137.954 C174.1654,137.016 174.7094,136.205 175.5624,135.522 C176.4144,134.84 177.3104,134.498 178.2494,134.498 Z M201.8504,159.458 L191.9564,199.138 L203.6044,199.138 C207.6154,199.138 211.0334,198.178 213.8584,196.258 C216.6844,194.338 218.5334,191.629 219.4054,188.13 L223.8094,170.466 C224.6814,166.968 224.1844,164.258 222.3164,162.338 C220.4484,160.418 217.5084,159.458 213.4984,159.458 L201.8504,159.458 Z"></path>
<path d="M421.5244,0 L311.5244,0 L228.0004,335 L338.0004,335 L421.5244,0 Z M308.2104,167.81 L303.1034,188.29 C302.2314,191.788 302.7344,194.476 304.6134,196.354 C306.4914,198.231 309.3294,199.17 313.1274,199.17 C316.9244,199.17 319.8254,198.572 321.8294,197.378 C323.8344,196.183 325.6994,194.434 327.4264,192.13 C329.1524,189.826 330.9544,188.674 332.8324,188.674 L360.4804,188.674 C361.2484,188.674 361.8404,188.951 362.2564,189.506 C362.6724,190.06 362.7854,190.722 362.5934,191.49 C360.6154,199.426 355.0524,206.679 345.9044,213.25 C341.3414,216.492 335.6954,219.116 328.9654,221.122 C322.2364,223.127 314.6474,224.13 306.1994,224.13 C297.7514,224.13 290.3754,222.828 284.0694,220.226 C277.7634,217.623 273.1734,213.356 270.3004,207.426 C267.4274,201.495 267.0654,194.22 269.2134,185.602 L272.9794,170.498 C275.1284,161.879 279.1234,154.583 284.9654,148.61 C295.9234,137.516 311.0014,131.97 330.2014,131.97 C337.9674,131.97 344.7144,132.972 350.4434,134.978 C356.1734,136.983 360.5114,139.607 363.4574,142.85 C369.3284,149.42 371.2744,156.674 369.2954,164.61 C369.1044,165.378 368.6624,166.039 367.9694,166.594 C367.2764,167.148 366.5454,167.426 365.7774,167.426 L338.1294,167.426 C336.2524,167.426 335.0254,166.274 334.4474,163.97 C333.8694,161.666 332.8764,159.916 331.4674,158.722 C330.0594,157.527 327.4564,156.93 323.6584,156.93 C319.8614,156.93 316.5554,157.868 313.7404,159.746 C310.9254,161.623 309.0824,164.311 308.2104,167.81 Z"></path>
</g>
</g>
</g>
</symbol>
</defs>
</svg>
<div class="navbar mb-2 text-neutral-content bg-base-100 fixed w-full z-50">
<div class="flex-1 px-2 mx-2">
<a href="#home" class="text-lg font-bold">
<svg class="icon icon-logo max-h-16 w-16">
<title>Martes Delta Co</title>
<use xlink:href="#logo-sc"></use>
</svg>
</a>
</div>
<div class="flex-none hidden px-2 mx-2 lg:flex">
<div class="flex items-stretch">
<a class="btn btn-ghost btn-md rounded-btn text-lg" href="#what">
What we do
</a>
<a class="btn btn-ghost btn-md rounded-btn text-lg" href="#who">
Who we are
</a>
<a class="btn btn-ghost btn-md rounded-btn text-lg" href="#pricing">
Pricing
</a>
<a class="btn btn-ghost btn-md rounded-btn text-lg" href="#contact">
Contact
</a>
</div>
</div>
<div class="flex-none lg:hidden">
<div class="dropdown dropdown-end">
<button class="btn btn-square btn-ghost">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-6 h-6 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
<ul tabindex="0" class="p-2 shadow menu dropdown-content bg-base-200 rounded-box w-64">
<li class="my-4 h-12">
<a class="btn btn-ghost btn-md rounded-btn text-lg" href="#what">
What we do
</a>
</li>
<li class="my-4 h-12">
<a class="btn btn-ghost btn-md rounded-btn text-lg" href="#who">
Who we are
</a>
</li>
<li class="my-4 h-12">
<a class="btn btn-ghost btn-md rounded-btn text-lg" href="#pricing">
Pricing
</a>
</li>
<li class="my-4 h-12">
<a class="btn btn-ghost btn-md rounded-btn text-lg" href="#contact">
Contact
</a>
</li>
</ul>
</div>
</div>
</div>
<audio id="m_snd" preload="auto" src="m.mp3"></audio>
<audio id="d_snd" preload="auto" src="d.mp3"></audio>
<audio id="c_snd" preload="auto" src="c.mp3"></audio>
<div id="home" class="max-w-3xl mx-auto px-8">
<div class="hero min-h-screen">
<div class="flex-col hero-content min-w-full lg:flex-row-reverse">
<svg id="logo" class="max-h-screen max-w-xs w-full" viewBox="0 0 540 540" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<rect x="0" y="-0" width="540" height="540" style="fill:none;"/>
<g id="sticker">
<path fill="#999" d="M356.908,88.5l-98.146,0c-5.823,0 -11.054,3.144 -13.854,8l-98.146,-0c-7.345,-0 -13.747,5.002 -15.524,12.129l-83.525,335c-1.192,4.779 -0.116,9.84 2.916,13.722c3.033,3.881 7.683,6.149 12.609,6.149l120,-0c5.823,-0 11.054,-3.144 13.854,-8l98.146,0c5.823,0 11.054,-3.144 13.854,-8l88.146,0c7.345,0 13.747,-5.002 15.524,-12.129l83.525,-335c1.192,-4.779 0.116,-9.84 -2.916,-13.722c-3.033,-3.881 -7.683,-6.149 -12.609,-6.149l-110,0c-5.823,0 -11.054,3.144 -13.854,8Zm11.86,16l1.994,-8l110,0l-83.524,335l-100.006,0l-1.994,8l-110.006,0l-1.994,8l-120,-0l83.524,-335l110.006,-0l1.994,-8l110.006,0Z"/>
<path fill="#fff" d="M366.768,102.5l1.994,-8l110,0l-83.524,335l-100.006,0l-1.994,8l-110.006,0l-1.994,8l-120,-0l83.524,-335l110.006,-0l1.994,-8l110.006,0Z"/>
<path fill="#fff" d="M354.908,86.5l-98.146,0c-5.823,0 -11.054,3.144 -13.854,8l-98.146,-0c-7.345,-0 -13.747,5.002 -15.524,12.129l-83.525,335c-1.192,4.779 -0.116,9.84 2.916,13.722c3.033,3.881 7.683,6.149 12.609,6.149l120,-0c5.823,-0 11.054,-3.144 13.854,-8l98.146,0c5.823,0 11.054,-3.144 13.854,-8l88.146,0c7.345,0 13.747,-5.002 15.524,-12.129l83.525,-335c1.192,-4.779 0.116,-9.84 -2.916,-13.722c-3.033,-3.881 -7.683,-6.149 -12.609,-6.149l-110,0c-5.823,0 -11.054,3.144 -13.854,8Zm11.86,16l1.994,-8l110,0l-83.524,335l-100.006,0l-1.994,8l-110.006,0l-1.994,8l-120,-0l83.524,-335l110.006,-0l1.994,-8l110.006,0Z"/>
<g id="m">
<path class="m-bg" d="M67.772,437.15l26.937,-131.256l21.491,-85.12l32.562,-106.274l120,-0l-27.241,107.25c-0,-0 -11.655,-0.683 -12.508,-0c-0.853,0.682 -22.24,89.6 -22.24,89.6c-0.234,0.938 12.408,-0 12.408,-0l-33.943,138.15l-120,-0l-8,-8l10.534,-4.35Zm92.09,-196.131l-1.426,14.173l8,8l24.427,-30.72c1.855,-2.304 3.977,-3.456 6.366,-3.456l23.424,0c0.939,0 1.664,0.341 2.177,1.024c0.512,0.683 0.651,1.493 0.417,2.432l-20.616,82.688c-0.234,0.939 -0.778,1.749 -1.63,2.432c-0.853,0.683 -1.749,1.024 -2.688,1.024l-23.168,0c-0.938,0 -1.664,-0.341 -2.176,-1.024c-0.513,-0.683 -0.652,-1.493 -0.418,-2.432l9.893,-39.68l-8,-8l-12.985,29.488l0.259,0.144l-8.091,0c-1.451,0 -2.55,-0.384 -3.297,-1.152c-0.747,-0.768 -1.174,-1.451 -1.281,-2.048l-4.749,-18.432l-8,-8l-1.239,23.383l4.927,1.913l-5.581,22.384c-0.234,0.939 -0.778,1.749 -1.63,2.432c-0.853,0.683 -1.749,1.024 -2.688,1.024l-23.168,0c-0.938,0 -1.664,-0.341 -2.176,-1.024c-0.513,-0.683 -0.652,-1.493 -0.418,-2.432l20.616,-82.688c0.234,-0.939 0.778,-1.749 1.631,-2.432c0.853,-0.683 1.748,-1.024 2.687,-1.024l23.424,0c2.389,0 3.937,1.152 4.642,3.456l2.535,8.547Z"/>
<path class="m-fg" d="M232.106,221.434c-0.462,0.528 -0.774,1.119 -0.937,1.772l-20.616,82.688c-0.163,0.652 -0.145,1.243 0.053,1.772l-33.368,133.834l-120,-0l83.524,-335l120,-0l-28.656,114.934Zm-42.877,-0.418l23.424,0c0.939,0 1.664,0.341 2.177,1.024c0.512,0.683 0.651,1.493 0.417,2.432l-20.616,82.688c-0.234,0.939 -0.778,1.749 -1.63,2.432c-0.853,0.683 -1.749,1.024 -2.688,1.024l-23.168,0c-0.938,0 -1.664,-0.341 -2.176,-1.024c-0.513,-0.683 -0.652,-1.493 -0.418,-2.432l9.893,-39.68l-13.939,18.432c-0.768,1.024 -1.732,1.813 -2.895,2.368c-1.162,0.555 -2.255,0.832 -3.279,0.832l-8.704,0c-1.451,0 -2.55,-0.384 -3.297,-1.152c-0.747,-0.768 -1.174,-1.451 -1.281,-2.048l-4.749,-18.432l-9.893,39.68c-0.234,0.939 -0.778,1.749 -1.63,2.432c-0.853,0.683 -1.749,1.024 -2.688,1.024l-23.168,0c-0.938,0 -1.664,-0.341 -2.176,-1.024c-0.513,-0.683 -0.652,-1.493 -0.418,-2.432l20.616,-82.688c0.234,-0.939 0.778,-1.749 1.631,-2.432c0.853,-0.683 1.748,-1.024 2.687,-1.024l23.424,0c2.389,0 3.937,1.152 4.642,3.456l9.109,30.72l24.427,-30.72c1.855,-2.304 3.977,-3.456 6.366,-3.456Z"/>
</g>
<g id="d">
<path class="d-bg" d="M350.172,229.19c-2.483,1.756 -4.806,3.73 -6.969,5.92c-5.842,5.973 -9.837,13.269 -11.986,21.888l-3.766,15.104c-2.148,8.618 -1.786,15.893 1.087,21.824c1.086,2.242 2.418,4.246 3.995,6.012l-35.295,141.562l-120,0l-8,-8l51.225,-180.12l40.299,-146.88l120,0l-30.59,122.69Zm-106.685,0.308l40.832,0c9.387,0 17.227,1.238 23.522,3.712c6.295,2.475 10.842,6.656 13.641,12.544c2.798,5.888 3.102,13.227 0.911,22.016l-3.256,13.056c-3.404,13.654 -10.49,23.595 -21.26,29.824c-9.852,5.632 -21.818,8.448 -35.898,8.448l-40.832,0c-0.939,0 -1.664,-0.341 -2.177,-1.024c-0.512,-0.682 -0.651,-1.493 -0.417,-2.432l20.616,-82.688c0.234,-0.938 0.778,-1.749 1.631,-2.432c0.852,-0.682 1.748,-1.024 2.687,-1.024Zm17.758,48.395l-12.051,8.245l8,8l11.648,0c4.011,0 7.429,-0.96 10.254,-2.88c2.826,-1.92 4.675,-4.629 5.547,-8.128l4.404,-17.664c0.872,-3.498 0.375,-6.208 -1.493,-8.128c-0.047,-0.048 -0.095,-0.096 -0.144,-0.143l-7.856,-7.857l-4.229,5.12l-8.237,0l-5.843,23.435Z"/>
<path class="d-fg" d="M336.53,243.822c-2.345,3.982 -4.115,8.373 -5.313,13.176l-3.766,15.104c-1.197,4.802 -1.615,9.187 -1.253,13.156l-36.96,148.242l-120,0l83.524,-335l120,0l-36.232,145.322Zm-101.043,-22.824l40.832,0c9.387,0 17.227,1.238 23.522,3.712c6.295,2.475 10.842,6.656 13.641,12.544c2.798,5.888 3.102,13.227 0.911,22.016l-3.256,13.056c-3.404,13.654 -10.49,23.595 -21.26,29.824c-9.852,5.632 -21.818,8.448 -35.898,8.448l-40.832,0c-0.939,0 -1.664,-0.341 -2.177,-1.024c-0.512,-0.682 -0.651,-1.493 -0.417,-2.432l20.616,-82.688c0.234,-0.938 0.778,-1.749 1.631,-2.432c0.852,-0.682 1.748,-1.024 2.687,-1.024Zm23.601,24.96l-9.894,39.68l11.648,0c4.011,0 7.429,-0.96 10.254,-2.88c2.826,-1.92 4.675,-4.629 5.547,-8.128l4.404,-17.664c0.872,-3.498 0.375,-6.208 -1.493,-8.128c-1.868,-1.92 -4.808,-2.88 -8.818,-2.88l-11.648,0Z"/>
</g>
<g id="c">
<path class="c-bg" d="M482.762,98.5l-8,-8l-102,8l-41.654,144.61l-49.87,182.39l8,8l110,0l83.524,-335Zm-113.422,180.283l-7.489,4.071l8,8c1.878,1.877 4.716,2.816 8.514,2.816c3.797,-0 6.698,-0.598 8.702,-1.792c2.005,-1.195 3.87,-2.944 5.597,-5.248c1.726,-2.304 3.528,-3.456 5.406,-3.456l22.247,-0c0.768,-0 1.36,0.277 1.776,0.832c0.417,0.554 0.529,1.216 0.338,1.984c-1.979,7.936 -2.141,15.189 -11.289,21.76c-4.563,3.242 -10.209,5.866 -16.939,7.872c-6.729,2.005 -14.318,3.008 -22.766,3.008c-8.448,-0 -15.824,-1.302 -22.13,-3.904c-6.306,-2.603 -10.896,-6.87 -13.769,-12.8c-2.873,-5.931 -3.235,-13.206 -1.087,-21.824l3.766,-15.104c2.149,-8.619 6.144,-15.915 11.986,-21.888c10.958,-11.094 26.036,-16.64 45.236,-16.64c7.766,-0 14.513,1.002 20.242,3.008c5.73,2.005 10.068,4.629 13.014,7.872c5.871,6.57 3.305,8.96 1.326,16.896c-0.191,0.768 -0.633,1.429 -1.326,1.984c-0.693,0.554 -1.424,0.832 -2.192,0.832l-23.136,4.864c-1.877,-0 -3.104,-1.152 -3.682,-3.456c-0.578,-2.304 -1.571,-4.054 -2.98,-5.248l-8,-8l-3.824,5.967l0.661,0.506c-2.424,0.399 -4.612,1.249 -6.564,2.551c-2.815,1.877 -4.658,4.565 -5.53,8.064l-4.108,16.473Z"/>
<path class="c-fg" d="M474.762,90.5l-110,0l-83.524,335l110,0l83.524,-335Zm-109.314,163.81l-5.107,20.48c-0.872,3.498 -0.369,6.186 1.51,8.064c1.878,1.877 4.716,2.816 8.514,2.816c3.797,-0 6.698,-0.598 8.702,-1.792c2.005,-1.195 3.87,-2.944 5.597,-5.248c1.726,-2.304 3.528,-3.456 5.406,-3.456l27.648,-0c0.768,-0 1.36,0.277 1.776,0.832c0.416,0.554 0.529,1.216 0.337,1.984c-1.978,7.936 -7.541,15.189 -16.689,21.76c-4.563,3.242 -10.209,5.866 -16.939,7.872c-6.729,2.005 -14.318,3.008 -22.766,3.008c-8.448,-0 -15.824,-1.302 -22.13,-3.904c-6.306,-2.603 -10.896,-6.87 -13.769,-12.8c-2.873,-5.931 -3.235,-13.206 -1.087,-21.824l3.766,-15.104c2.149,-8.619 6.144,-15.915 11.986,-21.888c10.958,-11.094 26.036,-16.64 45.236,-16.64c7.766,-0 14.513,1.002 20.242,3.008c5.73,2.005 10.068,4.629 13.014,7.872c5.871,6.57 7.817,13.824 5.838,21.76c-0.191,0.768 -0.633,1.429 -1.326,1.984c-0.693,0.554 -1.424,0.832 -2.192,0.832l-27.648,-0c-1.877,-0 -3.104,-1.152 -3.682,-3.456c-0.578,-2.304 -1.571,-4.054 -2.98,-5.248c-1.408,-1.195 -4.011,-1.792 -7.809,-1.792c-3.797,-0 -7.103,0.938 -9.918,2.816c-2.815,1.877 -4.658,4.565 -5.53,8.064Z"/>
</g>
</g>
</svg>
<div>
<h1 class="text-3xl md:text-4xl font-black mb-2 mdc">Martes Delta Co</h1>
<h2 class="text-3xl md:text-4xl font-black">We build stuff.</h2>
</div>
</div>
</div>
<section id="what" class="pt-24 mx-auto">
<h1 class="mb-4">What we do</h1>
<h2>We build stuff. Could've sworn I mentioned that...</h2>
<p>You have a restaurant? A band? A budding side-gig? You probably need a web site. We can help.</p>
<p>You have an idea for a mobile app, but you don't know how to make them? We do! We can help.</p>
<p>You have an idea for a product—a new design on the toothpick, or an electronic sock, maybe—but you don't know how to make plastic things or circuits? We can help.</p>
<p>At <span class="mdc">Martes Delta Co</span>, we've been doing "this stuff" for about 20 years—from designing and/or building web sites and web applications to designing and building mobile applications and games to prototyping electronics circuits—for everyone from mom and pop to Fortune 50 companies.</p>
<h2>Services we provide:</h2>
<ul class="list-disc">
<li>Simple web sites</li>
<li>Web applications</li>
<li>iOS & Android Apps</li>
<li>Consulting on any of the above</li>
<li>Product prototyping</li>
</ul>
<h2>"I'm using Squarespace"</h2>
<p>Great! <a class="highlight" href="https://www.squarespace.com">Squarespace</a> (and <a class="highlight" href="https://www.weebly.com">Weebly</a>, <a class="highlight" href="https://www.shopify.com">Shopify</a>, <a class="highlight" href="https://wordpress.org">WordPress</a>, and the like) is a great platform, but you'll still need an idea of how your site should look and work, and the initial setup can still be daunting. We're happy to help with that sort of thing, too.</p>
<p>If you'd like to see some of our work, we can schedule a portfolio review. Just <a class="highlight" href="#contact">reach out</a> using the email address or phone number below.</p>
</section>
<section id="who" class="pt-24 w-full mx-auto grid">
<h1 class="mb-4">Who we are</h1>
<div class="flex flex-col lg:flex-row-reverse items-center">
<img class="tqb-portrait h-48 lg:ml-8 my-8" src="tqb-purple.png" alt="a photo of Thomas Q Brady">
<div class="flex-auto">
<h2 class="text-lg font-bold mb-2">Thomas Q Brady, owner</h2>
<p>Thomas has been working in software design and development for about 20 years, having worked for companies like <b>Visa</b>, <b>Polycom</b>, <b>Zynga</b>, <b>H-E-B</b>, <b>Dell</b>, and <b>frog</b>, as well as at some startups and incubators you may not have heard of. He's been a "design technologist" (someone who straddles the fence between design and engineering, often working right at that intersection by building prototypes or doing other tasks that require both skillsets) for most of his career, but has also had titles like UX designer, interaction designer, front-end engineer, and he was even a technical writer at one point.</p>
</div>
</div>
</section>
<section id="pricing" class="pt-24 mx-auto">
<h1 class="mb-4">What things cost</h1>
<p>We'll level with you—we're still figuring that out. <span class="mdc">Martes Delta Co</span> aims to be a sliding-scale sort of an outfit in the long-run. We would love to have a model wherein we can do really cool shit with people who can afford that, but still help the restaurant around the corner that wants a good online ordering experience and thinks they can't afford it, either by simplifying until it's affordable enough, or even doing some occasional pro <a class="highlight" href="https://www.biography.com/musician/bono">bono</a> work.</p>
</section>
<section id="contact" class="pt-24 mx-auto">
<h1 class="mb-4">Get in touch</h1>
<address>
<p>Drop us a line at <a class="highlight" href="mailto:[email protected]?subject=Help! I need a thing!">[email protected]</a></p>
<p>Ring us up at <a class="highlight" href="tel:+15125221414">+1 512.522.1414</a></p>
</address>
</section>
</div>
<footer class="w-full text-center mt-24 pb-4">© <span class="mdc">Martes Delta Co</span>, llc</footer>
<script src="app.js"></script>
</body>
</html>