test style 2

content/research.html

@@ -40,10 +40,10 @@ Collaboration to the BIOMOVE project (2022-2023, principal investigator: Julien
 </center>-->
      
 <!--<div class="tab">-->
-<div class="card">
+<!--<div class="card">
       <div class="row">
         <div class="tab-left">
-          <div class="tab-body"> <!-- ceh -->
+          <div class="tab-body">
             <td style="vertical-align: top; text-align: right;"><img style="border: 2px solid ; width: 133px;" alt="" src="https://hetroywheeler.pages.unistra.fr/franck/images/1-acquisition-romi.png"></td>
           </div>
         </div>
@@ -54,8 +54,25 @@ Collaboration to the BIOMOVE project (2022-2023, principal investigator: Julien
           </div>
         </div>
 </div>
-</div>
+</div>-->
 
+  <!--<div class="cc-experience"> <!-- + container -->
+    <div class="card">
+      <div class="row">
+        <div class="col-md-3">
+          <div class="card-body">
+            <td style="vertical-align: middle; text-align: center;"><img style="border: 2px solid ; width: 133px;" alt="3D data acquisition" src="https://hetroywheeler.pages.unistra.fr/franck/images/1-acquisition-romi.png"></td>
+          </div>
+        </div>
+        <div class="col-md-9">
+          <div class="card-body">
+            <h3>3D data acquisition</h3>
+            <p align="justify">The geometry of the input real object or plant, and possibly other information such as its colours or textures, needs to be transferred into the computer. This is usually done using systems such as cameras (a process called <i>photogrammetry</i>) or laser scanners and the result is most often a 3D point cloud or a 3D mesh.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  <!--</div>-->
 <br/>
 <h2>Past work</h2>
 <h3>Topics</h3>

content/stylesheet.css

@@ -103,6 +103,7 @@ a:hover {
   line-height: 20px;
 }
 
+/*
 .tab {
     position: relative;
     display: flex;
@@ -168,3 +169,4 @@ a:hover {
   color: #fff;
   text-transform: uppercase;
 }
+*/

public/research/index.html

@@ -51,10 +51,10 @@ Collaboration to the BIOMOVE project (2022-2023, principal investigator: Julien
 </center>-->
      
 <!--<div class="tab">-->
-<div class="card">
+<!--<div class="card">
       <div class="row">
         <div class="tab-left">
-          <div class="tab-body"> <!-- ceh -->
+          <div class="tab-body">
             <td style="vertical-align: top; text-align: right;"><img style="border: 2px solid ; width: 133px;" alt="" src="https://hetroywheeler.pages.unistra.fr/franck/images/1-acquisition-romi.png"></td>
           </div>
         </div>
@@ -65,8 +65,25 @@ Collaboration to the BIOMOVE project (2022-2023, principal investigator: Julien
           </div>
         </div>
 </div>
-</div>
+</div>-->
 
+  <!--<div class="cc-experience"> <!-- + container -->
+    <div class="card">
+      <div class="row">
+        <div class="col-md-3 bg-primary">
+          <div class="card-body">
+            <td style="vertical-align: middle; text-align: center;"><img style="border: 2px solid ; width: 133px;" alt="3D data acquisition" src="https://hetroywheeler.pages.unistra.fr/franck/images/1-acquisition-romi.png"></td>
+          </div>
+        </div>
+        <div class="col-md-9">
+          <div class="card-body">
+            <h3>3D data acquisition</h3>
+            <p align="justify">The geometry of the input real object or plant, and possibly other information such as its colours or textures, needs to be transferred into the computer. This is usually done using systems such as cameras (a process called <i>photogrammetry</i>) or laser scanners and the result is most often a 3D point cloud or a 3D mesh.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  <!--</div>-->
 <br/>
 <h2>Past work</h2>
 <h3>Topics</h3>

public/stylesheet.css

@@ -103,6 +103,7 @@ a:hover {
   line-height: 20px;
 }
 
+/*
 .tab {
     position: relative;
     display: flex;
@@ -168,3 +169,4 @@ a:hover {
   color: #fff;
   text-transform: uppercase;
 }
+*/