twigfiddle.com - Fiddle nacuup v1 - Created on April 20, 2021 12:36

More options...

Title

File

<div class="container">
  <img class="logo" src="{{logo}}" alt="logo">
  <div class="content">
    <p class="greeting">{{greeting}}</p>
    <p>{{preamble}}</p>
    <p><span class="matched">{{matched}}</span> {{filterCount}}</p>
  </div>
  <div class="actions">
    <a class="primary-action" target="{{primaryTarget}}" href="{{primaryHref}}">{{primaryText}}</a>
    <a class="secondary-action" target="{{secondaryTarget}}" href="{{secondaryHref}}">{{secondaryText}}</a>
  </div>
</div>

Format

{
   "logo": "https://web3cdn.secondhandapp.com/_next/static/logotype.f00f7050feb3d511bf44ea45366d7488.svg",
   "greeting": "Hi Jon,",
   "preamble": "We found new matches for your search:",
   "matched": "\"Blue jeans\"",
   "filterCount": "with 3 filters",
   "primaryTarget": "_blank",
   "primaryHref": "https://www.shpock.com/",
   "primaryText": "See what's new",
   "secondaryTarget": "_blank",
   "secondaryHref": "https://www.shpock.com/",
   "secondaryText": "Manage notifications"      
}

Fiddle nacuup created on April 20, 2021 12:36 and visited 64 times

Developed using

Not logged in.

twigfiddle.com @ 2024
Ask a question on Stackoverflow Report issue Download source code