<div style="padding: 0 20px; text-align: center;">
    <div style="display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 40px;">
    <a href="https://docs.pipeless.io/docs/getting-started" style="width: 290px; margin: 0 15px 30px; display: block; text-align: center; text-decoration:none;">
        <img src="https://static.pipeless.io/images/docs-guide1.png" alt="Getting Started" />
        <div style="margin-top: 5px; font-size: 32px; font-weight: bold; color: #384260;">Getting Started</div>
        <div style="margin-top: 10px; font-size: 16px; color: #7a7f8e;">Learn how to use Pipeless with our developer guide</div>
        <div style="margin-top: 20px; display: inline-block; padding-right: 6px;">Start here <span class="arrow">⟶</span></div>
    </a>
    <a href="https://docs.pipeless.io/docs/restaurant-dataset" style="width: 290px; margin: 0 15px 30px; display: block; text-align: center; text-decoration:none;">
        <img src="https://static.pipeless.io/images/docs-tutorial1.png" alt="Tutorial" />
        <div style="margin-top: 5px;font-size: 32px; font-weight: bold; color: #384260;">Tutorial</div>
        <div style="margin-top: 10px; font-size: 16px; color: #7a7f8e;">Get to know our API with a demo dataset walkthrough</div>
        <div style="margin-top: 20px; display: inline-block; padding-right: 6px;">Start here <span class="arrow">⟶</span></div>
    </a>
    <a href="https://docs.pipeless.io/reference/general" style="width: 290px; margin: 0 15px 30px; display: block; text-align: center; text-decoration:none;">
        <img src="https://static.pipeless.io/images/docs-reference1.png" alt="API Reference" />
        <div style="margin-top: 5px;font-size: 32px; font-weight: bold; color: #384260;">API Reference</div>
        <div style="margin-top: 10px; font-size: 16px; color: #7a7f8e;">Read the technicals for each of our API endpoints</div>
        <div style="margin-top: 20px; display: inline-block; padding-right: 6px;">Start here <span class="arrow">⟶</span></div>
    </a>  
    </div>
    <div style="display: flex; justify-content: center; flex-wrap: wrap;">
        <div style="width: 100%; max-width: 440px; padding: 25px; text-align: center; margin: 10px 20px 30px; border-top: 1px solid #e1e4ee;">
            <div style="font-size: 24px; color: #7a7f8e; margin-bottom: 15px; margin-top: -44px; text-align: center;"><div style="padding: 0 20px; background-color: #fff; display: inline-block;">Client Libraries</div></div>
            <div style="display: flex; justify-content: center; align-items: center; margin-top: 15px;">
                <a href="https://github.com/pipeless/pipeless-node" style="display: inline-block; margin-right: 30px;"><img src="https://static.pipeless.io/images/Node.js_logo.svg" style="width: 70px;" /></a>
                <a href="https://github.com/pipeless/pipeless-php" style="display: inline-block;"><img src="https://static.pipeless.io/images/PHP-logo.svg" style="width: 70px;" /></a>
            </div>
        </div>
        <div style="width: 100%; max-width: 440px; padding: 25px; text-align: center; margin: 10px 20px 30px; border-top: 1px solid #e1e4ee;">
            <div style="font-size: 24px; color: #7a7f8e; margin-bottom: 15px; margin-top: -44px; text-align: center;"><div style="padding: 0 20px; background-color: #fff; display: inline-block;">Integrations</div></div>
            <div style="display: flex; justify-content: center; align-items: center; margin-top: 15px;">
                <a href="https://zapier.com/apps/pipeless/integrations" style="display: inline-block; margin-right: 30px;"><img src="https://static.pipeless.io/images/zapier_logo.svg" style="width: 70px;" /></a>
                <a href="https://gsuite.google.com/marketplace/app/pipeless/966000603445" style="display: inline-block;"><img src="http://static.pipeless.io/images/Google_Sheets_logo.svg" style="width: 32px;" /></a>
            </div>
        </div>
    </div>

</div>