Fix the cross button on projects card

Author: varadbhogayata

assets/css/style.css

@@ -675,7 +675,7 @@ small {
   }
   i.mdi-navigation-close.right {
     position: relative;
-    bottom: 35px;
+    bottom: 15px;
   }
   #contact a:not(.btn-floating) {
     text-align: center;

index.html

@@ -20,7 +20,6 @@
   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
   <!-- Custom Styles-->
   <link rel="stylesheet" href="/assets/css/style.css" />
-  <!-- TITLE BAR -->
   <title>Varad Bhogayata | Software Developer</title>
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
@@ -67,8 +66,6 @@
   <meta name="msapplication-TileColor" content="#ffffff" />
   <meta name="msapplication-TileImage" content="/assets/img/favicon/ms-icon-144x144.png" />
   <meta name="theme-color" content="#ffffff" />
-  <!--if lt IE 9script(src='//html5shim.googlecode.com/svn/trunk/html5.js')
-    -->
   <meta name="robots" content="index, follow" />
   <!-- Google Site Verification for indexing -->
   <meta name="google-site-verification" content="_qxK8tePiU2fhnwlwnJ7pkDFnj1k2EiKq_cYGy1Cb84" />
@@ -79,7 +76,7 @@
   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PGZH8HT"
   height="0" width="0" style="display:none;visibility:hidden"></iframe>
   </noscript>
-  <!-- End Google Tag Manager (noscript) -->
+  
   <!-- Navigation Menu-->
   <!-- Nav class 1 -->
   <nav class="hide-on-small-only">
@@ -374,14 +371,13 @@ <h3 class="page-title white-text teal">Experience</h3>
         </div>
 
         <!-- Experience 3 -->
-        <div class="card">
+        <!-- <div class="card">
           <div class="card-content">
             <div class="row">
               <div class="col s12 m2">
                 <a href="https://www.cignex.com" target="_blank"><img alt="Cignex logo"
                     src="/assets/img/exp-cignex-logo.png" class="responsive-img center-block" /></a>
               </div>
-              <!-- <div class="col s12 m10"> -->
               <div class="col s12 m10">
                 <p>
                   <span class="card-title"><a href="https://www.cignex.com" target="_blank"
@@ -410,7 +406,7 @@ <h3 class="page-title white-text teal">Experience</h3>
           <div class="card-action">
             <span>June 2017 - July 2017 | Ahmedabad, India</span>
           </div>
-        </div>
+        </div> -->
 
       </div>
     </section>
@@ -727,7 +723,6 @@ <h3 class="page-title white-text teal">Projects</h3>
     </section>
 
     <!-- Fifth Section: Skills -->
-    <!-- NOTE: add Jinja2 -->
     <section id="skills" class="section scrollspy">
       <h3 class="page-title white-text teal">Skills</h3>
       <div class="container">
@@ -829,31 +824,27 @@ <h4 class="brown-text light">Other</h4>
         </div>
 
         <!-- certifications -->
-        <div class="card">
+        <!-- <div class="card">
           <div class="card-content">
             <h4 class="brown-text light">Certificates</h4>
             <div class="row text-left">
               <div class="container">
                 <div class="row">
-                  <!-- Course 1 -->
                   <div class="col s12 m6 l6">
                     <div class="card">
                       <div class="card-image">
                         <img src="/assets/img/mooc-machine-learning-coursera-800x500.jpg">
-                        <!-- <span class="card-title">Card Title</span> -->
                       </div>
                       <div class="card-content">
                         <span class="card-title teal-text">Machine Learning (Stanford)</span>
                       </div>
                     </div>
                   </div>
 
-                  <!-- Course 1 -->
                   <div class="col s12 m6 l6">
                     <div class="card">
                       <div class="card-image">
                         <img src="/assets/img/mooc-algorithms-stanford-2-800x500.jpg">
-                        <!-- <span class="card-title">Card Title</span> -->
                       </div>
                       <div class="card-content">
                         <span class="card-title teal-text">Algorithms (Stanford)</span>
@@ -864,7 +855,7 @@ <h4 class="brown-text light">Certificates</h4>
               </div>
             </div>
           </div>
-        </div>
+        </div> -->
 
       </div>
     </section>
@@ -874,24 +865,7 @@ <h4 class="brown-text light">Certificates</h4>
       <h3 class="page-title white-text teal">Education</h3>
       <div class="container">
         <div class="row">
-          <!-- Education Latest -->
-          <!-- <div class="col s12 m6">
-            <div class="card">
-              <div class="card-content">
-                <p>
-                  <span class="card-title"><a href="http://www.ufl.edu/" class="teal-text hoverline">University of
-                      Florida</a></span>
-                </p>
-                <p class="brown-text">Gainesville, FL</p>
-                <ul>
-                  <li>MS in Computer Science</li>
-                  <li>Upcoming Student</li>
-                </ul>
-              </div>
-            </div>
-          </div>
- -->
-          <!-- Education 2 -->
+          <!-- Education -->
           <div class="col s12 m6">
             <div class="card">
               <div class="card-content">
@@ -956,15 +930,6 @@ <h3 class="page-title white-text teal">Contact</h3>
               class="fa fa-linkedin"></i><a aria-label="Varad on LinkedIn" href="http://linkedin.com/in/varadbhogayata"
               class="hoverline" target="_blank">linkedin.com/in/varadbhogayata</a></a>
         </p>
-        
-        
-       <div id="sfc3psx7gdmrk2j83hj35scyf68kfhw41hq">
-         <div id="FCS_3psx7gdmrk2j83hj35scyf68kfhw41hq_divFix" style="visibility: visible; z-index: 9999; margin: 0px; padding: 0px; width: 530px; bottom: 15px; right: -500px; position: relative;">
-          <div id="FCS_3psx7gdmrk2j83hj35scyf68kfhw41hq_divCou" style="width:30px;float:left;text-align:center;padding-left:0px;padding-top:5px;padding-bottom:5px;padding-right:5px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);-webkit-border-top-left-radius:15px;-webkit-border-bottom-left-radius:15px;-moz-border-radius-topleft:15px;-moz-border-radius-bottomleft:15px;border-top-left-radius: 15px;border-bottom-left-radius: 15px; margin-left: 566px;">
-            <a href="https://www.freecounterstat.com/geozoom.php?c=3psx7gdmrk2j83hj35scyf68kfhw41hq&amp;base=counter3&amp;type_clic=1" target="_blank"><img border="0" src="https://counter3.freecounterstat.com/private/countertab.php?c=3psx7gdmrk2j83hj35scyf68kfhw41hq&amp;init=1595924179628&amp;init_freecounterstat=1&amp;library=library_counters&amp;coef=0.5&amp;type=489&amp;lenght=4&amp;type_result=tabRB" alt="Click to see detail of visits and stats for this site" title="Click to see detail of visits and stats for this site"></a>
-            <br>
-            <a href="#" onclick="allerR()" id="FCS_3psx7gdmrk2j83hj35scyf68kfhw41hq_btSee" style="width:100%;font-size: 0px; min-width: 15px; min-height: 15px; max-width: 15px; max-height: 15px; margin-top: 5px; margin-bottom: 5px; background-size: auto 100%; display: block; background-repeat: no-repeat; background-position: 50% 50%; width: 15px;margin-left: auto;margin-right: auto;">Loupe</a></div>
-            <!-- <div id="FCS_3psx7gdmrk2j83hj35scyf68kfhw41hq_divCac" style="margin: 0px; padding: 0px; width: 500px; height: 355px; position: absolute; left: 30px; top: -260px;">&nbsp;</div></div><img style="border:none" src="https://counter3.stat.ovh:4433/private/pointeur/pointeur.gif?|3psx7gdmrk2j83hj35scyf68kfhw41hq|768*1366|en|24|1595924180|5148558adb5beb2380a69b193bd0e85c|computer|windows|10|chrome|84|India|IN|21.198000|72.830002|Surat|Tikona+Digital+Networks+Pvt.+Ltd.|21600|1|1595924181|ok|http%3A//127.0.0.1%3A5500/index.html%23|http%3A//127.0.0.1%3A5500/index.html|js|113.193.210.131|||&amp;init=1595924179628" border="0" width="1" height="1"></div> -->
       </div>
     </section>
   </main>
@@ -973,7 +938,7 @@ <h3 class="page-title white-text teal">Contact</h3>
   <script src="assets/vendor/typed.js/typed.min.js"></script>
   <script type="text/javascript">
     var typed = new Typed('.typing',{
-      strings: ["Pythonista", "ML Enthusiast", "Fast Learner"],
+      strings: ["Pythonist", "Developer", "ML Enthusiast", "Fast Learner"],
       loop: true,
       typeSpeed: 80,
       backSpeed: 40