Update index.html

CAMMA-public · Jul 14, 2024 · 2fc971d · 2fc971d
1 parent c7e9740
commit 2fc971d
Showing 1 changed file with 18 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -169,6 +169,10 @@
             /*animation: rotate3D 5s linear infinite;*/
         }
 
+        .survey img {
+          float: right;
+        }
+
     </style>
 </head>
 
@@ -593,17 +597,20 @@ <h2 class="title is-3">Survey </h2>
             <div class="columns is-centered has-text-centered">
                 <div class="column is-four-fifths">
                     <div class="content has-text-justified">
-                        <b> 
-                            <ul>
-                                <li>Do you have medical knowledge? </li>
-                                <li>Do you know about laparoscopic cholecystectomy?</li>
-                                <li>Can you differentiate AI generated surgical images from the real one? </li>
-                                <li>Take the test <a href="https://bit.ly/endgen" style="color:blue">here !</a>. </li>                          
-                                <li><a href="leaderboard.html" style="color:green">View your performance afterward</a> </li>
-                                <li>And not forgetting that you effort will be acknowledged.</li>
-                            </ul>
-                            <img src="static/images/qr-code.png" width="25%" style="float: left; margin-left: 20px; max-width: 200px; height: auto; align-self: flex-start;" />  
-                        </b>
+                        <div class="survey">
+                            <img src="static/images/qr-code.png" width="25%" style="margin-left: 20px; max-width: 200px; height: auto; align-self: flex-start;" />  
+                            <b> 
+                                <ul>
+                                    <li>Do you have medical knowledge? </li>
+                                    <li>Do you know about laparoscopic cholecystectomy?</li>
+                                    <li>Can you differentiate AI generated surgical images from the real one? </li>
+                                    <li>Take the test <a href="https://bit.ly/endgen" style="color:blue">here !</a>. </li>                          
+                                    <li><a href="leaderboard.html" style="color:green">View your performance afterward</a>... </li>
+                                    <li>And not forgetting that you effort will be acknowledged.</li>
+                                </ul>
+                            </b>
+
+                        </div>
                     </div>
                 </div>
             </div>