<header>
  <h1>Welcome to my shop</h1>
  <nav>
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="sale.html" class="sale">Shop</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>
</header>
<main>
  <h2>We have many great products</h2>
  <p>Here are the main reasons to <span class="sale">shop</span> with us:</p>
  <ul>
    <li>Trustworthy</li>
    <li>Helpful</li>
    <li>Good quality</li>
  </ul>
  <p>We hope you find what you're looking for.</p>
</main>
body {
  font-family: "Nunito Sans", sans-serif;
}

h1, h2 {
  font-family: "Playfair Display", serif;
}

nav li {
  display: inline-block;
}

nav ul {
  padding: 0px;
}

nav a {
  color: #9d3400;
  text-decoration: none;
}

.sale {
  color: red;
}

a.sale {
  text-decoration: underline;
}

h2 + p {
  font-size: 18px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.