search

rckash / marameo-1

0 stars 0 forks source link

HTML Structure #1

Open hartpableo opened 2 weeks ago

hartpableo commented 2 weeks ago

Please follow a basic complete HTML markup.

Overall, here's an example of an atom I made in a previous project:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
  <title>Promo Sign</title>
  <link rel="stylesheet" href="{path-to-your-css-file}">
</head>
<body style="min-height: 100vh;">

  <!-- Promo sign in top right of cards. -->
  <div class="promo-sign">
    -100€
    <img aria-hidden="true" class="promo-sign__icon" src="../../images/promo/icon_discount.svg" alt="Promo Icon" width="35" height="35" decoding="async" loading="lazy">
  </div>

  <!-- Promo sign in Quota Base. -->
  <div class="promo-sign promo-sign--old">
    <span class="promo-sign__price">€ 1250</span>
    <div class="promo-sign__quota">
      <img aria-hidden="true" class="promo-sign__icon" src="../../images/promo/icon_discount.svg" alt="Promo Icon" width="25" height="25" decoding="async" loading="lazy">
      -100€
    </div>
  </div>

</body>
</html>