html/about.html at master · matt-peck-development/html · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="./assets/apple-touch-icon.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="./assets/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="./assets/favicon-16x16.png"
    />
    <link rel="manifest" href="./assets/site.webmanifest" />
    <link
      rel="mask-icon"
      href="./assets/safari-pinned-tab.svg"
      color="#f8f8f8"
    />
    <meta name="msapplication-TileColor" content="#f8f8f8" />
    <meta name="theme-color" content="#f8f8f8" />
    <link href="./style.css" rel="stylesheet" />
    <link href="./about.css" rel="stylesheet" />
    <title>MPD | About Us</title>
  </head>
  <body>
    <header>
      <input type="checkbox" id="toggle" />
      <nav>
        <ul>
          <li>
            <a href="/index.html">home</a>
          </li>
          <li>
            <a class="active" href="/about.html">about</a>
          </li>
          <li>
            <a class="is-button" href="/get-quote.html"
              ><div class="btn-action btn-primary">get quote</div></a
            >
          </li>
          <li>
            <label for="toggle">
              <img
                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAABBdJREFUWAnFmFFSGkEQhgGxUF/APFilVkpygnADNycIOYF4gJR4gmxOADlByAlcTxA8gfqcF6yUWuWDwItioZD/W2eoFZbNorJ21dA9vTPd/3T3DLObTj2DLi8vi8Ph8LOmlpkuuZBOp0tGPpHcQRZ5kg/X19dbfm+Gn3Tcse12u9Dr9fYEoqI5xbjzzLiWADaWlpZ+rK6uWtCRJmIBU4R2BoNBXcYLxlpXnGg0xVsLCwudtbW1E55dXV2VHh4eGEdUHfGyWl6NyHYymUxVEfxFP4oigZEyAToQgJIxciTZleFmlNHxZ7LjCJQr/TbPJJ8I4JeoFE8Fxsr7/f5vAWH1Z+KVWQEBIkgXFxdEr662RfQWFxc/2UgHxyGHAtMKK5r40ww+XF5ersStjXEH431q9fb2tiE9myelBe9qwfSjiUhpZUPTWN1cSPbr1g8+I51QU+fn5+15g7IgLDh84tvqJ7gGHBtQ3sTDOSnkz8MnvoMuMrZDXSnfhPSMmrL6eXPji81VAoP15wOjIHUs1FBqwKsVunUSxc2mqjIGDGBB9oHd3NxUBQjF0UuPBIzOShsbG57mHIEBLMzP8iPFjuEuPEj77t93d7m7d0HdS+XcXe665r6/HrNTV3/bYHGz7AadWUUpu2HR6ud6XzPDlKvnr0ay6crY96BBoqZNwF9dEUxZgSqbAYRzkgZprWz4Z/LBCzRDbIYSGHZ8TELZZLsGd0TolASUYACLmjc6LuS3lYDv/7mwGAqkMq+CY4JVIo8oweJPcX26v7/n9pHPClQJFCr81ghNQEiq+HHJTUNp5JQo+cdFAMekmGzxj/ynhbCl3pZQfpgWtdHoOQvcMpTKY6XylOJvGX9Fw9+MmSs5qewEUxkKLMniV0QsBh8Yh9q2wueIN9SeUJLFbzDgv8mu9KSoqflX3Seo6CRY/GAQHlL5+C/EBlDj9HcmgCWkkP8yGMCCS//kF9IGHfFv8DeiPfxaLD6wlZWVunT8szsgZ0CSZHw68tk1WB4jxi1Sea0aMKNbZBLgzI3V3p6roa+JeiHgL4E8HyQBCh/4wie+gz6Dt4uUXttJIymlEOvBgfOQjQ/fp/E93c3YC68f4umjn/9EoGpEihb2wuvfd8bNc2HT7rCfCDy9Yu2G5n58Yow+NaVPBNgmUpxZoZ8IQoExwfyhNiXm1Vpq++ZtRuLzSNEBDFkoqnWz2awz00cVTfJJkeMzFN/BPhpVU5Gsb25uHpp+LKbC5kSvarDDBNk4paaibjNTI4YBSya1dfWJHoY7Yp6MN8X5cNe1KyfSuiUwjkU54mWBKohDXQAKUMPvRfzEAsZ8asO8GFfU3UI3A51pMQ0Oz7i1GhtYEAQplqOydI5aQXLBplvyqWQiSmtK9qJSpjGh9A9B+2T7TdAtoAAAAABJRU5ErkJggg=="
                alt=""
              />
            </label>
          </li>
        </ul>
      </nav>
    </header>

    <div class="page-header">
      <div class="header-container">
        <img src="./assets/logo.png" alt="logo" />
        <h1 class="header">// About Us</h1>
      </div>
      <div class="page-description">
        <p>
          Matt Peck Development is a new startup aimed at providing
          <strong>software engineering</strong> for businesses that are tailored
          to meet their needs, and impress their clients. We specialize in
          <strong>high fidelity designs</strong> and
          <strong>from-scratch code</strong> that is both
          <strong>performant</strong> and <strong>elegant</strong>.
        </p>
      </div>
    </div>

    <section class="team">
      <div class="team-member-card">
        <img src="./assets/matt2.png" alt="matt" style="border-radius: 25%" />
        <h3 class="name">MATT PECK</h3>
        <h4 class="role">Owner, Lead Developer</h4>
        <!-- <div class="social-media">ICONS</div> -->
        <hr class="name-plate" />
        <p class="description">
          Matt is the owner and lead developer here at MPD. With over a decade
          of professional web experience, there is no challenge he can not meet.
          He's worked solo as well as led teams of up to 20 members and on
          projects costing anywhere from $0 to millions. He has a passion for
          building modern sites and apps that solve real world business
          problems.
        </p>
      </div>
    </section>

    <footer>
      <img src="./assets/logo-dark-bg.png" alt="logo" />
      <span>© 2021 Matt Peck Development, LLC. All rights reserved.</span>
    </footer>

    <!-- Start of HubSpot Embed Code -->
    <script
      type="text/javascript"
      id="hs-script-loader"
      async
      defer
      src="//js-na1.hs-scripts.com/21246744.js"
    ></script>
    <!-- End of HubSpot Embed Code -->
  </body>
</html>