<!DOCTYPE html>
<html lang="en" class="h-100 scroll-behavior-smooth " dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="HZHzMFy7ksaECiFSbzkzyrjo17JUcY1z22cJAOqE">
<title>phpShort - URL shortening for the new generation.</title>
<link href="https://heylink.site/uploads/brand/favicon.png" rel="icon">
<!-- Scripts -->
<script src="https://heylink.site/js/app.js" defer></script>
<!-- Styles -->
<link href="https://heylink.site/css/app.css" rel="stylesheet" data-theme-light="https://heylink.site/css/app.css" data-theme-dark="https://heylink.site/css/app.dark.css" data-theme-target="href">
<style>
@import url("https://rsms.me/inter/inter.css");
</style>
</head>
<body class="d-flex flex-column">
<div id="header" class="header sticky-top shadow bg-base-0 z-1025">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light px-0 py-3">
<a href="https://heylink.site" aria-label="phpShort" class="navbar-brand p-0">
<div class="logo">
<img src="https://heylink.site/uploads/brand/logo.svg" alt="phpShort" data-theme-dark="https://heylink.site/uploads/brand/logo_dark.svg" data-theme-light="https://heylink.site/uploads/brand/logo.svg" data-theme-target="src">
</div>
</a>
<button class="navbar-toggler border-0 p-0" type="button" data-toggle="collapse" data-target="#header-navbar" aria-controls="header-navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="header-navbar">
<ul class="navbar-nav pt-2 p-lg-0 ml-auto">
<li class="nav-item">
<a class="nav-link" href="https://heylink.site/login" role="button">Login</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="d-flex flex-column flex-fill ">
<div class="flex-fill">
<div class="bg-base-0 position-relative">
<div class="container position-relative py-5 py-sm-6">
<div class="row">
<div class="col-12 py-sm-5 text-break">
<h1 class="display-4 mb-0 font-weight-bold text-center">
Smart and powerful short links
</h1>
<p class="text-muted font-weight-normal my-4 font-size-xl text-center">
Stay in control of your links with advanced features for shortening, targeting, and tracking.
</p>
<div class="row">
<div class="col-2 d-none d-lg-flex">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.95 16" style="width: 1.4rem; height: 1.4rem; transform: rotate(-17deg); right: 2rem; top: 2rem; filter: blur(1px);" class="position-absolute"><path d="M10,.42,8.46,0,7.14,5,5.94.48,4.37.9,5.66,5.73,2.44,2.51,1.29,3.66,4.82,7.19.42,6,0,7.59,4.81,8.87a2.92,2.92,0,0,1-.09-.73,3.26,3.26,0,1,1,6.52,0,3.55,3.55,0,0,1-.08.73L15.52,10,16,8.47l-4.83-1.3L15.52,6,15.1,4.42l-4.83,1.3,3.22-3.23L12.34,1.34,8.86,4.83Z" style="fill:#f97316"/><path d="M11.15,8.89a3.2,3.2,0,0,1-.81,1.49l3.17,3.17,1.15-1.15Z" style="fill:#f97316"/><path d="M10.31,10.41a3.3,3.3,0,0,1-1.46.87L10,15.57l1.58-.42Z" style="fill:#f97316"/><path d="M8.79,11.29a3.1,3.1,0,0,1-.81.1,3.58,3.58,0,0,1-.87-.11L6,15.58,7.53,16Z" style="fill:#f97316"/><path d="M7.06,11.26a3.18,3.18,0,0,1-1.43-.87L2.45,13.56,3.6,14.71Z" style="fill:#f97316"/><path d="M5.6,10.36a3.23,3.23,0,0,1-.79-1.48L.43,10.06l.42,1.57Z" style="fill:#f97316"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" style="width: 1.7rem; height: 1.7rem; transform: rotate(22deg); right: 6rem; top: 0; filter: blur(1px);" class="position-absolute"><polygon points="0 0 50 0 0 50 0 0" style="fill:#009cea"/><polygon points="0 50 50 50 0 100 0 50" style="fill:#009cea"/><polygon points="50 0 100 0 50 50 50 0" style="fill:#009cea"/><circle cx="75" cy="75" r="25" style="fill:#009cea"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45" style="width: 1.3rem; height: 1.3rem; transform: rotate(-5deg); right: 4.5rem; top: 4rem; filter: blur(1px);" class="position-absolute"><path d="M22.5,11.25A11.25,11.25,0,0,1,11.25,22.5H0V11.25a11.25,11.25,0,0,1,22.5,0Z" style="fill:#f5718b"/><path d="M22.5,33.75A11.25,11.25,0,0,1,33.75,22.5H45V33.75a11.25,11.25,0,0,1-22.5,0Z" style="fill:#f5718b"/><path d="M0,33.75A11.25,11.25,0,0,0,11.25,45H22.5V33.75a11.25,11.25,0,0,0-22.5,0Z" style="fill:#f5718b"/><path d="M45,11.25A11.25,11.25,0,0,0,33.75,0H22.5V11.25a11.25,11.25,0,0,0,22.5,0Z" style="fill:#f5718b"/></svg>
</div>
<div class="col-12 col-lg-8 mt-4">
<div class="form-group mb-0" id="short-form-container">
<form action="https://heylink.site/shorten" method="post" enctype="multipart/form-data" id="short-form">
<input type="hidden" name="_token" value="HZHzMFy7ksaECiFSbzkzyrjo17JUcY1z22cJAOqE"> <div class="form-row">
<div class="col-12 col-sm">
<input type="text" dir="ltr" autocomplete="off" autocapitalize="none" spellcheck="false" name="url" class="form-control form-control-lg font-size-lg" placeholder="Shorten your link" autofocus>
</div>
<div class="col-12 col-sm-auto">
<button class="btn btn-primary btn-lg btn-block font-size-lg mt-3 mt-sm-0" type="submit" data-button-loader>
<div class="position-absolute top-0 right-0 bottom-0 left-0 d-flex align-items-center justify-content-center">
<span class="d-none spinner-border spinner-border-sm width-4 height-4" role="status"></span>
</div>
<span class="spinner-text">Shorten</span>​
</button>
</div>
</div>
<input type="hidden" name="domain_id" value="1">
</form>
</div>
<div class="modal fade" id="share-modal" tabindex="-1" role="dialog" aria-labelledby="share-modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content border-0 shadow">
<div class="modal-header">
<h6 class="modal-title" id="share-modal-label">Share</h6>
<button type="button" class="close d-flex align-items-center justify-content-center width-12 height-14" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="d-flex align-items-center"><svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 16 16"><rect width="16" height="16" style="fill:none"/><path d="M9.41,8l5.3-5.29a1,1,0,1,0-1.42-1.42L8,6.59,2.71,1.29A1,1,0,0,0,1.29,2.71L6.59,8l-5.3,5.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L8,9.41l5.29,5.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"/></svg></span>
</button>
</div>
<div class="modal-body d-flex flex-wrap pt-0">
<a href="#" id="share-twitter" class="btn d-flex align-items-center icon-twitter p-2 mt-3 mr-3 rounded" data-tooltip="true" title="Twitter">
<svg xmlns="http://www.w3.org/2000/svg" class="width-5 height-5 text-light fill-current" viewBox="0 0 24 19.5"><path d="M24,2.3a9,9,0,0,1-2.8.8A5.32,5.32,0,0,0,23.4.4a9.08,9.08,0,0,1-3.1,1.2A5.23,5.23,0,0,0,16.6,0a4.91,4.91,0,0,0-4.9,4.9A3.75,3.75,0,0,0,11.8,6,13.68,13.68,0,0,1,1.7.9,4.3,4.3,0,0,0,1,3.4,5,5,0,0,0,3.2,7.5,7.09,7.09,0,0,1,1,6.9V7a4.85,4.85,0,0,0,3.9,4.8,5.07,5.07,0,0,1-1.3.2,2.77,2.77,0,0,1-.9-.1,4.74,4.74,0,0,0,4.6,3.4,10,10,0,0,1-6.1,2.1A4.87,4.87,0,0,1,0,17.3a14,14,0,0,0,7.5,2.2,13.87,13.87,0,0,0,14-14V4.9A10.3,10.3,0,0,0,24,2.3"/></svg> </a>
<a href="#" id="share-facebook" class="btn d-flex align-items-center icon-facebook p-2 mt-3 mr-3 rounded" data-tooltip="true" title="Facebook">
<svg xmlns="http://www.w3.org/2000/svg" class="width-5 height-5 text-light fill-current" viewBox="0 0 24 23.88"><path d="M12,0a12,12,0,0,0-1.79,23.85V15.18h-3V12h3V9.93c0-3.48,1.69-5,4.58-5a16.26,16.26,0,0,1,2.46.15V7.83h-2c-1.23,0-1.66,1.16-1.66,2.47V12h3.6l-.49,3.15H13.62v8.7A12,12,0,0,0,12,0Z"/></svg> </a>
<a href="#" id="share-reddit" class="btn d-flex align-items-center icon-reddit p-2 mt-3 mr-3 rounded" data-tooltip="true" title="Reddit">
<svg xmlns="http://www.w3.org/2000/svg" class="width-5 height-5 text-light fill-current" viewBox="0 0 46.08 42"><path d="M27,0c-2.1,0-4.57,1.65-4.94,9,.32,0,.62,0,.94,0L24.1,9C24.34,4.6,25.4,2,27,2c.7,0,1.1.38,1.84,1.19A7.43,7.43,0,0,0,33.1,5.81,7.18,7.18,0,0,1,33,5a5.49,5.49,0,0,1,.13-1.22,5.61,5.61,0,0,1-2.82-1.94A4.36,4.36,0,0,0,27,0ZM39,1a4,4,0,1,0,4,4A4,4,0,0,0,39,1ZM23,11C10.91,11,1,17.18,1,26s9.87,16,22,16,22-7.18,22-16S35.17,11,23,11Zm-17.5.94a5.56,5.56,0,0,0-3.91,1.65A5.45,5.45,0,0,0,.54,19.84,18,18,0,0,1,8,12.56,5.58,5.58,0,0,0,5.54,11.94Zm35,0a5.58,5.58,0,0,0-2.47.62,18,18,0,0,1,7.47,7.28,5.43,5.43,0,0,0-1.09-6.25A5.56,5.56,0,0,0,40.54,11.94ZM15,20a3,3,0,1,1-3,3A3,3,0,0,1,15,20Zm16,0a3,3,0,1,1-3,3A3,3,0,0,1,31,20ZM14.1,31a1,1,0,0,1,.66.41c.11.14,2.45,3.28,8.28,3.28s8.26-3.22,8.28-3.25a1,1,0,0,1,1.41-.25A1,1,0,0,1,33,32.56c-.12.17-3,4.13-9.91,4.13s-9.79-4-9.91-4.13a1,1,0,0,1,.22-1.37A1,1,0,0,1,14.1,31Z"/></svg> </a>
<a href="#" id="share-pinterest" class="btn d-flex align-items-center icon-pinterest p-2 mt-3 mr-3 rounded" data-tooltip="true" title="Pinterest">
<svg xmlns="http://www.w3.org/2000/svg" class="width-5 height-5 text-light fill-current" viewBox="0 0 24 24"><path d="M12,0A12,12,0,0,0,7.63,23.17a11.37,11.37,0,0,1,0-3.44l1.41-6A4.33,4.33,0,0,1,8.72,12c0-1.67,1-2.92,2.17-2.92a1.51,1.51,0,0,1,1.52,1.69,24.2,24.2,0,0,1-1,4,1.75,1.75,0,0,0,1.78,2.17c2.13,0,3.77-2.25,3.77-5.5a4.73,4.73,0,0,0-5-4.88,5.19,5.19,0,0,0-5.42,5.21,4.74,4.74,0,0,0,.89,2.74.34.34,0,0,1,.09.34c-.09.38-.3,1.19-.34,1.36s-.17.27-.4.16c-1.5-.7-2.43-2.89-2.43-4.65,0-3.78,2.75-7.26,7.93-7.26,4.16,0,7.39,3,7.39,6.93,0,4.14-2.6,7.47-6.22,7.47a3.22,3.22,0,0,1-2.75-1.38s-.61,2.29-.75,2.85a13.47,13.47,0,0,1-1.49,3.15A12.2,12.2,0,0,0,12,24,12,12,0,0,0,12,0Z"/></svg> </a>
<a href="#" id="share-linkedin" class="btn d-flex align-items-center icon-linkedin p-2 mt-3 mr-3 rounded" data-tooltip="true" title="LinkedIn">
<svg xmlns="http://www.w3.org/2000/svg" class="width-5 height-5 text-light fill-current" viewBox="0 0 22 22"><path d="M20,0H2A2,2,0,0,0,0,2V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V2A2,2,0,0,0,20,0ZM7,18H4V8.51H7ZM5.45,7.15A1.72,1.72,0,1,1,7.17,5.43,1.72,1.72,0,0,1,5.45,7.15ZM18,18H15.06V13.38c0-1.1,0-2.51-1.54-2.51s-1.77,1.2-1.77,2.43V18H8.8V8.51h2.83v1.3h0a3.11,3.11,0,0,1,2.79-1.54c3,0,3.54,2,3.54,4.52Z"/></svg> </a>
<a href="#" id="share-tumblr" class="btn d-flex align-items-center icon-tumblr p-2 mt-3 mr-3 rounded" data-tooltip="true" title="Tumblr">
<svg xmlns="http://www.w3.org/2000/svg" class="width-5 height-5 text-light fill-current" viewBox="0 0 14 24.5"><path d="M14,24.5H9.87c-3.72,0-6.49-1.9-6.49-6.43V10.81H0V6.87A7.29,7.29,0,0,0,5.45,0H9.31V6.24h4.51v4.57H9.31v6.32c0,1.9,1,2.55,2.5,2.55H14Z"/></svg> </a>
<a href="#" id="share-email" class="btn d-flex align-items-center icon-email p-2 mt-3 mr-3 rounded" data-tooltip="true" title="Email">
<svg xmlns="http://www.w3.org/2000/svg" class="width-5 height-5 text-light fill-current" viewBox="0 0 20 16"><path d="M2,0A2,2,0,0,0,.07,1.5L10,7.73l9.94-6.21A2,2,0,0,0,18,0ZM0,3.73V14a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V3.76L10,10Z"/></svg> </a>
<a href="#" id="share-qr" class="btn d-flex align-items-center icon-qr p-2 mt-3 rounded" data-tooltip="true" title="QR code">
<svg xmlns="http://www.w3.org/2000/svg" class="width-5 height-5 text-light fill-current" viewBox="0 0 100 100"><path d="M0,0V33.33H33.33V0ZM44.44,0V11.11H55.56V0ZM66.67,0V33.33H100V0ZM11.11,11.11H22.22V22.22H11.11Zm66.67,0H88.89V22.22H77.78ZM44.44,22.22V33.33H55.56V22.22ZM0,44.44V55.56H11.11V44.44Zm22.22,0V55.56H33.33V44.44Zm22.22,0V55.56H55.56V44.44ZM55.56,55.56V66.67H66.67V55.56Zm11.11,0H77.78V44.44H66.67Zm11.11,0V66.67H88.89V55.56Zm11.11,0H100V44.44H88.89Zm0,11.11V77.78H100V66.67Zm0,11.11H77.78V88.89H88.89Zm0,11.11V100H100V88.89Zm-11.11,0H66.67V100H77.78Zm-11.11,0V77.78H55.56V88.89Zm-11.11,0H44.44V100H55.56Zm0-11.11V66.67H44.44V77.78Zm11.11,0H77.78V66.67H66.67ZM0,66.67V100H33.33V66.67ZM11.11,77.78H22.22V88.89H11.11Z"/></svg> </a>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div> </div>
<div class="col-2 d-none d-lg-flex">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="width: 1.4rem; height: 1.4rem; transform: rotate(7deg); left: 2rem; top: 2rem; filter: blur(1px);" class="position-absolute"><path d="M8.55,3.6A20,20,0,0,0,4.71,7.11c4.58-.42,10.42.27,17.18,3.66,7.23,3.61,13,3.73,17.1,3a20.14,20.14,0,0,0-1.37-3.2C33,11,27,10.36,20.11,6.9A29.64,29.64,0,0,0,8.55,3.6ZM34.91,6.67A20,20,0,0,0,15,.64a37,37,0,0,1,6.93,2.68A28.82,28.82,0,0,0,34.91,6.67Zm5,11c-4.89,1-11.65.77-19.75-3.29C12.53,10.56,6.5,10.6,2.43,11.51l-.61.14A19.82,19.82,0,0,0,.56,15.29c.32-.08.66-.17,1-.24C6.5,14,13.47,14,21.89,18.21,29.47,22,35.5,22,39.57,21.05L40,21c0-.31,0-.63,0-.95A20.66,20.66,0,0,0,39.86,17.63Zm-.54,7.54c-4.84.85-11.4.52-19.21-3.38C12.53,18,6.5,18.05,2.43,19A19.75,19.75,0,0,0,0,19.66V20a20,20,0,0,0,39.32,5.17Z" style="fill:#10d08f;fill-rule:evenodd"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="width: 1.65rem; height: 1.65rem; transform: rotate(22deg); left: 6rem; top: .5rem; filter: blur(1px);" class="position-absolute"><path d="M20,40A20,20,0,1,0,0,20,20,20,0,0,0,20,40ZM26.24,9.32c.3-1.08-.74-1.72-1.7-1L11.19,17.79c-1,.74-.87,2.21.25,2.21H15v0H21.8l-5.58,2-2.46,8.74c-.3,1.08.74,1.72,1.7,1l13.35-9.51c1-.74.87-2.21-.25-2.21H23.23Z" style="fill:#f15757;fill-rule:evenodd"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="width: 1.3rem; height: 1.3rem; transform: rotate(-20deg); left: 5rem; top: 4rem; filter: blur(1px);" class="position-absolute"><path d="M20,40A20,20,0,1,0,0,20,20,20,0,0,0,20,40Zm3.09-24.55a4.37,4.37,0,1,0-6.18,0L20,18.54Zm1.46,7.64a4.37,4.37,0,1,0,0-6.18L21.46,20Zm-1.46,7.63a4.37,4.37,0,0,0,0-6.17L20,21.46l-3.09,3.09a4.37,4.37,0,0,0,6.18,6.17ZM9.28,23.09a4.37,4.37,0,1,1,6.17-6.18L18.54,20l-3.09,3.09A4.37,4.37,0,0,1,9.28,23.09Z" style="fill:#946fff;fill-rule:evenodd"/></svg>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-base-1 scroll-margin-top-18" id="features">
<div class="container py-5 py-md-7">
<div class="text-center">
<h3 class="h2 mb-3 font-weight-bold text-center">Features</h3>
<div class="mx-auto mb-5">
<p class="text-muted font-weight-normal font-size-lg mb-0">Measure traffic, know your audience, stay in control of your links.</p>
</div>
</div>
<div class="row m-n2 m-sm-n3">
<div class="col-12 col-sm-6 col-md-4 p-2 p-sm-3">
<div class="card border-0 shadow-sm h-100">
<div class="card-body d-flex flex-column p-4">
<div class="d-flex width-12 height-12 position-relative align-items-center justify-content-center flex-shrink-0 mb-3">
<div class="position-absolute bg-cyan opacity-10 top-0 right-0 bottom-0 left-0 border-radius-2xl"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-6 height-6 text-cyan" viewBox="0 0 22 16"><path d="M2,2H20V0H2A2,2,0,0,0,0,2V14a2,2,0,0,0,2,2H6V14H2ZM12,8H8V9.78a3,3,0,0,0,0,4.44V16h4V14.22a3,3,0,0,0,0-4.44Zm-2,5.5A1.5,1.5,0,1,1,11.5,12,1.5,1.5,0,0,1,10,13.5ZM21,4H15a1.08,1.08,0,0,0-1,1V15a1.08,1.08,0,0,0,1,1h6a1.08,1.08,0,0,0,1-1V5A1.08,1.08,0,0,0,21,4ZM20,14H16V6h4Z"/></svg> </div>
<div class="d-block w-100"><h5 class="mt-1 mb-1 d-inline-block font-weight-bold">Target</h5></div>
<div class="d-block w-100 text-muted">Redirect your users based on the country, platform, or language.</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 p-2 p-sm-3">
<div class="card border-0 shadow-sm h-100">
<div class="card-body d-flex flex-column p-4">
<div class="d-flex width-12 height-12 position-relative align-items-center justify-content-center flex-shrink-0 mb-3">
<div class="position-absolute bg-blue opacity-10 top-0 right-0 bottom-0 left-0 border-radius-2xl"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-6 height-6 text-blue" viewBox="0 0 18 18"><path d="M2,12H0v4a2,2,0,0,0,2,2H6V16H2ZM2,2H6V0H2A2,2,0,0,0,0,2V6H2ZM16,0H12V2h4V6h2V2A2,2,0,0,0,16,0Zm0,16H12v2h4a2,2,0,0,0,2-2V12H16ZM9,6a3,3,0,1,0,3,3A3,3,0,0,0,9,6Z"/></svg> </div>
<div class="d-block w-100"><h5 class="mt-1 mb-1 d-inline-block font-weight-bold">Retarget</h5></div>
<div class="d-block w-100 text-muted">Retarget your audience by adding tracking pixels to your links.</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 p-2 p-sm-3">
<div class="card border-0 shadow-sm h-100">
<div class="card-body d-flex flex-column p-4">
<div class="d-flex width-12 height-12 position-relative align-items-center justify-content-center flex-shrink-0 mb-3">
<div class="position-absolute bg-purple opacity-10 top-0 right-0 bottom-0 left-0 border-radius-2xl"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-6 height-6 text-purple" viewBox="0 0 200 200"><rect y="60" width="43" height="140" rx="15"/><rect x="80" width="40" height="200" rx="15"/><rect x="160" y="114" width="40" height="86" rx="15"/></svg> </div>
<div class="d-block w-100"><h5 class="mt-1 mb-1 d-inline-block font-weight-bold">Statistics</h5></div>
<div class="d-block w-100 text-muted">Get to know your audience, analyze the performance of your links.</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 p-2 p-sm-3">
<div class="card border-0 shadow-sm h-100">
<div class="card-body d-flex flex-column p-4">
<div class="d-flex width-12 height-12 position-relative align-items-center justify-content-center flex-shrink-0 mb-3">
<div class="position-absolute bg-rose opacity-10 top-0 right-0 bottom-0 left-0 border-radius-2xl"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-6 height-6 text-rose" viewBox="0 0 18 19.92"><path d="M15,14.08a2.91,2.91,0,0,0-2,.77L5.91,10.7A3.27,3.27,0,0,0,6,10a3.27,3.27,0,0,0-.09-.7L13,5.19A3,3,0,1,0,12,3a3.27,3.27,0,0,0,.09.7L5,7.81a3,3,0,1,0,0,4.38l7.12,4.16a2.82,2.82,0,0,0-.08.65A2.92,2.92,0,1,0,15,14.08Z"/></svg> </div>
<div class="d-block w-100"><h5 class="mt-1 mb-1 d-inline-block font-weight-bold">Share</h5></div>
<div class="d-block w-100 text-muted">Share your links on popular social platforms or via QR codes.</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 p-2 p-sm-3">
<div class="card border-0 shadow-sm h-100">
<div class="card-body d-flex flex-column p-4">
<div class="d-flex width-12 height-12 position-relative align-items-center justify-content-center flex-shrink-0 mb-3">
<div class="position-absolute bg-pink opacity-10 top-0 right-0 bottom-0 left-0 border-radius-2xl"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-6 height-6 text-pink" viewBox="0 0 16 21"><path d="M14,7H13V5A5,5,0,0,0,3,5V7H2A2,2,0,0,0,0,9V19a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V9A2,2,0,0,0,14,7ZM5,5a3,3,0,0,1,6,0V7H5Zm9,14H2V9H14ZM8,16a2,2,0,1,0-2-2A2,2,0,0,0,8,16Z"/></svg> </div>
<div class="d-block w-100"><h5 class="mt-1 mb-1 d-inline-block font-weight-bold">Privacy</h5></div>
<div class="d-block w-100 text-muted">Secure your links with password and expiration options.</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 p-2 p-sm-3">
<div class="card border-0 shadow-sm h-100">
<div class="card-body d-flex flex-column p-4">
<div class="d-flex width-12 height-12 position-relative align-items-center justify-content-center flex-shrink-0 mb-3">
<div class="position-absolute bg-magenta opacity-10 top-0 right-0 bottom-0 left-0 border-radius-2xl"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-6 height-6 text-magenta" viewBox="0 0 16 16"><path d="M14,11v3H2V11H0v3a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V11ZM13,7,11.59,5.59,9,8.17V0H7V8.17L4.41,5.59,3,7l5,5Z"/></svg> </div>
<div class="d-block w-100"><h5 class="mt-1 mb-1 d-inline-block font-weight-bold">Export</h5></div>
<div class="d-block w-100 text-muted">Export all your links and statistics in CSV format.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-base-0 overflow-hidden">
<div class="container py-5 py-md-7 position-relative z-1">
<div class="row mx-n5">
<div class="col-12 col-lg-6 px-5">
<div class="row">
<div class="col-12 text-center text-lg-left">
<h3 class="h2 mb-3 font-weight-bold">Link management</h3>
<div class="m-auto">
<p class="text-muted font-weight-normal font-size-lg mb-0">Complete link management platform to brand, track and share your short links.</p>
</div>
</div>
<div class="col-12 pt-4 mt-4">
<div class="d-flex flex-row">
<div class="d-flex width-12 height-12 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-primary opacity-10 top-0 right-0 bottom-0 left-0 border-radius-2xl"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-6 height-6 text-primary" viewBox="0 0 20 10"><path d="M1.9,5A3.1,3.1,0,0,1,5,1.9H9V0H5A5,5,0,0,0,5,10H9V8.1H5A3.1,3.1,0,0,1,1.9,5ZM6,6h8V4H6Zm9-6H11V1.9h4a3.1,3.1,0,1,1,0,6.2H11V10h4A5,5,0,0,0,15,0Z"/></svg> </div>
<div class="ml-1">
<div class="d-block w-100"><h5 class="mt-0 mb-1 d-inline-block font-weight-bold">Links</h5></div>
<div class="d-block w-100 text-muted">Shorten, share, and export your links with our advanced set of features.</div>
</div>
</div>
</div>
<div class="col-12 pt-4 mt-4">
<div class="d-flex flex-row">
<div class="d-flex width-12 height-12 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-primary opacity-10 top-0 right-0 bottom-0 left-0 border-radius-2xl"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-6 height-6 text-primary" viewBox="0 0 20 18"><path d="M4,12a2,2,0,1,1-2,2,2,2,0,0,1,2-2m0-2a4,4,0,1,0,4,4A4,4,0,0,0,4,10Zm6-8A2,2,0,1,1,8,4a2,2,0,0,1,2-2m0-2a4,4,0,1,0,4,4A4,4,0,0,0,10,0Zm6,12a2,2,0,1,1-2,2,2,2,0,0,1,2-2m0-2a4,4,0,1,0,4,4A4,4,0,0,0,16,10Z"/></svg> </div>
<div class="ml-1">
<div class="d-block w-100"><h5 class="mt-0 mb-1 d-inline-block font-weight-bold">Spaces</h5></div>
<div class="d-block w-100 text-muted">Group your links and keep them well organized through custom spaces.</div>
</div>
</div>
</div>
<div class="col-12 pt-4 mt-4">
<div class="d-flex flex-row">
<div class="d-flex width-12 height-12 position-relative align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-primary opacity-10 top-0 right-0 bottom-0 left-0 border-radius-2xl"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-6 height-6 text-primary" viewBox="0 0 157.67 143.33"><path d="M78.83,0a71.63,71.63,0,0,0-62,35.83H34.36A57.54,57.54,0,0,1,59,17.93a94.88,94.88,0,0,0-5.42,17.9H68.35c3.43-14.17,8.24-21.5,10.48-21.5s7,7.33,10.49,21.5h14.74a95.62,95.62,0,0,0-5.42-17.9,57.56,57.56,0,0,1,24.66,17.9h17.5A71.65,71.65,0,0,0,78.83,0ZM0,50.17l8.9,43h9.38l6.09-24.88,6.07,24.88h9.34l8.9-43H37.9L34.06,74.28,28.33,50.17h-8L14.61,74.33l-3.8-24.16Zm54.49,0,8.9,43h9.38l6.09-24.88,6.08,24.88h9.33l8.9-43H92.41L88.55,74.28,82.84,50.17h-8L69.12,74.33,65.3,50.17Zm54.49,0,8.91,43h9.37l6.09-24.88,6.08,24.88h9.33l8.91-43H146.89L143,74.28l-5.73-24.11h-8L123.6,74.33l-3.81-24.16ZM16.87,107.5a71.5,71.5,0,0,0,123.93,0H123.3a57.42,57.42,0,0,1-24.66,17.9,94.68,94.68,0,0,0,5.4-17.9H89.3C85.87,121.67,81.06,129,78.82,129s-7-7.33-10.47-21.5H53.61A95.39,95.39,0,0,0,59,125.4a57.51,57.51,0,0,1-24.67-17.9Z"/></svg> </div>
<div class="ml-1">
<div class="d-block w-100"><h5 class="mt-0 mb-1 d-inline-block font-weight-bold">Domains</h5></div>
<div class="d-block w-100 text-muted">Brand your links with your domains, inspire trust and increase your click-through rate.</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 position-relative px-5 mt-5 mt-lg-0">
<div class="position-relative">
<div class="position-absolute top-0 right-0 bottom-0 left-0 bg-primary opacity-10 border-radius-2xl" style="transform: translate(1rem, 1rem);"></div>
<div class="card border-0 shadow-lg border-radius-2xl overflow-hidden cursor-default">
<div class="card-body">
<div class="list-group list-group-flush my-n3">
<div class="list-group-item px-0">
<div class="row align-items-center">
<div class="col d-flex text-truncate">
<div class="text-truncate">
<div class="d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="width-4 height-4 mr-3" viewBox="0 0 15.95 16"><path d="M10,.42,8.46,0,7.14,5,5.94.48,4.37.9,5.66,5.73,2.44,2.51,1.29,3.66,4.82,7.19.42,6,0,7.59,4.81,8.87a2.92,2.92,0,0,1-.09-.73,3.26,3.26,0,1,1,6.52,0,3.55,3.55,0,0,1-.08.73L15.52,10,16,8.47l-4.83-1.3L15.52,6,15.1,4.42l-4.83,1.3,3.22-3.23L12.34,1.34,8.86,4.83Z" style="fill:#f97316"/><path d="M11.15,8.89a3.2,3.2,0,0,1-.81,1.49l3.17,3.17,1.15-1.15Z" style="fill:#f97316"/><path d="M10.31,10.41a3.3,3.3,0,0,1-1.46.87L10,15.57l1.58-.42Z" style="fill:#f97316"/><path d="M8.79,11.29a3.1,3.1,0,0,1-.81.1,3.58,3.58,0,0,1-.87-.11L6,15.58,7.53,16Z" style="fill:#f97316"/><path d="M7.06,11.26a3.18,3.18,0,0,1-1.43-.87L2.45,13.56,3.6,14.71Z" style="fill:#f97316"/><path d="M5.6,10.36a3.23,3.23,0,0,1-.79-1.48L.43,10.06l.42,1.57Z" style="fill:#f97316"/></svg>
<div class="text-truncate mr-2">
<div class="text-primary text-truncate" dir="ltr">example.com/b6vxe</div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="width-4 flex-shrink-0 mr-3"></div>
<div class="text-muted text-truncate small">
<span class="text-muted">Consectetur - Adipiscing</span>
</div>
</div>
</div>
</div>
<div class="col-auto">
<div class="form-row">
<div class="col">
<div class="btn btn-sm text-primary d-flex align-items-center cursor-default">
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 20 20"><path d="M2,0A2,2,0,0,0,0,2V16H2V2H16V0ZM6,4A2,2,0,0,0,4,6V18a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V6a2,2,0,0,0-2-2ZM6,6H18V18H6Zm8,1a3,3,0,0,0-2.12.87L10.61,9.15,12,10.56,10.56,12,9.14,10.62,7.88,11.88a3,3,0,1,0,4.24,4.24l1.26-1.26L12,13.44,13.46,12,12,10.54l1.25-1.25a1,1,0,0,1,1.42,1.42L13.46,12l1.42,1.41,1.24-1.24A3,3,0,0,0,14,7Zm-3.46,5L12,13.46l-1.25,1.25a1,1,0,0,1-1.42-1.42Z"/></svg>​
</div>
</div>
<div class="col">
<div class="btn text-primary btn-sm d-flex align-items-center cursor-default">
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 16 4"><path d="M2,0A2,2,0,1,0,4,2,2,2,0,0,0,2,0ZM14,0a2,2,0,1,0,2,2A2,2,0,0,0,14,0ZM8,0a2,2,0,1,0,2,2A2,2,0,0,0,8,0Z"/></svg>​
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card border-0 shadow-lg border-radius-2xl overflow-hidden cursor-default mt-3">
<div class="card-body">
<div class="list-group list-group-flush my-n3">
<div class="list-group-item px-0">
<div class="row align-items-center">
<div class="col d-flex text-truncate">
<div class="text-truncate">
<div class="d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="width-4 height-4 mr-3" viewBox="0 0 100 100"><polygon points="0 0 50 0 0 50 0 0" style="fill:#009cea"/><polygon points="0 50 50 50 0 100 0 50" style="fill:#009cea"/><polygon points="50 0 100 0 50 50 50 0" style="fill:#009cea"/><circle cx="75" cy="75" r="25" style="fill:#009cea"/></svg>
<div class="text-truncate mr-2">
<div class="text-primary text-truncate" dir="ltr">example.org/e362o</div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="width-4 flex-shrink-0 mr-3"></div>
<div class="text-muted text-truncate small">
<span class="text-muted">Fusce - Vehicula</span>
</div>
</div>
</div>
</div>
<div class="col-auto">
<div class="form-row">
<div class="col">
<div class="btn btn-sm text-primary d-flex align-items-center cursor-default">
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 20 20"><path d="M2,0A2,2,0,0,0,0,2V16H2V2H16V0ZM6,4A2,2,0,0,0,4,6V18a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V6a2,2,0,0,0-2-2ZM6,6H18V18H6Zm8,1a3,3,0,0,0-2.12.87L10.61,9.15,12,10.56,10.56,12,9.14,10.62,7.88,11.88a3,3,0,1,0,4.24,4.24l1.26-1.26L12,13.44,13.46,12,12,10.54l1.25-1.25a1,1,0,0,1,1.42,1.42L13.46,12l1.42,1.41,1.24-1.24A3,3,0,0,0,14,7Zm-3.46,5L12,13.46l-1.25,1.25a1,1,0,0,1-1.42-1.42Z"/></svg>​
</div>
</div>
<div class="col">
<div class="btn text-primary btn-sm d-flex align-items-center cursor-default">
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 16 4"><path d="M2,0A2,2,0,1,0,4,2,2,2,0,0,0,2,0ZM14,0a2,2,0,1,0,2,2A2,2,0,0,0,14,0ZM8,0a2,2,0,1,0,2,2A2,2,0,0,0,8,0Z"/></svg>​
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card border-0 shadow-lg border-radius-2xl overflow-hidden cursor-default mt-3">
<div class="card-body">
<div class="list-group list-group-flush my-n3">
<div class="list-group-item px-0">
<div class="row align-items-center">
<div class="col d-flex text-truncate">
<div class="text-truncate">
<div class="d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="width-4 height-4 mr-3" viewBox="0 0 40 40"><path d="M8.55,3.6A20,20,0,0,0,4.71,7.11c4.58-.42,10.42.27,17.18,3.66,7.23,3.61,13,3.73,17.1,3a20.14,20.14,0,0,0-1.37-3.2C33,11,27,10.36,20.11,6.9A29.64,29.64,0,0,0,8.55,3.6ZM34.91,6.67A20,20,0,0,0,15,.64a37,37,0,0,1,6.93,2.68A28.82,28.82,0,0,0,34.91,6.67Zm5,11c-4.89,1-11.65.77-19.75-3.29C12.53,10.56,6.5,10.6,2.43,11.51l-.61.14A19.82,19.82,0,0,0,.56,15.29c.32-.08.66-.17,1-.24C6.5,14,13.47,14,21.89,18.21,29.47,22,35.5,22,39.57,21.05L40,21c0-.31,0-.63,0-.95A20.66,20.66,0,0,0,39.86,17.63Zm-.54,7.54c-4.84.85-11.4.52-19.21-3.38C12.53,18,6.5,18.05,2.43,19A19.75,19.75,0,0,0,0,19.66V20a20,20,0,0,0,39.32,5.17Z" style="fill:#10d08f;fill-rule:evenodd"/></svg>
<div class="text-truncate mr-2">
<div class="text-primary text-truncate" dir="ltr">example.com/gmyux</div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="width-4 flex-shrink-0 mr-3"></div>
<div class="text-muted text-truncate small">
<span class="text-muted">Consequat - Elit Ornare</span>
</div>
</div>
</div>
</div>
<div class="col-auto">
<div class="form-row">
<div class="col">
<div class="btn btn-sm text-primary d-flex align-items-center cursor-default">
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 20 20"><path d="M2,0A2,2,0,0,0,0,2V16H2V2H16V0ZM6,4A2,2,0,0,0,4,6V18a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V6a2,2,0,0,0-2-2ZM6,6H18V18H6Zm8,1a3,3,0,0,0-2.12.87L10.61,9.15,12,10.56,10.56,12,9.14,10.62,7.88,11.88a3,3,0,1,0,4.24,4.24l1.26-1.26L12,13.44,13.46,12,12,10.54l1.25-1.25a1,1,0,0,1,1.42,1.42L13.46,12l1.42,1.41,1.24-1.24A3,3,0,0,0,14,7Zm-3.46,5L12,13.46l-1.25,1.25a1,1,0,0,1-1.42-1.42Z"/></svg>​
</div>
</div>
<div class="col">
<div class="btn text-primary btn-sm d-flex align-items-center cursor-default">
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 16 4"><path d="M2,0A2,2,0,1,0,4,2,2,2,0,0,0,2,0ZM14,0a2,2,0,1,0,2,2A2,2,0,0,0,14,0ZM8,0a2,2,0,1,0,2,2A2,2,0,0,0,8,0Z"/></svg>​
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card border-0 shadow-lg border-radius-2xl overflow-hidden cursor-default mt-3">
<div class="card-body">
<div class="list-group list-group-flush my-n3">
<div class="list-group-item px-0">
<div class="row align-items-center">
<div class="col d-flex text-truncate">
<div class="text-truncate">
<div class="d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="width-4 height-4 mr-3" viewBox="0 0 40 40"><path d="M20,40A20,20,0,1,0,0,20,20,20,0,0,0,20,40Zm3.09-24.55a4.37,4.37,0,1,0-6.18,0L20,18.54Zm1.46,7.64a4.37,4.37,0,1,0,0-6.18L21.46,20Zm-1.46,7.63a4.37,4.37,0,0,0,0-6.17L20,21.46l-3.09,3.09a4.37,4.37,0,0,0,6.18,6.17ZM9.28,23.09a4.37,4.37,0,1,1,6.17-6.18L18.54,20l-3.09,3.09A4.37,4.37,0,0,1,9.28,23.09Z" style="fill:#946fff;fill-rule:evenodd"/></svg>
<div class="text-truncate mr-2">
<div class="text-primary text-truncate" dir="ltr">example.net/qyd8s</div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="width-4 flex-shrink-0 mr-3"></div>
<div class="text-muted text-truncate small">
<span class="text-muted">Sit - Amet</span>
</div>
</div>
</div>
</div>
<div class="col-auto">
<div class="form-row">
<div class="col">
<div class="btn btn-sm text-primary d-flex align-items-center cursor-default">
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 20 20"><path d="M2,0A2,2,0,0,0,0,2V16H2V2H16V0ZM6,4A2,2,0,0,0,4,6V18a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V6a2,2,0,0,0-2-2ZM6,6H18V18H6Zm8,1a3,3,0,0,0-2.12.87L10.61,9.15,12,10.56,10.56,12,9.14,10.62,7.88,11.88a3,3,0,1,0,4.24,4.24l1.26-1.26L12,13.44,13.46,12,12,10.54l1.25-1.25a1,1,0,0,1,1.42,1.42L13.46,12l1.42,1.41,1.24-1.24A3,3,0,0,0,14,7Zm-3.46,5L12,13.46l-1.25,1.25a1,1,0,0,1-1.42-1.42Z"/></svg>​
</div>
</div>
<div class="col">
<div class="btn text-primary btn-sm d-flex align-items-center cursor-default">
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 16 4"><path d="M2,0A2,2,0,1,0,4,2,2,2,0,0,0,2,0ZM14,0a2,2,0,1,0,2,2A2,2,0,0,0,14,0ZM8,0a2,2,0,1,0,2,2A2,2,0,0,0,8,0Z"/></svg>​
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card border-0 shadow-lg border-radius-2xl overflow-hidden cursor-default mt-3">
<div class="card-body">
<div class="list-group list-group-flush my-n3">
<div class="list-group-item px-0">
<div class="row align-items-center">
<div class="col d-flex text-truncate">
<div class="text-truncate">
<div class="d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="width-4 height-4 mr-3" viewBox="0 0 40 40"><path d="M20,40A20,20,0,1,0,0,20,20,20,0,0,0,20,40ZM26.24,9.32c.3-1.08-.74-1.72-1.7-1L11.19,17.79c-1,.74-.87,2.21.25,2.21H15v0H21.8l-5.58,2-2.46,8.74c-.3,1.08.74,1.72,1.7,1l13.35-9.51c1-.74.87-2.21-.25-2.21H23.23Z" style="fill:#f15757;fill-rule:evenodd"/></svg>
<div class="text-truncate mr-2">
<div class="text-primary text-truncate" dir="ltr">example.com/bqh6e</div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="width-4 flex-shrink-0 mr-3"></div>
<div class="text-muted text-truncate small">
<span class="text-muted">Lorem - Ipsum Dolorem</span>
</div>
</div>
</div>
</div>
<div class="col-auto">
<div class="form-row">
<div class="col">
<div class="btn btn-sm text-primary d-flex align-items-center cursor-default">
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 20 20"><path d="M2,0A2,2,0,0,0,0,2V16H2V2H16V0ZM6,4A2,2,0,0,0,4,6V18a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V6a2,2,0,0,0-2-2ZM6,6H18V18H6Zm8,1a3,3,0,0,0-2.12.87L10.61,9.15,12,10.56,10.56,12,9.14,10.62,7.88,11.88a3,3,0,1,0,4.24,4.24l1.26-1.26L12,13.44,13.46,12,12,10.54l1.25-1.25a1,1,0,0,1,1.42,1.42L13.46,12l1.42,1.41,1.24-1.24A3,3,0,0,0,14,7Zm-3.46,5L12,13.46l-1.25,1.25a1,1,0,0,1-1.42-1.42Z"/></svg>​
</div>
</div>
<div class="col">
<div class="btn text-primary btn-sm d-flex align-items-center cursor-default">
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 16 4"><path d="M2,0A2,2,0,1,0,4,2,2,2,0,0,0,2,0ZM14,0a2,2,0,1,0,2,2A2,2,0,0,0,14,0ZM8,0a2,2,0,1,0,2,2A2,2,0,0,0,8,0Z"/></svg>​
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-base-1 overflow-hidden">
<div class="container py-5 py-md-7 position-relative z-1">
<div class="row mx-n5">
<div class="col-12 col-lg-6 px-5 order-1 order-lg-2">
<div class="row">
<div class="col-12 text-center text-lg-left">
<h3 class="h2 mb-3 font-weight-bold">Statistics</h3>
<div class="mx-auto mb-4">
<p class="text-muted font-weight-normal font-size-lg mb-0">
Get to know your audience with our detailed statistics and better understand the performance of your links, while also being GDPR, CCPA and PECR compliant.
</p>
</div>
</div>
<div class="col-12 col-sm-6 mt-4">
<div class="d-flex">
<div class="d-flex position-relative text-primary width-8 height-8 align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-primary opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 18 18"><path d="M16,0H2A2,2,0,0,0,0,2V16a2,2,0,0,0,2,2H16a2,2,0,0,0,2-2V2A2,2,0,0,0,16,0Zm0,16H2V2H16ZM4,7H6v7H4ZM8,4h2V14H8Zm4,6h2v4H12Z"/></svg> </div>
<div>
<div class="d-block w-100"><div class="mt-1 mb-1 d-inline-block font-weight-bold font-size-lg">Overview</div></div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 mt-4">
<div class="d-flex">
<div class="d-flex position-relative text-primary width-8 height-8 align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-primary opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 20 10"><path d="M1.9,5A3.1,3.1,0,0,1,5,1.9H9V0H5A5,5,0,0,0,5,10H9V8.1H5A3.1,3.1,0,0,1,1.9,5ZM6,6h8V4H6Zm9-6H11V1.9h4a3.1,3.1,0,1,1,0,6.2H11V10h4A5,5,0,0,0,15,0Z"/></svg> </div>
<div>
<div class="d-block w-100"><div class="mt-1 mb-1 d-inline-block font-weight-bold font-size-lg">Referrers</div></div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 mt-4">
<div class="d-flex">
<div class="d-flex position-relative text-primary width-8 height-8 align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-primary opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 15 17"><path d="M7.36,2l.4,2H13v6H9.64l-.4-2H2V2H7.36M9,0H0V17H2V10H7.6L8,12h7V2H9.4Z"/></svg> </div>
<div>
<div class="d-block w-100"><div class="mt-1 mb-1 d-inline-block font-weight-bold font-size-lg">Countries</div></div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 mt-4">
<div class="d-flex">
<div class="d-flex position-relative text-primary width-8 height-8 align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-primary opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 20 18"><path d="M10,4V0H0V18H20V4ZM4,16H2V14H4Zm0-4H2V10H4ZM4,8H2V6H4ZM4,4H2V2H4ZM8,16H6V14H8Zm0-4H6V10H8ZM8,8H6V6H8ZM8,4H6V2H8ZM18,16H10V14h2V12H10V10h2V8H10V6h8ZM16,8H14v2h2Zm0,4H14v2h2Z"/></svg> </div>
<div>
<div class="d-block w-100"><div class="mt-1 mb-1 d-inline-block font-weight-bold font-size-lg">Cities</div></div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 mt-4">
<div class="d-flex">
<div class="d-flex position-relative text-primary width-8 height-8 align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-primary opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 20 20"><path d="M10,0A10,10,0,1,0,20,10,10,10,0,0,0,10,0Zm6.93,6H14a15.65,15.65,0,0,0-1.38-3.56A8,8,0,0,1,16.92,6ZM10,2a14.09,14.09,0,0,1,1.91,4H8.09A14.09,14.09,0,0,1,10,2ZM2.26,12A8.24,8.24,0,0,1,2,10a8.24,8.24,0,0,1,.26-2H5.64a16.52,16.52,0,0,0-.14,2,16.52,16.52,0,0,0,.14,2Zm.82,2H6a15.65,15.65,0,0,0,1.38,3.56A8,8,0,0,1,3.08,14ZM6,6h-3A8,8,0,0,1,7.41,2.44,15.65,15.65,0,0,0,6,6Zm4,12a14.09,14.09,0,0,1-1.91-4h3.82A14.09,14.09,0,0,1,10,18Zm2.34-6H7.66a14.71,14.71,0,0,1-.16-2,14.58,14.58,0,0,1,.16-2h4.68a14.58,14.58,0,0,1,.16,2A14.71,14.71,0,0,1,12.34,12Zm.25,5.56A15.65,15.65,0,0,0,14,14h2.95A8,8,0,0,1,12.59,17.56ZM14.36,12a16.52,16.52,0,0,0,.14-2,16.52,16.52,0,0,0-.14-2h3.38A8.24,8.24,0,0,1,18,10a8.24,8.24,0,0,1-.26,2Z"/></svg> </div>
<div>
<div class="d-block w-100"><div class="mt-1 mb-1 d-inline-block font-weight-bold font-size-lg">Languages</div></div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 mt-4">
<div class="d-flex">
<div class="d-flex position-relative text-primary width-8 height-8 align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-primary opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg"class="fill-current width-4 height-4" viewBox="0 0 24 16"><path d="M4,2H22V0H4A2,2,0,0,0,2,2V13H0v3H14V13H4ZM23,4H17a1,1,0,0,0-1,1V15a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V5A1,1,0,0,0,23,4Zm-1,9H18V6h4Z"/></svg> </div>
<div>
<div class="d-block w-100"><div class="mt-1 mb-1 d-inline-block font-weight-bold font-size-lg">Platforms</div></div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 mt-4">
<div class="d-flex">
<div class="d-flex position-relative text-primary width-8 height-8 align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-primary opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 22 18"><path d="M20,0H2A2,2,0,0,0,0,2V16a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V2A2,2,0,0,0,20,0Zm0,16H2V2H12V6h8Z"/></svg> </div>
<div>
<div class="d-block w-100"><div class="mt-1 mb-1 d-inline-block font-weight-bold font-size-lg">Browsers</div></div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 mt-4">
<div class="d-flex">
<div class="d-flex position-relative text-primary width-8 height-8 align-items-center justify-content-center flex-shrink-0 mr-3">
<div class="position-absolute bg-primary opacity-10 top-0 right-0 bottom-0 left-0 border-radius-lg"></div>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 22 16"><path d="M2,2H20V0H2A2,2,0,0,0,0,2V14a2,2,0,0,0,2,2H6V14H2ZM12,8H8V9.78a3,3,0,0,0,0,4.44V16h4V14.22a3,3,0,0,0,0-4.44Zm-2,5.5A1.5,1.5,0,1,1,11.5,12,1.5,1.5,0,0,1,10,13.5ZM21,4H15a1.08,1.08,0,0,0-1,1V15a1.08,1.08,0,0,0,1,1h6a1.08,1.08,0,0,0,1-1V5A1.08,1.08,0,0,0,21,4ZM20,14H16V6h4Z"/></svg> </div>
<div>
<div class="d-block w-100"><div class="mt-1 mb-1 d-inline-block font-weight-bold font-size-lg">Devices</div></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 px-5 position-relative order-2 order-lg-1 mt-5 mt-lg-0">
<div class="row">
<div class="col-12">
<div class="position-relative">
<div class="position-absolute top-0 right-0 bottom-0 left-0 bg-primary opacity-10 border-radius-2xl" style="transform: translate(-1rem, 1rem);"></div>
<div class="card border-0 shadow-lg border-radius-2xl overflow-hidden cursor-default">
<div class="card-body">
<div class="list-group list-group-flush my-n3">
<div class="list-group-item px-0">
<div class="d-flex flex-column">
<div class="d-flex justify-content-between mb-2">
<div class="d-flex text-truncate align-items-center">
<div class="d-flex align-items-center mr-2"><img src="https://heylink.site/images/icons/countries/us.svg" class="width-4 height-4"></div>
<div class="text-truncate">
<span class="text-body">United States</span>
</div>
</div>
<div class="d-flex align-items-baseline ml-3 text-right">
<div>
12
</div>
</div>
</div>
<div class="progress height-1.25 w-100">
<div class="progress-bar rounded" role="progressbar" style="width: 18%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card border-0 shadow-lg border-radius-2xl overflow-hidden cursor-default mt-3">
<div class="card-body">
<div class="list-group list-group-flush my-n3">
<div class="list-group-item px-0 border-0">
<div class="d-flex flex-column">
<div class="d-flex justify-content-between mb-2">
<div class="d-flex text-truncate align-items-center">
<div class="d-flex align-items-center mr-2"><img src="https://heylink.site/images/icons/platforms/windows.svg" class="width-4 height-4"></div>
<div class="text-truncate">
Windows
</div>
</div>
<div class="d-flex align-items-baseline ml-3 text-right">
<div>
30
</div>
</div>
</div>
<div class="progress height-1.25 w-100">
<div class="progress-bar rounded" role="progressbar" style="width: 60%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card border-0 shadow-lg border-radius-2xl overflow-hidden cursor-default mt-3">
<div class="card-body">
<div class="list-group list-group-flush my-n3">
<div class="list-group-item px-0 border-0">
<div class="d-flex flex-column">
<div class="d-flex justify-content-between mb-2">
<div class="d-flex text-truncate align-items-center">
<div class="d-flex align-items-center mr-2"><img src="https://heylink.site/images/icons/browsers/chrome.svg" class="width-4 height-4"></div>
<div class="text-truncate">
Chrome
</div>
</div>
<div class="d-flex align-items-baseline ml-3 text-right">
<div>
25
</div>
</div>
</div>
<div class="progress height-1.25 w-100">
<div class="progress-bar rounded" role="progressbar" style="width: 48%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card border-0 shadow-lg border-radius-2xl overflow-hidden cursor-default mt-3">
<div class="card-body">
<div class="list-group list-group-flush my-n3">
<div class="list-group-item px-0 border-0">
<div class="d-flex flex-column">
<div class="d-flex justify-content-between mb-2">
<div class="d-flex text-truncate align-items-center">
<div class="d-flex align-items-center mr-2">
<svg xmlns="http://www.w3.org/2000/svg" class="width-4 height-4" viewBox="0 0 40 40"><path d="M20,40A20,20,0,1,0,0,20,20,20,0,0,0,20,40ZM26.24,9.32c.3-1.08-.74-1.72-1.7-1L11.19,17.79c-1,.74-.87,2.21.25,2.21H15v0H21.8l-5.58,2-2.46,8.74c-.3,1.08.74,1.72,1.7,1l13.35-9.51c1-.74.87-2.21-.25-2.21H23.23Z" style="fill:#f15757;fill-rule:evenodd"/></svg>
</div>
<div class="d-flex text-truncate">
<div class="text-truncate" dir="ltr">example.com</div> <span class="text-secondary d-flex align-items-center ml-2"><svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-3 height-3" viewBox="0 0 18 18"><path d="M16,16H2V2H9V0H2A2,2,0,0,0,0,2V16a2,2,0,0,0,2,2H16a2,2,0,0,0,2-2V9H16ZM11,0V2h3.59L4.76,11.83l1.41,1.41L16,3.41V7h2V0Z"></path></svg>
</span>
</div>
</div>
<div class="d-flex align-items-baseline ml-3 text-right">
<div>
18
</div>
</div>
</div>
<div class="progress height-1.25 w-100">
<div class="progress-bar rounded" role="progressbar" style="width: 22%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card border-0 shadow-lg border-radius-2xl overflow-hidden cursor-default mt-3">
<div class="card-body">
<div class="list-group list-group-flush my-n3">
<div class="list-group-item px-0 border-0">
<div class="d-flex flex-column">
<div class="d-flex justify-content-between mb-2">
<div class="d-flex text-truncate align-items-center">
<div class="d-flex align-items-center mr-2"><img src="https://heylink.site/images/icons/devices/desktop.svg" class="width-4 height-4"></div>
<div class="text-truncate">
Desktop
</div>
</div>
<div class="d-flex align-items-baseline ml-3 text-right">
<div>
36
</div>
</div>
</div>
<div class="progress height-1.25 w-100">
<div class="progress-bar rounded" role="progressbar" style="width: 66%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-base-0">
<div class="container position-relative text-center py-5 py-md-7 d-flex flex-column z-1">
<h3 class="h2 mb-3 font-weight-bold text-center">Integrations</h3>
<div class="m-auto text-center">
<p class="text-muted font-weight-normal font-size-lg mb-0">Easily integrates with your favorite retargeting platforms.</p>
</div>
<div class="d-flex flex-wrap justify-content-center justify-content-lg-between mt-4 mx-n3">
<div class="bg-base-1 d-flex width-20 height-20 position-relative align-items-center justify-content-center flex-shrink-0 border-radius-3xl mx-3 mt-3" data-tooltip="true" title="Google Ads">
<img src="https://heylink.site/images/icons/pixels/20dbe5c498222ff7f33e9314b19b7f92.svg" class="height-8">
</div>
<div class="bg-base-1 d-flex width-20 height-20 position-relative align-items-center justify-content-center flex-shrink-0 border-radius-3xl mx-3 mt-3" data-tooltip="true" title="Google Analytics">
<img src="https://heylink.site/images/icons/pixels/50f09d94fd93abc76a0d2c0267060b28.svg" class="height-8">
</div>
<div class="bg-base-1 d-flex width-20 height-20 position-relative align-items-center justify-content-center flex-shrink-0 border-radius-3xl mx-3 mt-3" data-tooltip="true" title="Google Tag Manager">
<img src="https://heylink.site/images/icons/pixels/842153204d5b65983fca3464e84b943f.svg" class="height-8">
</div>
<div class="bg-base-1 d-flex width-20 height-20 position-relative align-items-center justify-content-center flex-shrink-0 border-radius-3xl mx-3 mt-3" data-tooltip="true" title="Facebook">
<img src="https://heylink.site/images/icons/pixels/26cae7718c32180a7a0f8e19d6d40a59.svg" class="height-8">
</div>
<div class="bg-base-1 d-flex width-20 height-20 position-relative align-items-center justify-content-center flex-shrink-0 border-radius-3xl mx-3 mt-3" data-tooltip="true" title="Bing">
<img src="https://heylink.site/images/icons/pixels/738aa8d3bc02eb8712acd0eb2cf6dfd5.svg" class="height-8">
</div>
<div class="bg-base-1 d-flex width-20 height-20 position-relative align-items-center justify-content-center flex-shrink-0 border-radius-3xl mx-3 mt-3" data-tooltip="true" title="Twitter">
<img src="https://heylink.site/images/icons/pixels/b73c2d22763d1ce2143a3755c1d0ad3a.svg" class="height-8">
</div>
<div class="bg-base-1 d-flex width-20 height-20 position-relative align-items-center justify-content-center flex-shrink-0 border-radius-3xl mx-3 mt-3" data-tooltip="true" title="Pinterest">
<img src="https://heylink.site/images/icons/pixels/bb6ec8dcea15643283afe386156af82e.svg" class="height-8">
</div>
<div class="bg-base-1 d-flex width-20 height-20 position-relative align-items-center justify-content-center flex-shrink-0 border-radius-3xl mx-3 mt-3" data-tooltip="true" title="LinkedIn">
<img src="https://heylink.site/images/icons/pixels/f1576406b382b7d1c8c2607f7c563d4f.svg" class="height-8">
</div>
<div class="bg-base-1 d-flex width-20 height-20 position-relative align-items-center justify-content-center flex-shrink-0 border-radius-3xl mx-3 mt-3" data-tooltip="true" title="Quora">
<img src="https://heylink.site/images/icons/pixels/2afabc8d52b1b1fe7e38f426784ab0ef.svg" class="height-8">
</div>
<div class="bg-base-1 d-flex width-20 height-20 position-relative align-items-center justify-content-center flex-shrink-0 border-radius-3xl mx-3 mt-3" data-tooltip="true" title="Adroll">
<img src="https://heylink.site/images/icons/pixels/8ac4807464cace143c37c2204494139c.svg" class="height-8">
</div>
</div>
</div>
</div>
<div class="bg-base-1">
<div class="container position-relative text-center py-5 py-md-7 d-flex flex-column z-1">
<div class="flex-grow-1">
<div class="badge badge-pill badge-success mb-3 px-3 py-2">Join us</div>
<div class="text-center">
<h4 class="mb-3 font-weight-bold">Ready to get started?</h4>
<div class="m-auto">
<p class="font-weight-normal text-muted font-size-lg mb-0">Create an account in seconds.</p>
</div>
</div>
</div>
<div><a href="https://heylink.site/login" class="btn btn-primary btn-lg font-size-lg mt-5">Get started</a></div>
</div>
</div>
</div>
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content border-0 shadow">
<div class="modal-header">
<h6 class="modal-title" id="modal-label"></h6>
<button type="button" class="close d-flex align-items-center justify-content-center width-12 height-14" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="d-flex align-items-center"><svg xmlns="http://www.w3.org/2000/svg" class="fill-current width-4 height-4" viewBox="0 0 16 16"><rect width="16" height="16" style="fill:none"/><path d="M9.41,8l5.3-5.29a1,1,0,1,0-1.42-1.42L8,6.59,2.71,1.29A1,1,0,0,0,1.29,2.71L6.59,8l-5.3,5.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L8,9.41l5.29,5.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"/></svg></span>
</button>
</div>
<div class="modal-body py-0">
<div class="my-3" id="modal-text"></div>
<div class="my-3" id="modal-sub-text"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<form action="https://heylink.site" method="post" enctype="multipart/form-data">
<input type="hidden" name="_token" value="HZHzMFy7ksaECiFSbzkzyrjo17JUcY1z22cJAOqE">
<button type="submit" id="modal-button"></button>
</form>
</div>
</div>
</div>
</div> <footer id="footer" class="footer bg-base-0">
<div class="container py-5">
<div class="row">
<div class="col-12 col-lg">
<ul class="nav p-0 mx-n3 mb-3 mb-lg-0 d-flex flex-column flex-lg-row">
<li class="nav-item d-flex">
<a href="https://heylink.site/contact" class="nav-link py-1">Contact</a>
</li>
<li class="nav-item d-flex">
<a href="" class="nav-link py-1">Terms</a>
</li>
<li class="nav-item d-flex">
<a href="" class="nav-link py-1">Privacy</a>
</li>
<li class="nav-item">
<a href="https://heylink.site/developers" class="nav-link py-1">Developers</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto">
<div class="mt-auto py-1 d-flex align-items-center">
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-12 col-lg order-2 order-lg-1">
<div class="text-muted py-1">© 2024 phpShort. All rights reserved.</div>
</div>
<div class="col-12 col-lg-auto order-1 order-lg-2 d-flex flex-column flex-lg-row">
<div class="nav p-0 mx-n3 mb-3 mb-lg-0 d-flex flex-column flex-lg-row">
<div class="nav-item d-flex">
<a href="#" class="nav-link py-1 d-flex align-items-center text-secondary" id="dark-mode" data-tooltip="true" title="Change theme">
<svg xmlns="http://www.w3.org/2000/svg" class="width-4 height-4 fill-current mr-2" viewBox="0 0 17.58 17.58"><path d="M8.79,3.29v11a5.5,5.5,0,0,0,0-11Z"/><path d="M8.79,2A6.79,6.79,0,1,1,2,8.79,6.8,6.8,0,0,1,8.79,2m0-2a8.79,8.79,0,1,0,8.79,8.79A8.8,8.8,0,0,0,8.79,0Z"/></svg> <span class="text-muted" data-text-light="Light" data-text-dark="Dark">Light</span>
</a>
</div>
</div>
</div>
</div>
</div>
</footer> </div>
</body>
</html>