Update templates/index.html

templates/index.html

@@ -26,16 +26,18 @@
         <div class="container">
           <h1 class="jumbotron-heading" style="text-align: center; padding-bottom: 20px">ArduinoProg: Towards Automating Arduino Programming</h1>
           <div class="col text-center">
-            <a href="https://youtu.be/d8E4Zjrs_KQ" class="btn btn-primary my-2">Youtube</a>
-            <a href="https://github.com/imamnurby/ArduinoProg" class="btn btn-primary my-2">GitHub</a>
+            <a href="#" class="btn btn-primary my-2"  onclick=" window.open('https://youtu.be/d8E4Zjrs_KQ', '_blank'); return false;">Youtube</a>
+            <a href="#" class="btn btn-primary my-2"  onclick=" window.open('https://github.com/imamnurby/ArduinoProg', '_blank'); return false;">GitHub</a>
           </div>
           <div class="mb-3">
             <label for="exampleFormControlInput1" class="form-label" hidden="hidden">Enter a Query</label>
             <input type="input" class="form-control" id="exampleFormControlInput1" placeholder="Enter a Query" style="margin-top: 30px">
           </div>
+          <div class="col text-center">
           <p>
             <a href="#" class="btn btn-primary my-2" onclick="onSubmit()">Retrieve</a>
           </p>
+          </div>
           <div class="text-center" id="spinner" style="display: none">
             <div class="spinner-border" style="width: 4rem; height: 4rem;" role="status" aria-hidden="true">
               <span class="visually-hidden">Loading...</span>