---
title: About
permalink: /
---

<section class="about-text">
    {% capture about %}{% include about.md %}{% endcapture %}
    {{ about | markdownify }}
</section>


<!--
    - service
-->

<section class="service">

    <h3 class="h3 service-title">What I'm Doing</h3>

    <ul class="service-list">

    {% for service-item in site.data.current-projects %}
    <li class="service-item">

        <div class="service-icon-box">
        <img src="{{ service-item.icon }}" alt="{{ service-item.icon_alt }}" width="40">
        </div>

        <div class="service-content-box">
        <h4 class="h4 service-item-title">{{ service-item.title }}</h4>

        <p class="service-item-text">
            {{ service-item.description }}
        </p>
        </div>

    </li>
    {% endfor %}

    </ul>

</section>


<!--
    - testimonials
-->

<section class="testimonials">

    <h3 class="h3 testimonials-title">Testimonials</h3>

    <ul class="testimonials-list has-scrollbar">

    <li class="testimonials-item">
        <div class="content-card" data-testimonials-item>

        <figure class="testimonials-avatar-box">
            <img src="./assets/images/avatar-1.png" alt="Daniel lewis" width="60" data-testimonials-avatar>
        </figure>

        <h4 class="h4 testimonials-item-title" data-testimonials-title>Daniel lewis</h4>

        <div class="testimonials-text" data-testimonials-text>
            <p>
            Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
            lot of experience
            and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
            consectetur adipiscing
            elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
            </p>
        </div>

        </div>
    </li>

    <li class="testimonials-item">
        <div class="content-card" data-testimonials-item>

        <figure class="testimonials-avatar-box">
            <img src="./assets/images/avatar-2.png" alt="Jessica miller" width="60" data-testimonials-avatar>
        </figure>

        <h4 class="h4 testimonials-item-title" data-testimonials-title>Jessica miller</h4>

        <div class="testimonials-text" data-testimonials-text>
            <p>
            Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
            lot of experience
            and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
            consectetur adipiscing
            elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
            </p>
        </div>

        </div>
    </li>

    <li class="testimonials-item">
        <div class="content-card" data-testimonials-item>

        <figure class="testimonials-avatar-box">
            <img src="./assets/images/avatar-3.png" alt="Emily evans" width="60" data-testimonials-avatar>
        </figure>

        <h4 class="h4 testimonials-item-title" data-testimonials-title>Emily evans</h4>

        <div class="testimonials-text" data-testimonials-text>
            <p>
            Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
            lot of experience
            and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
            consectetur adipiscing
            elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
            </p>
        </div>

        </div>
    </li>

    <li class="testimonials-item">
        <div class="content-card" data-testimonials-item>

        <figure class="testimonials-avatar-box">
            <img src="./assets/images/avatar-4.png" alt="Henry william" width="60" data-testimonials-avatar>
        </figure>

        <h4 class="h4 testimonials-item-title" data-testimonials-title>Henry william</h4>

        <div class="testimonials-text" data-testimonials-text>
            <p>
            Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
            lot of experience
            and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
            consectetur adipiscing
            elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
            </p>
        </div>

        </div>
    </li>

    </ul>

</section>


<!--
    - testimonials modal
-->

<div class="modal-container" data-modal-container>

    <div class="overlay" data-overlay></div>

    <section class="testimonials-modal">

    <button class="modal-close-btn" data-modal-close-btn>
        <ion-icon name="close-outline"></ion-icon>
    </button>

    <div class="modal-img-wrapper">
        <figure class="modal-avatar-box">
        <img src="./assets/images/avatar-1.png" alt="Daniel lewis" width="80" data-modal-img>
        </figure>

        <img src="./assets/images/icon-quote.svg" alt="quote icon">
    </div>

    <div class="modal-content">

        <h4 class="h3 modal-title" data-modal-title>Daniel lewis</h4>

        <time datetime="2021-06-14">14 June, 2021</time>

        <div data-modal-text>
        <p>
            Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
            lot of experience
            and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
            consectetur adipiscing
            elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
        </p>
        </div>

    </div>

    </section>

</div>


<!--
    - clients
-->

<section class="clients">

    <h3 class="h3 clients-title">Clients</h3>

    <ul class="clients-list has-scrollbar">

    <li class="clients-item">
        <a href="#">
        <img src="./assets/images/logo-1-color.png" alt="client logo">
        </a>
    </li>

    <li class="clients-item">
        <a href="#">
        <img src="./assets/images/logo-2-color.png" alt="client logo">
        </a>
    </li>

    <li class="clients-item">
        <a href="#">
        <img src="./assets/images/logo-3-color.png" alt="client logo">
        </a>
    </li>

    <li class="clients-item">
        <a href="#">
        <img src="./assets/images/logo-4-color.png" alt="client logo">
        </a>
    </li>

    <li class="clients-item">
        <a href="#">
        <img src="./assets/images/logo-5-color.png" alt="client logo">
        </a>
    </li>

    <li class="clients-item">
        <a href="#">
        <img src="./assets/images/logo-6-color.png" alt="client logo">
        </a>
    </li>

    </ul>

</section>