Last active
February 28, 2025 08:21
-
-
Save f4iey/254ddd48ea61fba37b49a8ba28db7ea3 to your computer and use it in GitHub Desktop.
QRZ.com page template with Bootstrap
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>TM00XX - Special Event Station</title> | |
| <!-- When updating your page afterwards, dependencies are not saved in "source mode". don't forget to paste them again at the top --> | |
| <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css"/> | |
| <!-- end dependencies --> | |
| <!-- Custom CSS to add under the expert section: | |
| #csbody { | |
| color: #fff; | |
| } | |
| #calldata { | |
| color: #fff; | |
| } | |
| #biodata { | |
| color: #fff; | |
| } | |
| #t_bio.biodiv {background-color: rgba(64, 64, 64, 0.99); color: #fff;} | |
| a { | |
| color: #007bff; | |
| text-decoration: none; | |
| } | |
| a:hover{color: #0056b3; text-decoration: underline;} | |
| --> | |
| </head> | |
| <body> | |
| <h1>TM00XX - Special Event Station</h1> | |
| <div class="container"> | |
| <div class="card text-white bg-dark mb-3"> | |
| <div class="card-body"> | |
| <a href="/hampages/tm00xx/imagejpg"><img src="/hampages/tm00xx/image.jpg" class="card-img-top" style="height:423px; width:1199px" /></a> | |
| </div> | |
| </div> | |
| <div class="card text-white bg-dark mb-3"> | |
| <div class="card-body"> | |
| <p class="card-text">Some short description</p> | |
| <p class="card-text">Some more info</p> | |
| </div> | |
| </div> | |
| <div class="card text-white bg-dark mb-3"> | |
| <div class="card-body"> | |
| <h2 class="card-title">Event Details</h2> | |
| <ul class="card-text"> | |
| <li><strong>Contest Name:</strong> Event</li> | |
| <li><strong>Date:</strong> June 2024</li> | |
| <li><strong>QTH:</strong> GRID</li> | |
| </ul> | |
| <em class="card-text">Some slogan</em> | |
| </div> | |
| </div> | |
| <div class="card text-white bg-dark mb-3"> | |
| <div class="card-body"> | |
| <h2 class="card-title">Operators</h2> | |
| <ul class="card-text"> | |
| <li><span class="fi fi-fr"></span> <strong>F4xxx</strong> John</li> | |
| <li><span class="fi fi-es"></span> <strong>EA1yyy</strong> Doe</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment