ahmadajmi

<div class="c-section c-section--testimonials">
    <div class="o-grid o-grid--2-columns">

      <div class="c-card-testimonial">
        <blockquote class="c-card-testimonial__text">Excellent support from the team behind the Aspire themes, if you decide to give it a try.</blockquote>

        <div class="c-card-testimonial__author">
          <div class="c-card-testimonial__author__bio">
            <p class="c-card-testimonial__author__name"><a href="#">Amelia Harry</a></p>
            <p class="c-card-testimonial__author__title">Engineer @Shopify</p>

ahmadajmi

<form id="fs-frm" name="simple-contact-form" accept-charset="utf-8" action="FORM_ENDPOINT" method="post">
  <fieldset id="fs-frm-inputs" style='border:0;'>
    <label for="full-name">Full Name</label>
    <input type="text" name="name" id="full-name" placeholder="First and Last" required=""><br>
    <label for="email-address">Email Address</label>
    <input type="email" name="_replyto" id="email-address" placeholder="email@email.com" required=""><br>
    <label for="message">Message</label>
    <textarea rows="5" name="message" id="message" placeholder="What is your inquiry or message?" required=""></textarea>
    <input type="hidden" name="_subject" id="email-subject" value="Contact Form Submission">
  </fieldset><br>

ahmadajmi

{{!< default}}

{{#post}}

<main class='o-wrapper'>
  {{#match @page.show_title_and_feature_image}}
    {{> post-hero }}
  {{/match}}

  <div class='o-grid'>

ahmadajmi

{{!< default}}

{{#contentFor 'title'}}{{ meta_title }}{{/contentFor}}

{{#post}}

<article class='c-{{ post_class }}'>
  {{#match @page.show_title_and_feature_image}}
    {{> post-header }}
  {{/match}}

ahmadajmi

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/autoloader/prism-autoloader.min.js" integrity="sha512-fTl/qcO1VgvKtOMApX2PdZzkziyr2stM65GYPLGuYMnuMm1z2JLJG6XVU7C/mR+E7xBUqCivykuhlzfqxXBXbg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

ahmadajmi

<ul class='c-subscribe-list'>
  {{#if @custom.apple_podcasts}}
    <li class='c-subscribe-list__item'>
      <a href='{{ @custom.apple_podcasts }}' class='c-subscribe-list__link' target='_blank' rel='noopener noreferrer'>
        <div class='c-subscribe-list__media'>
          <img class='c-subscribe-list__icon lazyload' data-src='{{ asset 'icons/apple.svg' }}' alt='Apple Podcasts icon' width='20' height='20'>
        </div>
        <span class='c-subscribe-list__name'>Apple Podcasts</span>
      </a>
    </li>

ahmadajmi

{{#if @site.twitter}}
  <li class='c-nav__item c-nav__item--hasIcon'>
    <a href='{{ twitter_url }}'>
      <span class='c-nav__item__icon' data-icon='ei-sc-twitter' data-size='s'></span>
      <span class='u-hidden-visually'>Twitter</span>
    </a>
  </li>
{{/if}}

{{#if @site.facebook}}

ahmadajmi

<div class='c-widget'>
  <ul class='c-social-icons o-plain-list'>
    {{#if @site.twitter}}
      <li class='c-social-icons__item'>
        <a href='{{ twitter_url }}'>
          <span class='c-social-icons__icon' data-icon='ei-sc-twitter' data-size='s'></span>
          <span class='u-screenreader-only'>Twitter</span>
        </a>
      </li>
    {{/if}}

ahmadajmi

// Copy the follwing to Code Injection.

<style>
:root {
  --color-mode:    'dark';
  --color-brand:   var(--ghost-accent-color);
  --color-white:   #FFFFFF;
  --color-dark:    #010101;
  --color-text:    #FFFFFF;
  --color-gray:    #E5EFF5;

ahmadajmi

// Replace YOUR_LIGHT_COLOR_HERE with your light background.
// Replace YOUR_DARK_COLOR_HERE in two lines with your dark background.

<style>
  :root {
    --nav-background: YOUR_LIGHT_COLOR_HERE;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-user-color-scheme]) {