add profile

Author: thepeted

images/peter-profile-photo.png

@@ -0,0 +1,78 @@
+<a name="peter-daily"></a>
+<div class="row person-blurb">
+  <div class="col-md-4 col-lg-5 col-xl-3">
+    <div class="mb-2 box-shadow text-center">
+      <img
+        class="profile-photo"
+        src="{{site.url}}/images/peter-profile-photo.jpg"
+        alt="Peter Daily's profile picture"
+      />
+    </div>
+    <div class="col-12 text-center">
+      <h4>Peter Daily</h4>
+    </div>
+  </div>
+  <div class="col-md-8 col-lg-6">
+    <div class="row">
+      <div class="col col-md-6">
+        <p class="text-muted no-margin">Mentor</p>
+      </div>
+      <div class="col-md-6 twitter-mention-container text-right">
+        <a
+          href="https://twitter.com/intent/tweet?screen_name=peterdaily"
+          class="twitter-mention-button"
+          data-show-count="false"
+        >
+          Tweet to @peterdaily
+        </a>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-md-12">
+        <p>
+          Peter is a self taught developer that changed careers to web
+          development in 2016. He has since worked in martech, digital agency,
+          telecomms and property tech industries.
+        </p>
+        <p>
+          Outside of work he enjoys mountain biking, going to music gigs and
+          playing video games. He is also a sports nerd and in particular an
+          insufferable Stockport County supporter.
+        </p>
+      </div>
+    </div>
+  </div>
+  <div class="col-lg-12 col-xl-3 skills">
+    <div class="row">
+      <div class="col-12">
+        <h5>Peter can help with...</h5>
+      </div>
+      <div class="col-md-4 col-lg-12">
+        <!-- Languages -->
+        <p>
+          <span class="badge badge-secondary">JavaScript</span>
+          <span class="badge badge-secondary">CSS</span>
+          <span class="badge badge-secondary">HTML</span>
+          <span class="badge badge-secondary">Typescript</span>
+        </p>
+      </div>
+      <div class="col-md-4 col-lg-12">
+        <!-- Technologies -->
+        <p>
+          <span class="badge badge-secondary">React</span>
+          <span class="badge badge-secondary">Node</span>
+          <span class="badge badge-secondary">Angular 2+</span>
+          <span class="badge badge-secondary">Jest</span>
+          <span class="badge badge-secondary">Testing Library</span>
+        </p>
+      </div>
+      <div class="col-md-4 col-lg-12">
+        <!-- Tools -->
+        <p>
+          <span class="badge badge-secondary">Git</span>
+          <span class="badge badge-secondary">VS Code</span>
+        </p>
+      </div>
+    </div>
+  </div>
+</div>