Try it Yourself: Colors Introduction

Colors Introduction

<!DOCTYPE html>
<html>
<head>
<style>
.card {
  border: 1px solid #d0d0d0;
  padding: 16px;
}

.card p {
  color: #444444;
}

.card .btn-primary {
  background-color: #1f6feb;
  color: white;
  font-weight: bold;
  padding: 8px 16px;
  border: none;
}
</style>
</head>
<body>

<div class="card">
  <p>This is some card text.</p>
  <button class="btn-primary">Buy Now</button>
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
.card {
  border: 1px solid #d0d0d0;
  padding: 16px;
}

.card p {
  color: #444444;
}

.card .btn-primary {
  background-color: #1f6feb;
  color: white;
  font-weight: bold;
  padding: 8px 16px;
  border: none;
}
</style>
</head>
<body>

<div class="card">
  <p>This is some card text.</p>
  <button class="btn-primary">Buy Now</button>
</div>

</body>
</html>