---
layout: page
title: My Story
description: Sarah J. Hoodlet from New Hampshire. Childhood under logs, in wetlands, befriending snakes inspired her earliest worlds. Unwritten, those words were vividly alive.🌲🍃
page_id: about
block: block2
image: /assets/images/banner.jpg
---
{%- assign h = site.data.homepage -%}
{%- assign f = site.data.footer -%}
{%- assign a = site.data.about-page -%}

<section class="about-page__section">
  <div class="container">
    <div class="about-page__row">
      <div class="about-page__img">
        <img fetchpriority="high" width="500" height="480" src="{{a.about_section.image}}" alt="{{site.author}}" title="{{site.logo}}" loading="lazy">
      </div>
      <h2 class="center"> {{a.about_section.title}} </h2>
      <div class="about-page__text">
        {{a.about_section.text | markdownify}}
        <div class="site_socials">
          <p class="follow">{{f.follow}}</p>
          {%- for i in f.socials -%}
          <a class="icon-{{forloop.index}}" href="{{i.link}}">{% include {{i.icon}}%}</a>
          {%- endfor -%}
        </div>
      </div>
    </div>
  </div>
</section>

<section class="quetions__section">
  <div class="container">
    <h2 class="center">{{a.quetions_section.title}}</h2>
    <div class="wrapper quetions__box">
      {%- for f in a.quetions_section.items -%}
      <div class="quetion__item">
        <div class="accordion">
          <p>{{f.q}}</p><span></span>
        </div>
        <div class="panel">
          {{f.a | markdownify}}
        </div>
      </div>
      {%- endfor -%}
    </div>
  </div>
</section>

<section class="gallery__section">
  <div class="container">
    <div class="gallery__header">
      <h2 class="center">{{a.gallery_section.title}}</h2>
      <div class="gallery__text">
        {{a.gallery_section.text| markdownify}}
      </div>
    </div>
    <div class="gallery__grid">
      {%- for img in a.gallery_section.images -%}
      <img width="386" height="350" fetchpriority="high" class="img_{{forloop.index}}" src="{{img.image}}" alt="My Life" title="Sarah's J. Hoodlet Life" loading="lazy">
      {%- endfor -%}
    </div>
  </div>
  </div>
</section>