/home/bdqbpbxa/rc-subdomains/waykay-rc.goodface.com.ua/wp-content/themes/waykay/assets/ui-kit.html
<!DOCTYPE html>
<html lang="es">

<head>
	<title>
		UI-kit
	</title>

	<!-- TODO: Set or remove page description -->
	<meta charset="utf-8">
	<meta name="description" content="Page description">

	<!-- TODO: Delete noindex on production -->
	<meta name="robots" content="noindex">
	<meta name="googlebot" content="noindex">

	<!-- TODO: Set absolute page URL -->
	<link rel="canonical" href="https://sitename.com/page">

	<!-- Mobile -->
	<meta name="viewport"
		content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<meta name="format-detection" content="telephone=no">

	<!-- Styles -->
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" type="text/css" href="css/adaptive.css">
</head>

<body>

  <style>

    body {
      background: var(--black-100, #000);
padding-top: 80px;
    }

    main {
      padding: 40px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 40px;
     }
  </style>

  <header class="header">
    <div class="container header__wrapper">
      <a href="#" class="logo">
        <img src="images/logo.svg" alt="">
      </a>
      <nav class="header__navigation">
        <a class="default-link link-text mob-link-text" href="#">Métodos de pago</a>
        <a class="default-link link-text mob-link-text" href="#">Características clave</a>
        <a class="default-link link-text mob-link-text" href="#">Formulario de contacto</a>
      </nav>
    </div>
  </header>

  <main>
    <h1 class="title-1 mob-title-1">
      Title 1
    </h1>
    <h2 class="title-2 mob-title-2">
      Title 2
    </h2>

    <p class="description-1 mob-description-1">
      Description 1
    </p>
    <p class="description-2 mob-description-2">
      Description 2
    </p>

    <p class="body-1 mob-body-1">
      Body 1
    </p>
    <p class="body-2 mob-body-2">
      Body 2
    </p>
    <p class="body-3 mob-body-3">
      Body 3
    </p>

    <p class="button-text mob-button-text">
      Button
    </p>
    <p class="link-text mob-link-text">
      link
    </p>
    <p class="tag-text mob-tag-text">
      tag
    </p>

    <a href="#" class="button button-text mob-button-text">
      Solicitá soluciones de pago
      <span class="arrow"></span>
    </a>
    
    <a href="#" class="default-link link-text mob-link-text">
      Métodos de pago
    </a>
  </main>

  <footer class="footer gradient-section">
    <div class="gradient">
      <picture>
        <source srcset="images/gradients/footer-gradient-mob.png"  media="(max-width: 760px)">
        <img src="images/gradients/footer-gradient.png" alt="">
      </picture>
    </div>
    <div class="container">
      <div class="footer__wrapper link-text mob-link-text">
        <p class="copyright"> 2024 BetterBro. Todos los derechos reservados.</p>
        <nav class="footer__navigation">
          <a class="default-link" href="#">Términos</a>
          <a class="default-link" href="#">Política</a>
          <a class="default-link" href="#">Cookies</a>
        </nav>
      </div>
      
    </div>
  </footer>

	<script src="js//lib/jquery-3.7.1.min.js"></script>

	<script src="js/custom-solutions.js"></script>
	<script src="js/script.js"></script>
	<script src="js/test.js"></script>

</body>

</html>
Path: home/bdqbpbxa/rc-subdomains/waykay-rc.goodface.com.ua/wp-content/themes/waykay/assets