reformatted the image assets and added images to the about page

About.html

@@ -7,15 +7,195 @@ <h1>About NetFPGA</h1>
 <p><a href="{% link events.html %}">Tutorials</a> have been held <a href="{% link events-map.html %}">worldwide</a> to teach new users with hands-on experience using the NetFPGA. There are now over <a href="{% link deployment-map.html %}">150 groups around the globe</a> that use the NetFPGA.</p>
 
 <h1>Supporters of the NetFPGA project</h1>
-  <ul class="nobullets">
-    <li class="col-lg-4 col-md-4">Stanford University</li>
-    <li class="col-lg-4 col-md-4">University of Cambridge</li>
-    <li class="col-lg-4 col-md-4">National Science Foundation</li>
-    <li class="col-lg-4 col-md-4">EPSRC</li>
-    <li class="col-lg-4 col-md-4">Xilinx</li>
-    <li class="col-lg-4 col-md-4">Digilent</li>
-    <li class="col-lg-4 col-md-4">Cypress</li>
-    <li class="col-lg-4 col-md-4">Micron</li>
-    <li class="col-lg-4 col-md-4">Linear Technology</li>
-    <li class="col-lg-4 col-md-4">CML</li>
-  </ul>
+<br>
+<div class="row">
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.stanford.edu"><img height="65px" width="65px" class="card-img-top" src="assets/images/Logos/Supporters/Current/stanford_logo.jpg" alt="Stanford University Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.cam.ac.uk"><img height="65px" width="120px" class="card-img-top" src="assets/images/Logos/Supporters/Current/cambridge_logo.jpg" alt="University of Cambridge Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.nsf.gov"><img class="card-img-top" src="assets/images/Logos/Supporters/Current/nsf_logo.jpg" alt="National Science Foundation Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://epsrc.ukri.org"><img height="80px" width="30px" class="card-img-top" src="assets/images/Logos/Supporters/Current/epsrc_logo.jpg" alt="EPSRC Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.xilinx.com"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Current/xilinx_logo.jpg" alt="Xilinx Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://store.digilentinc.com"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Current/digilent_logo.jpg" alt="Digilent Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.cypress.com"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Current/cypress_logo.jpg" alt="Cypress Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.micron.com"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Current/micron_logo.jpg" alt="Micron Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.linear.com"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Current/linear.jpg" alt="Linear Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://cmlab.biz"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Current/cml.jpg" alt="CML Logo"></a>
+    </div>
+  </div>
+</div>
+
+<h1>Past Supporters</h1>
+<br>
+<div class="row">
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.agilent.com"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Past/agilent_logo.jpg" alt="Agilent Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="http://algo-logic.com"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Past/algologic.jpg" alt="Algo-logic Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.broadcom.com"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Past/broadcom_logo.jpg" alt="Broadcom Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.cisco.com"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Past/cisco_logo.jpg" alt="Cisco Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.huawei.com"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Past/huawei_logo.jpg" alt="Huawei Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.juniper.net/us/en/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Past/juniper_logo.jpg" alt="Juniper Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.broadcom.com"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Past/netlogic.jpg" alt="NetLogic Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="http://www.solarflare.com/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Past/solarflare_logo.jpg" alt="Solarflare Logo"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="http://www.synplicity.com/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Supporters/Past/synplicity_logo.jpg" alt="Synplicity Logo"></a>
+    </div>
+  </div>
+</div>
+
+<h1>Past hosts of hands-on tutorials</h1>
+<div class="row">
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="http://en.njtu.edu.cn/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/bju.jpg" alt="Beijing Jiaotong University"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="http://www.vutbr.cz/en/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/brno.jpg" alt="BRNO University of Technology"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://engr.udel.edu"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/delaware.jpg" alt="University of Delaware">
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.forth.gr"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/forth.jpg" alt="Forth Institute of Computer Science"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="http://www.iub.edu/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/indiana.jpg" alt="Indiana University"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.ietf.org/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/ietf.jpg" alt="IETF"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="http://www.iisc.ernet.in/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/iis.jpg" alt="Indian Institute of Science"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+    <a href="http://www.uky.edu/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/kentucky.jpg" alt="University of Kentucky"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="http://www.unimelb.edu.au/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/melbourne.jpg" alt="University of Melbourne"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="http://www.fp7-ofelia.eu/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/ofelia.jpg" alt="Ofelia"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.put.poznan.pl/en/"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/put.jpg" alt="Poznen University of Technology">
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.fp7-pursuit.eu"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/pursuit.jpg" alt="Pursuit"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://en.snu.ac.kr/index.html"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/snu.jpg" alt="Seoul National University"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="http://www.sigmetrics.org"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/sigmetrics.jpg" alt="ACM SIGMETRICS"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.tu.berlin"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/tu.jpg" alt="Technische Universität Berlin"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.tsinghua.edu.cn"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/tsinghua.jpg" alt="Tsinghua University"></a>
+    </div>
+  </div>
+  <div class="col-md-3 mb-5">
+    <div class="card border-0">
+      <a href="https://www.unsw.edu.au"><img height="80px" width="40px" class="card-img-top" src="assets/images/Logos/Hosts/UNSW.jpg" alt="UNSW"></a>
+    </div>
+  </div>
+</div>

_layouts/page.html

@@ -3,7 +3,7 @@
 ---
 
 <div class="row">
-  <div class="col-md-8 mb-5">
+  <div class="col-md-8 col-lg-8 mb-5">
     {{ content }}
   </div>
 </div>