algaesolution

Trong trang admin của contact form 7, đây là ví dụ cho cách sử dụng


<div class="smf-data-field">
   <div class="smf-field-row">
      [text* your-family-name placeholder "family name"]
      [text* your-first-name placeholder "first name"]
   </div>
   <span class="custom-error-message your-first-name"></span>
</div>

algaesolution

<a href="#" class="hover-underline active">Hover me</a>

<a href="#" class="hover-underline">Hover me</a>

algaesolution

<a href="#" class="hover-underline active">Hover me. I am actived</a>

<a href="#" class="hover-underline">Hover me</a>

algaesolution

<h1 class="typing-text">
  Welcome to Algae
</h1>

algaesolution

/*
---------------------------------------------------------*/
function setup() {
    add_theme_support( 'title-tag' );
    add_theme_support( 'post-thumbnails' );

    if ( function_exists( 'add_image_size' ) ) {
        add_image_size('thumb-347x194', 347, 194, true);
    }
}

algaesolution

?php
$image = get_field("list_img");
$size = "thumb-347x194"; // (thumbnail, medium, large, full or custom size)
if ($image) {
    echo wp_get_attachment_image($image, $size, false, [
        "class" => "card-img-top",
    ]);
} else {
    ?>
    <img src="<?= esc_url(

algaesolution

body {
  background-image: linear-gradient(
      transparent 11px,
      #fff 12px,
      transparent 12px
    ),
    linear-gradient(90deg, #c6d8bf 11px, #fff 12px, transparent 12px);
  background-size: 100% 12px, 12px 100%;
}

algaesolution

@keyframes text-animation {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }