velha beta

css/style_row.css

@@ -0,0 +1,12 @@
+.img-valign_cell {
+  vertical-align: middle;
+  margin-left: 0.2em;
+  width: 3em;
+  height: 3em;
+}
+
+.text_cell {
+  font-size: 25px;
+  margin-left: 1em;
+  margin-right: 2em;
+}

index.html

@@ -21,6 +21,9 @@
     <!-- Custom styles for this template -->
     <link href="css/resume.min.css" rel="stylesheet">
 
+    <!-- My Custom CSS -->
+    <link href="css/style_row.css" rel="stylesheet">
+
     <!-- icons academics -->
     <link href="academicons-1.8.6/css/academicons.css" rel="stylesheet">
 
@@ -68,6 +71,9 @@
           <li class="nav-item">
             <a class="nav-link js-scroll-trigger" href="#awards">Publications</a>
           </li>
+          <li class="nav-item">
+            <a class="nav-link js-scroll-trigger" href="#app">Applications</a>
+          </li>
         </ul>
       </div>
     </nav>
@@ -367,6 +373,41 @@ <h2 class="mb-5"> Publications &amp; Certifications</h2>
         </div>
       </section>
 
+      <!-- *********************** Applications ************************* -->
+
+      <hr class="m-0">
+
+      <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="app">
+        <div class="my-auto">
+          <h2 class="mb-5">Applications</h2>
+
+          <ul class="fa-ul mb-0">
+
+            <hr/>
+
+            <li>
+
+              <!-- row to insert image and text  -->
+
+                <img class="img-valign_cell" src="img/ic_velha.png" alt="" />
+
+                <span class="text_cell"> Jogo da Velha - beta </span>
+
+                <a href="tools/velha_beta.apk">
+                  <button type="button" class="btn btn-primary btn-sm">Baixar</button>
+                </a>
+
+            </li>
+
+            <hr/>
+
+          </ul>
+
+        </div>
+      </section>
+
+      <!-- *********************** end Applications ************************* -->
+
     </div>
 
     <!-- Bootstrap core JavaScript -->