diff --git a/wiki/footer.html b/wiki/footer.html index 4fd7f39f3bf75c5071d9f6df1360e98b1b48a39d..d6c56e050b4920447ceba100dccaf30ec5df050d 100644 --- a/wiki/footer.html +++ b/wiki/footer.html @@ -1,9 +1,13 @@ <style> - .center { + .center-x { display:block; margin-left:auto; margin-right: auto; } + .sponsor { + width: 12vw; + min-width: 200px; + } </style> <footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white"> @@ -44,24 +48,45 @@ <div class="col-lg-6"> <div style="max-height:100px; display:flex;"> <div style="flex:33.3; padding:15px"> - <a href="https://igem.org/" class="center"> - <img src="https://static.igem.org/websites/common/2022/logos/igem-logo-dark.svg" alt="iGEM Logo" class="img-fluid, center" style="max-height:100px"> + <a href="https://igem.org/" class="center-x"> + <img src="https://static.igem.org/websites/common/2022/logos/igem-logo-dark.svg" alt="iGEM Logo" class="img-fluid, center-x" style="max-height:100px"> </a> </div> <div style="flex:33.3; padding:15px"> - <a href="https://www.ru.nl/" class="center"> - <img src="https://static.igem.wiki/teams/5342/images/footer/radboud-uni-white.png" alt="Radboud Uni Logo" class="img-fluid, center" style="max-height:100px"> + <a href="https://www.ru.nl/" class="center-x"> + <img src="https://static.igem.wiki/teams/5342/images/footer/radboud-uni-white.png" alt="Radboud Uni Logo" class="img-fluid, center-x" style="max-height:100px"> </a> </div> <div style="flex:33.3; padding:15px"> - <a href="https://2024.igem.wiki/radboud-university/" class="center"> - <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" alt="Radboud Uni Team Logo" class="img-fluid, center" style="max-height:100px"> + <a href="https://2024.igem.wiki/radboud-university/" class="center-x"> + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" alt="Radboud Uni Team Logo" class="img-fluid, center-x" style="max-height:100px"> </a> </div> </div> </div> </div> <hr> + <div style="display:flex;"> + <h1 style="margin:auto; max-width:80vw;">Thank you to all of our sponsors!</h1> + </div> + <div style="display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:2vh; margin-bottom:2vh;"> + <div class="sponsor"> + <img src="https://static.igem.wiki/teams/5342/images/footer/idt.webp" class="img-fluid" alt="Integrated Data Technologies"> + </div> + <div class="sponsor"> + <img src="https://static.igem.wiki/teams/5342/images/footer/pivot-park.webp" class="img-fluid" alt="Pivot Park"> + </div> + <div class="sponsor"> + <img src="https://static.igem.wiki/teams/5342/images/footer/purivise.webp" class="img-fluid" alt="Purivise"> + </div> + <div class="sponsor"> + <img src="https://static.igem.wiki/teams/5342/images/footer/promega.webp" class="img-fluid" alt="Promega"> + </div> + <div class="sponsor"> + <img src="https://static.igem.wiki/teams/5342/images/footer/reset.webp" class="img-fluid" alt="Reset"> + </div> + </div> + <hr> <!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org --> <div class="row mt-4"> <div class="col">