Add Tom Timer

Author: andrew-codechimp

images/tomtimer.png

@@ -71,6 +71,25 @@ <h5>CodeChimp<p>Productivity Apps &amp; Tools</h5>
 
         <div class="mdl-layout__tab-panel is-active" id="apps">
           <div class="ios" style="margin-bottom: 48px;">
+            <section class="section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
+              <header class="section__play-btn mdl-cell mdl-cell--3-col-desktop mdl-cell--2-col-tablet mdl-cell--4-col-phone mdl-color--white-100 mdl-color-text--white">
+                <image src="images/tomtimer.png"/>
+              </header>          
+              <div class="mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone">
+                <div class="mdl-card__title">
+                  <h4 class="mdl-card__title-text"><b>Tom Timer</b>&nbsp;for Apple Watch®</h4>
+                </div>
+                <div class="mdl-card__supporting-text">
+                  <p>A watch application to allow you to keep focused on work with reminders to take regular breaks.<br>
+                  Tom Timer avoids you having to pick up your phone, and the distractions that can cause, by providing all you need right on your wrist.</p>
+                  <p>Tom Timer is an independent watch app, if you install it via your phone and it doesn't show up on your watch then open the App Store on your watch, scroll to the bottom and select Account then Purchased and download Tom Timer from there.</p>
+                  <p>If you disabled Tom Timers notifications you can re-enable them by opening the Watch app on your phone and go into the Notifications section where you will find the settings for Tom Timer.</p>
+                </div>
+                <div class="mdl-card__actions">
+                  <a href="https://apps.apple.com/us/app/tom-timer/id1507200108" class="mdl-button mdl-button--accent">View on App Store</a>
+                </div>
+              </div>       
+            </section>
             <section class="section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
               <header class="section__play-btn mdl-cell mdl-cell--3-col-desktop mdl-cell--2-col-tablet mdl-cell--4-col-phone mdl-color--white-100 mdl-color-text--white">
                 <image src="images/whendo.png"/>
@@ -81,7 +100,7 @@ <h4 class="mdl-card__title-text"><b>When Do</b>&nbsp;for Apple Watch®</h4>
                 </div>
                 <div class="mdl-card__supporting-text">
                   <p>A complication for Apple Watch that shows how long until or since an event of your choosing right on your watch face.</p>
-                  <p>When Do is a stand-alone watch app, if you install it via your phone and it doesn't show up on your watch then open the App Store on your watch, scroll to the bottom and select Account then Purchased and download When Do from there.</p>
+                  <p>When Do is an independent watch app, if you install it via your phone and it doesn't show up on your watch then open the App Store on your watch, scroll to the bottom and select Account then Purchased and download When Do from there.</p>
                 </div>
                 <div class="mdl-card__actions">
                   <a href="https://apps.apple.com/us/app/when-do-a-complication/id1485413076" class="mdl-button mdl-button--accent">View on App Store</a>