Update index.html

Author: coding-dragon

index.html

@@ -30,23 +30,25 @@
     <div class="position-relative overflow-hidden p-3 text-white header-box">
       <div class="col-md-6 p-lg-5 ml-md-5 my-3">
         <h1 class="display-4 font-weight-normal">Make Your Learning Interesting & Fun.</h1>
-        <a class="btn btn-outline-light mt-3" href="https://coding-dragon.github.io/">Watch Tutorials</a>
+        <a class="btn btn-outline-light mt-3" href="#tutorials">Watch Tutorials</a>
       </div>
     </div>
 
     <div class="py-5">
     <div class="container">
       <div class="row">
         <div class="col-12 text-center my-3">
-          <div class="detail-wrapper">
+          <div class="detail-wrapper" id="tutorials">
             <h3>Latest Tutorials</h3>
           </div>
         </div>
         <div class="col-md-4">
           <div class="card mb-4">
-            <img class="bd-placeholder-img card-img-top" src="https://coding-dragon.github.io/css/text/effect1/effect1.png" width="100%" height="200" />
+            <a href="https://coding-dragon.github.io/css/text/effect1/effect1.png" target="_blank">
+              <img class="bd-placeholder-img card-img-top" src="https://coding-dragon.github.io/css/text/effect1/effect1.png" width="100%" height="200" />
+            </a>
             <div class="card-body">
-              <h3>CSS Text Effect</h3>
+              <h3>CSS Text Effect 1</h3>
               <small class="text-muted">June 7, 2020</small>
               <p class="card-text">This is a wider card with supporting natural lead-in to additional content.</p>
               <div class="d-flex justify-content-between align-items-center">