Minor fix

src/ifcbimtester/webapp/index.html

@@ -48,6 +48,27 @@
                 As a responsible digital citizen<br />
                 We expect compliant OpenBIM deliverables<br />
             </p>
+            <div class="tcenter" style="margin-bottom: 20px;">
+                <h2 style="border-bottom: 0px; display: inline; padding-right: 20px;">
+                    Import
+                </h2>
+                <img class="vendor-icon vendor-full" src="images/archicad.png" width="24px">
+                <img class="vendor-icon vendor-full" src="images/blenderbim.png" width="24px">
+                <img class="vendor-icon vendor-partial" src="images/freecad.png" width="24px">
+                <img class="vendor-icon vendor-bad" src="images/revit.png" width="24px">
+                <img class="vendor-icon vendor-unknown" src="images/tekla.png" width="24px">
+
+                <h2 style="border-bottom: 0px; display: inline; padding-right: 20px; padding-left: 20px;">
+                    Export
+                </h2>
+                <img class="vendor-icon vendor-partial" src="images/archicad.png" width="24px">
+                <img class="vendor-icon vendor-full" src="images/blenderbim.png" width="24px">
+                <img class="vendor-icon vendor-partial" src="images/freecad.png" width="24px">
+                <img class="vendor-icon vendor-full" src="images/revit.png" width="24px">
+                <img class="vendor-icon vendor-unknown" src="images/tekla.png" width="24px">
+
+                <span style="color: #999; display: block;">Need help meeting these requirements with a vendor? <a href="#">Read more</a></span>
+            </div>
             <h2>
                 Scenario: Receiving a file
             </h2>

src/ifcbimtester/webapp/main.css

@@ -177,7 +177,7 @@ input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focu
 }
 
 img.flag {
-    width: 30px;
+    width: 24px;
     padding: 2px;
     margin-right: 10px;
     margin-bottom: 20px;
@@ -247,3 +247,25 @@ img.active-flag {
     background-color: #e18a42 !important;
 }
 
+.vendor-icon {
+    vertical-align: middle;
+    margin-right: 10px;
+    margin-top: -1px;
+    padding-bottom: 5px;
+}
+
+.vendor-full {
+    border-bottom: 5px solid #b6cca1;
+}
+
+.vendor-unknown {
+    border-bottom: 5px solid #555;
+}
+
+.vendor-partial {
+    border-bottom: 5px solid #ffd37f;
+}
+
+.vendor-bad {
+    border-bottom: 5px solid #fbb4a8;
+}