Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Two Images with Divider</title> | |
| <style> | |
| .image-row { | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| gap: 5px; /* Space between images and the divider */ | |
| } | |
| .image-row img { | |
| height: 50px; /* Set the desired height */ | |
| width: auto; /* Maintain aspect ratio */ | |
| } | |
| .divider { | |
| width: 1px; /* Thickness of the line */ | |
| background-color: #000; /* Color of the line */ | |
| height: 50px; /* Match the height of the images */ | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="image-row"> | |
| <a href="https://www.rau.ac.uk/" target="_blank" title="Visit RAU"> | |
| <img src="https://media.glide.mailplus.co.uk/prod/images/gm_fit_300x450/69e4af470b53-uniroyal-agriculturalfull.png" alt="RAU Logo"> | |
| </a> | |
| <div class="divider"></div> | |
| <a href="https://www.nhm.ac.uk" target="_blank" title="Visit NHM"> | |
| <img src="https://www.nhm.ac.uk/content/dam/nhm-www/press-office/MicrosoftTeams-image%20(4)%20(1).png" alt="NHM Logo"> | |
| </a> | |
| </div> | |
| </body> | |
| </html> | |