[M] index.html interface

predihood/templates/index.html

@@ -12,21 +12,19 @@
     </div>
     <div class="row">
         <div class="col-6" id="divSearch">
-            <div style="background: white; color: black" class="center">
-                <img src="{{ url_for('static', filename='img/user.png') }}" style="height: 10vh">
-                <p>I'm looking for a new living place</p>
-                <br/><br/>
-                <buton id="btnSearch" class="btn btn-success"><a href="cartographic-interface.html"
-                                                                 style="color: black">Search a neighbourhood</a></buton>
+            <br><br><br>
+            <div style="text-align: center; background: white; border: black 1px solid; padding: 1rem;">
+                <img src="{{ url_for('static', filename='img/user.png') }}" alt="For users" style="height: 10vh"><br>
+                <p>I'm looking for a new living place</p><br>
+                <button id="btnSearch" class="btn btn-success"><a href="cartographic-interface.html" style="color: black">Search a neighbourhood</a></button>
             </div>
         </div>
         <div class="col-6" id="divTune">
-            <div style="background: white; color: black" class="center">
-                <img src="{{ url_for('static', filename='img/science.png') }}" style="height: 10vh"><br>
-                <p>I want to tune my classifier</p>
-                <br><br>
-                <buton id="btnTune" class="btn btn-success"><a href="algorithmic-interface.html" style="color: black">Tune
-                    classifiers</a></buton>
+            <br><br><br>
+            <div style="text-align: center; background: white; border: black 1px solid; padding: 1rem;">
+                <img src="{{ url_for('static', filename='img/science.png') }}" alt="For researchers" style="height: 10vh"><br>
+                <p>I want to tune my classifier</p><br>
+                <button id="btnTune" class="btn btn-success"><a href="algorithmic-interface.html" style="color: black">Tune classifiers</a></button>
             </div>
         </div>
     </div>