Zenn
😆

あ

2024/01/11に公開
#
あ
tech

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

<link rel="stylesheet" href="styles.css">
</head>
<body>

<div id="navbarContainer"></div>


<div class="container mt-4">
<div class="row">
<div class="col-md-6">
<a href="article1.html" class="card-link">
<div class="card">
<img src="article1-image.jpg" class="card-img-top" alt="Article 1 Image">
<div class="card-body">
<h5 class="card-title">Article 1 Title</h5>
<p class="card-text">Article 1 Description goes here...</p>
</div>
</div>
</a>
</div>

  <div class="col-md-6">
    <a href="article2.html" class="card-link">
      <div class="card">
        <img src="article2-image.jpg" class="card-img-top" alt="Article 2 Image">
        <div class="card-body">
          <h5 class="card-title">Article 2 Title</h5>
          <p class="card-text">Article 2 Description goes here...</p>
        </div>
      </div>
    </a>
  </div>
</div>

</div>


<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.

Discussion