View Source

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2x2 Card Layout</title>
    <style>
        .card-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Two columns */
            gap: 20px; /* Space between cards */
            justify-content: center;
            padding: 20px;
        }
        .card {
            background: white;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            text-align: center;
            transition: transform 0.2s;
            text-decoration: none;
            color: #000;
        }
        .card:hover {
            transform: translateY(-5px);
        }
        .card img {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }
        .card-title {
            font-size: 18px;
            margin: 15px 0;
            padding: 0 10px;
        }
    </style>
</head>
<body>
    <div class="card-container">
        <a href="https://yourlink1.com" class="card">
            <img src="https://imgur.com/a/djFHzHI" alt="Salmonella Serovars">
            <div class="card-title">113 Salmonella Serovars</div>
        </a>
        <a href="https://yourlink2.com" class="card">
            <img src="https://your-image-url2.com" alt="Outbreaks, Recalls, and Border Rejections">
            <div class="card-title">391 Outbreaks, Recalls, and Border Rejections</div>
        </a>
        <a href="https://yourlink3.com" class="card">
            <img src="https://your-image-url3.com" alt="Associated Sources">
            <div class="card-title">42 Associated Sources</div>
        </a>
        <a href="https://yourlink4.com" class="card">
            <img src="https://your-image-url4.com" alt="Countries">
            <div class="card-title">78 Countries</div>
        </a>
        <a href="https://yourlink5.com" class="card">
            <img src="https://your-image-url5.com" alt="References">
            <div class="card-title">507 References</div>
        </a>
    </div>
</body>
</html>

This page represents an initial draft wiki that is intended to provide relevant information in different Salmonella serovars, including information on (i) likely sources where a given serovar is commonly found; (ii) the geographic distribution of a given serovar; (iii) previous outbreaks linked to a given serovar; (iv) association of a given serovar with human illnesses; and (v) genomic features of a given serovar. Our hope is that this wiki will provide the food safety professionals world-wide with a resource that will allow them to rapidly access relevant information about a given Salmonella serovar. We are currently in process of pursuing funding to allow for further development of this wiki, including inclusion of additional serovars. For further information or if you would like to contribute information to this wiki, please contact Martin Wiedmann at mw16@cornell.edu .