website/_subpages/01-about.md

title, permalink

title	permalink
About	/

{% capture about %}{% include about.md %}{% endcapture %} {{ about | markdownify }}

<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>

<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>

<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>

<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>