It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://on.mom//

  1. <!DOCTYPE html>
  2. <html lang="en" data-auto-scheme="true">
  3.    <head>
  4.        <meta charset="utf-8">
  5.        <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.  
  8.        <title>MySL.nl - URL Shortener - MySL.nl</title>
  9. <meta name="description" content="Advanced link shortening service with tracking. As simple as just sharing a short link to your favorite page or as advanced as creating country targeting rules and landing pages. Let&apos;s go!">
  10. <meta name="keywords" content="url shortener, link shortener, smart link shortener, small url, mysl">
  11. <meta property="og:locale" content="en_US" />
  12. <meta property="og:type" content="website" />
  13. <meta property="og:url" content="https://mysl.nl" />
  14. <meta property="og:title" content="MySL.nl - URL Shortener - MySL.nl" />
  15. <meta property="og:description" content="Advanced link shortening service with tracking. As simple as just sharing a short link to your favorite page or as advanced as creating country targeting rules and landing pages. Let&apos;s go!" />
  16. <meta property="og:site_name" content="MySL.nl - URL Shortener - MySL.nl" />
  17. <meta name="twitter:card" content="summary_large_image">
  18. <meta name="twitter:site" content="@">
  19. <meta name="twitter:title" content="MySL.nl - URL Shortener - MySL.nl">
  20. <meta name="twitter:description" content="Advanced link shortening service with tracking. As simple as just sharing a short link to your favorite page or as advanced as creating country targeting rules and landing pages. Let&apos;s go!">
  21. <meta name="twitter:creator" content="@">
  22. <meta name="twitter:domain" content="https://mysl.nl">
  23. <link rel="icon" type="image/png" href="https://mysl.nl/content/favicon.png" sizes="32x32" />
  24. <link rel="canonical" href="https://mysl.nl">
  25.  
  26.        <link rel="stylesheet" type="text/css" href="https://mysl.nl/static/bootstrap.min.css">
  27.        <link rel="stylesheet" type="text/css" href="https://mysl.nl/static/frontend/libs/fontawesome/all.min.css">
  28.                    <link rel="stylesheet" type="text/css" href="https://mysl.nl/static/frontend/libs/cookieconsent/cookieconsent.css">
  29.                <link rel="stylesheet" href="https://mysl.nl/static/style.min.css?v=1.0" id="stylesheet">
  30.                <script>
  31.            var appurl = 'https://mysl.nl/';
  32.        </script>
  33.        <style>
  34. #navbar-logo{width:30%;}
  35. .navbar-toggler {margin-left:85%; margin-top:-65px;}
  36.  
  37.  
  38.  
  39. @media (max-width: 600px) {
  40.    #navbar-logo {
  41.        margin-left: -16px;
  42.    }
  43. }
  44. </style>
  45. <script defer src="https://synodic.nl/pixel/GlEFa3M4k6T6LoTA"></script>            </head>
  46.    <body>
  47.        <header class="py-3" id="main-header">
  48.    <div class="container">
  49.        <div class="navbar navbar-expand-lg py-3">
  50.            <a href="https://mysl.nl" class="d-flex align-items-center col-md-3 text-dark text-decoration-none navbar-logo">
  51.                            <img alt="MySL.nl - URL Shortener" src="https://mysl.nl/content/myslwhite.png" id="navbar-logo">
  52.                                    <img alt="MySL.nl - URL Shortener" src="https://mysl.nl/content/myslwhite.png" id="navbar-logo">
  53.                                        </a>
  54.            <button class="navbar-toggler border-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  55.                <span class="navbar-toggle-icon text-secondary">
  56.                    <span></span>
  57.                    <span></span>
  58.                    <span></span>
  59.                    <span></span>
  60.                </span>
  61.            </button>
  62.            <div class="collapse navbar-collapse" id="navbar">
  63.                <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0 flex-fill text-start" id="main-menu">
  64.                    <li class="nav-item dropdown">
  65.                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  66.                            Solutions                        </a>
  67.                        <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-lg-end border-0 shadow-lg end-0 rounded-3 p-3">
  68.                            <li class="mb-2 me-0">
  69.                                <a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="https://mysl.nl/bio-profiles">
  70.                                    <div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
  71.                                        <i class="fa fa-mobile gradient-primary clip-text h4 fa-fw mb-0"></i>
  72.                                    </div>
  73.                                    <div class="ms-3 flex-fill">
  74.                                        <strong class="d-block">Bio Pages</strong>
  75.                                        <small class="opacity-50 text-wrap">Convert your social media followers</small>
  76.                                    </div>
  77.                                </a>
  78.                            </li>
  79.                            <li class="me-0">
  80.                                <a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="https://mysl.nl/qr-codes">
  81.                                    <div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
  82.                                        <i class="fa fa-qrcode gradient-primary clip-text h4 mb-0 fa-fw"></i>
  83.                                    </div>
  84.                                    <div class="ms-3 flex-fill">
  85.                                        <strong class="d-block">QR Codes</strong>
  86.                                        <small class="opacity-50 text-wrap">Customizable & trackable QR codes</small>
  87.                                    </div>
  88.                                </a>
  89.                            </li>
  90.                                                                                </ul>
  91.                    </li>
  92.                                        <li class="nav-item">
  93.                        <a class="nav-link" href="https://mysl.nl/pricing">Pricing</a>
  94.                    </li>
  95.                                                            <li class="nav-item">
  96.                        <a class="nav-link" href="https://mysl.nl/blog">Blog</a>
  97.                    </li>
  98.                                                                                                                                                                                                                        <li class="nav-item dropdown">
  99.                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  100.                            Resources                        </a>
  101.                        <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-lg-end border-0 shadow-lg end-0 rounded-3 p-3">
  102.                                                            <li class="mb-2 me-0">
  103.                                    <a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="https://mysl.nl/help">
  104.                                        <div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
  105.                                            <i class="fa fa-life-ring gradient-primary clip-text h4 mb-0 fa-fw"></i>
  106.                                        </div>
  107.                                        <div class="ms-3 flex-fill">
  108.                                            <strong class="d-block">Help Center</strong>
  109.                                            <small class="opacity-50 text-wrap">Find answers to your questions</small>
  110.                                        </div>
  111.                                    </a>
  112.                                </li>
  113.                                                                                        <li class="m-0">
  114.                                    <a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="https://mysl.nl/developers">
  115.                                        <div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
  116.                                            <i class="fa fa-code gradient-primary clip-text h4 fa-fw mb-0"></i>
  117.                                        </div>
  118.                                        <div class="ms-3 flex-fill">
  119.                                            <strong class="d-block">Developer API</strong>
  120.                                            <small class="opacity-50 text-wrap">Guide on how to use our API</small>
  121.                                        </div>
  122.                                    </a>
  123.                                </li>
  124.                                                                                </ul>
  125.                    </li>
  126.                </ul>
  127.  
  128.                <div class="col-md-3 text-end flex-fill" id="login-menu">
  129.                                                                <a href="https://mysl.nl/user/login" class="btn btn-outline-primary me-3 fw-bold align-items-center">Login</a>
  130.                                                    <a href="https://mysl.nl/user/register" class="btn btn-primary fw-bold">Get Started</a>
  131.                                                            </div>
  132.            </div>
  133.        </div>
  134.    </div>
  135. </header>
  136.        <section id="hero" class="position-relative mt-3">
  137. <div class="container position-relative zindex-1">
  138. <div class="row g-lg-5 py-10">
  139. <div class="col-lg-7 text-center text-lg-start">
  140. <h1 class="display-4 fw-bolder my-4">
  141. <strong>MySL.nl - URL Shortener</strong>
  142. </h1>
  143. <p class="col-lg-10 fs-5 mb-5">
  144. Link shortener with tracking. As simple as just sharing a short link to your favorite page or as advanced as creating country-targeting rules and landing pages. Let's go! </p>
  145. <form method="post" action="https://mysl.nl/shorten" data-trigger="shorten-form" class="mt-3 mb-5 border rounded p-3 text-start">
  146. <div class="input-group input-group-lg align-items-center">
  147. <input type="text" class="form-control border-0" placeholder="Paste a long url" name="url" id="url">
  148. <div class="input-group-append">
  149. <button class="btn btn-warning d-none" type="button">Copy</button>
  150. <button class="btn btn-primary" type="submit">Shorten</button>
  151. </div>
  152. </div>
  153. <div data-id="pXTXSYkFXFfJeBT" class="mb-3"></div><script src="https://www.google.com/recaptcha/api.js?hl=en&render=6LfJqmAmAAAAAO1jZ6LT454lr-Sp65FED2PYGCZo"></script>
  154.                <script>
  155.                    var recaptcha = () => {
  156.                        grecaptcha.execute('6LfJqmAmAAAAAO1jZ6LT454lr-Sp65FED2PYGCZo', {action: 'shorten'}).then(function(token) {
  157.                            $('[data-id=pXTXSYkFXFfJeBT]').html('<input type="hidden" name="g-recaptcha-response" value="'+token+'" />')
  158.                        });
  159.                    }
  160. grecaptcha.ready('recaptcha');
  161.                </script> </form>
  162. <div id="output-result" class="border border-success p-3 rounded d-none mb-3">
  163. <div class="d-flex align-items-center">
  164. <div id="qr-result" class="me-2"></div>
  165. <div id="text-result">
  166. <p>Your link has been successfully shortened. Want to more customization options?</p>
  167. <a href="https://mysl.nl/user/register" class="btn btn-sm btn-primary">Get started</a>
  168. </div>
  169. </div>
  170. </div>
  171. <a href="https://mysl.nl/user/register" class="btn btn-primary px-4 py-3 fw-bold mb-1">Get Started for Free</a>
  172. <p>
  173. <ul class="list-unstyled mb-2 text-muted small">
  174. <li class="mb-1"><i class="fa fa-check text-success me-2"></i> Start free, upgrade later</li>
  175. <li class="mb-1"><i class="fa fa-check text-success me-2"></i> No credit card required</li>
  176. <li class="mb-1"><i class="fa fa-check text-success me-2"></i> Easy to use</li>
  177. </ul>
  178. </p>
  179. </div>
  180. <div class="col-md-10 mx-auto col-lg-5 h-100 d-none d-sm-block position-relative">
  181. <div class="zindex-100 ml-lg-6">
  182. <img src="https://mysl.nl/content/lbLJTw_hero_mysl-url-short.jpg" alt="MySL.nl - URL Shortener" class="img-fluid mw-lg-120 rounded-top zindex-100">
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </section>
  188. <section id="mainfeatures">
  189. <div class="container">
  190. <div class="bg-dark shadow rounded p-5">
  191. <div class="d-sm-flex align-items-center">
  192. <h2 class="text-white fw-bolder display-5 lh-lg"><span class="gradient-primary clip-text fw-bolder gradient-bottom">Supercharge</span> <span class="thunder-animation fa fa-bolt text-warning"></span> your productivity</h2>
  193. <a href="https://mysl.nl/user/register" class="btn btn-light text-dark fw-bold mt-2 rounded-pill ms-auto px-5">Get Started<i class="fa fa-chevron-right fa-xs align-middle ps-3"></i></a>
  194. </div>
  195. <div class="row align-items-center gy-5 pt-5" id="blurred">
  196. <div class="col-md-4">
  197. <div class="card border-0 overflow-hidden">
  198. <div class="gradient-primary">
  199. <div class="m-3 rounded-pill px-3 py-2 bg-white">
  200. <i class="fa fa-link gradient-primary clip-text me-2"></i> <strong>https://dmn.co/<span class="gradient-primary clip-text" data-toggle="typed" data-list="app,store,profile,page"></span></strong>
  201. </div>
  202. <div class="mt-3 card-carousel">
  203. <div class="card-carousel-inner">
  204. <small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark">Branded Domains</small>
  205. <small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark">Quick Analytics</small>
  206. <small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark">Custom Alias</small>
  207. <small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark">Advanced Targeting</small>
  208. </div>
  209. </div>
  210. <div class="mt-2 mb-4 card-carousel ps-5">
  211. <div class="card-carousel-inner">
  212. <small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark">Deep Links</small>
  213. <small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark">Custom Parameters</small>
  214. <small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark">A/B Testing</small>
  215. <small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark">Custom Meta Tags</small>
  216. </div>
  217. </div>
  218. </div>
  219. <div class="p-4">
  220. <h4 class="fw-bold mb-3">URL Shortener</h4>
  221. <p class="">
  222. Transform long, complex URLs into memorable short links. Perfect for social media, marketing campaigns, and keeping your brand consistent.
  223. </p>
  224. <a href="#features" class="btn btn-transparent text-dark fw-bold mt-2 rounded-pill border">Learn more</a>
  225. </div>
  226. </div>
  227. </div>
  228. <div class="col-md-4">
  229. <div class="card border-0 overflow-hidden">
  230. <div class="gradient-primary p-3 text-center">
  231. <span class="rounded-circle mb-1 d-block bg-white mx-auto opacity-8" style="width:40px;height:40px"><img src="https://mysl.nl/static/images/avatar-f1.jpg" class="img-fluid rounded-circle"></span>
  232. <h6 class="text-white fw-bold"><span>MySL.nl</span></h6></em>
  233. <div id="social" class="text-center mt-2">
  234. <a href="" target="_blank" class="mx-2 text-white" data-bs-toggle="tooltip" title="Facebook"><i class="fab fa-facebook"></i></a>
  235. <a href="" target="_blank" class="mx-2 text-white" data-bs-toggle="tooltip" title="Twitter"><i class="fab fa-x-twitter"></i></a>
  236. </div>
  237. <div id="content" class="mt-2">
  238. <a href="#" class="btn btn-sm d-block btn-light text-primary shadow-sm rounded-pill"><small>🔥 Shop</small></a>
  239. </div>
  240. </div>
  241. <div class="p-4">
  242. <h4 class="fw-bold mb-3">Bio Pages</h4>
  243. <p class="">
  244. Create stunning, mobile-optimized landing pages that showcase all your important links in one place. Perfect for social media profiles. </p>
  245. <a href="https://mysl.nl/bio-profiles" class="btn btn-transparent text-dark fw-bold mt-2 rounded-pill border">Learn more</a>
  246. </div>
  247. </div>
  248. </div>
  249. <div class="col-md-4">
  250. <div class="card border-0 overflow-hidden">
  251. <div class="gradient-primary p-3 text-center">
  252. <div class="position-relative">
  253. <div class="position-relative qr-code-animation">                        
  254. <?xml version="1.0" encoding="UTF-8"?>
  255. <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="138" height="138" viewBox="0 0 138 138"><rect x="0" y="0" width="138" height="138" fill="#ffffff"/><g transform="scale(4.759)"><g transform="translate(2,2)"><g><g transform="translate(3.5,3.5)"><path fill-rule="evenodd" d="M-3.5 0C-3.5 -3.5 -3.5 -3.5 0 -3.5M-3.5 0C-3.5 3.5 -3.5 3.5 0 3.5M0 3.5C3.5 3.5 3.5 3.5 3.5 0M3.5 0C3.5 -3.5 3.5 -3.5 0 -3.5M3.5 0A0 0 0 0 1 0 3.5A0 0 0 0 1 -3.5 0A0 0 0 0 1 0 -3.5A0 0 0 0 1 3.5 0ZM-2.5 0C-2.5 -2.5 -2.5 -2.5 0 -2.5M-2.5 0C-2.5 2.5 -2.5 2.5 0 2.5M0 2.5C2.5 2.5 2.5 2.5 2.5 0M2.5 0C2.5 -2.5 2.5 -2.5 0 -2.5M2.5 0A0 0 0 0 1 0 2.5A0 0 0 0 1 -2.5 0A0 0 0 0 1 0 -2.5A0 0 0 0 1 2.5 0Z" fill="#ffff00"/><path fill-rule="evenodd" d="M1.5 0A1.5 1.5 0 0 1 0 1.5A1.5 1.5 0 0 1 -1.5 0A1.5 1.5 0 0 1 0 -1.5A1.5 1.5 0 0 1 1.5 0Z" fill="#ff00ff"/></g></g><g><g transform="translate(21.5,3.5)"><g transform="rotate(90)"><path fill-rule="evenodd" d="M-3.5 0C-3.5 -3.5 -3.5 -3.5 0 -3.5M-3.5 0C-3.5 3.5 -3.5 3.5 0 3.5M0 3.5C3.5 3.5 3.5 3.5 3.5 0M3.5 0C3.5 -3.5 3.5 -3.5 0 -3.5M3.5 0A0 0 0 0 1 0 3.5A0 0 0 0 1 -3.5 0A0 0 0 0 1 0 -3.5A0 0 0 0 1 3.5 0ZM-2.5 0C-2.5 -2.5 -2.5 -2.5 0 -2.5M-2.5 0C-2.5 2.5 -2.5 2.5 0 2.5M0 2.5C2.5 2.5 2.5 2.5 2.5 0M2.5 0C2.5 -2.5 2.5 -2.5 0 -2.5M2.5 0A0 0 0 0 1 0 2.5A0 0 0 0 1 -2.5 0A0 0 0 0 1 0 -2.5A0 0 0 0 1 2.5 0Z" fill="#ffff00"/><path fill-rule="evenodd" d="M1.5 0A1.5 1.5 0 0 1 0 1.5A1.5 1.5 0 0 1 -1.5 0A1.5 1.5 0 0 1 0 -1.5A1.5 1.5 0 0 1 1.5 0Z" fill="#ff00ff"/></g></g></g><g><g transform="translate(3.5,21.5)"><g transform="rotate(-90)"><path fill-rule="evenodd" d="M-3.5 0C-3.5 -3.5 -3.5 -3.5 0 -3.5M-3.5 0C-3.5 3.5 -3.5 3.5 0 3.5M0 3.5C3.5 3.5 3.5 3.5 3.5 0M3.5 0C3.5 -3.5 3.5 -3.5 0 -3.5M3.5 0A0 0 0 0 1 0 3.5A0 0 0 0 1 -3.5 0A0 0 0 0 1 0 -3.5A0 0 0 0 1 3.5 0ZM-2.5 0C-2.5 -2.5 -2.5 -2.5 0 -2.5M-2.5 0C-2.5 2.5 -2.5 2.5 0 2.5M0 2.5C2.5 2.5 2.5 2.5 2.5 0M2.5 0C2.5 -2.5 2.5 -2.5 0 -2.5M2.5 0A0 0 0 0 1 0 2.5A0 0 0 0 1 -2.5 0A0 0 0 0 1 0 -2.5A0 0 0 0 1 2.5 0Z" fill="#ffff00"/><path fill-rule="evenodd" d="M1.5 0A1.5 1.5 0 0 1 0 1.5A1.5 1.5 0 0 1 -1.5 0A1.5 1.5 0 0 1 0 -1.5A1.5 1.5 0 0 1 1.5 0Z" fill="#ff00ff"/></g></g></g><path fill-rule="evenodd" d="M10 0.25L10 0.75A0.25 0.25 0 0 1 9.75 1L9.25 1A0.25 0.25 0 0 0 9 1.25L9 1.75A0.25 0.25 0 0 1 8.75 2L8.25 2A0.25 0.25 0 0 0 8 2.25L8 7.75A0.25 0.25 0 0 0 8.25 8L8.75 8A0.25 0.25 0 0 1 9 8.25L9 10.75A0.25 0.25 0 0 1 8.75 11L8.25 11A0.25 0.25 0 0 0 8 11.25L8 11.75A0.25 0.25 0 0 1 7.75 12L6.25 12A0.25 0.25 0 0 1 6 11.75L6 11.25A0.25 0.25 0 0 1 6.25 11L6.75 11A0.25 0.25 0 0 0 7 10.75L7 10.25A0.25 0.25 0 0 1 7.25 10L7.75 10A0.25 0.25 0 0 0 8 9.75L8 9.25A0.25 0.25 0 0 0 7.75 9L7.25 9A0.25 0.25 0 0 1 7 8.75L7 8.25A0.25 0.25 0 0 0 6.75 8L2.25 8A0.25 0.25 0 0 0 2 8.25L2 8.75A0.25 0.25 0 0 1 1.75 9L1.25 9A0.25 0.25 0 0 1 1 8.75L1 8.25A0.25 0.25 0 0 0 0.75 8L0.25 8A0.25 0.25 0 0 0 0 8.25L0 9.75A0.25 0.25 0 0 0 0.25 10L0.75 10A0.25 0.25 0 0 1 1 10.25L1 10.75A0.25 0.25 0 0 1 0.75 11L0.25 11A0.25 0.25 0 0 0 0 11.25L0 16.75A0.25 0.25 0 0 0 0.25 17L0.75 17A0.25 0.25 0 0 0 1 16.75L1 14.25A0.25 0.25 0 0 1 1.25 14L1.75 14A0.25 0.25 0 0 1 2 14.25L2 15.75A0.25 0.25 0 0 0 2.25 16L2.75 16A0.25 0.25 0 0 1 3 16.25L3 16.75A0.25 0.25 0 0 0 3.25 17L3.75 17A0.25 0.25 0 0 0 4 16.75L4 16.25A0.25 0.25 0 0 1 4.25 16L4.75 16A0.25 0.25 0 0 1 5 16.25L5 16.75A0.25 0.25 0 0 0 5.25 17L7.75 17A0.25 0.25 0 0 1 8 17.25L8 17.75A0.25 0.25 0 0 0 8.25 18L10.75 18A0.25 0.25 0 0 0 11 17.75L11 17.25A0.25 0.25 0 0 1 11.25 17L11.75 17A0.25 0.25 0 0 1 12 17.25L12 19.75A0.25 0.25 0 0 0 12.25 20L13.75 20A0.25 0.25 0 0 0 14 19.75L14 19.25A0.25 0.25 0 0 1 14.25 19L15.75 19A0.25 0.25 0 0 1 16 19.25L16 20.75A0.25 0.25 0 0 1 15.75 21L14.25 21A0.25 0.25 0 0 0 14 21.25L14 21.75A0.25 0.25 0 0 1 13.75 22L12.25 22A0.25 0.25 0 0 1 12 21.75L12 21.25A0.25 0.25 0 0 0 11.75 21L11.25 21A0.25 0.25 0 0 1 11 20.75L11 20.25A0.25 0.25 0 0 0 10.75 20L10.25 20A0.25 0.25 0 0 0 10 20.25L10 21.75A0.25 0.25 0 0 0 10.25 22L11.75 22A0.25 0.25 0 0 1 12 22.25L12 22.75A0.25 0.25 0 0 1 11.75 23L11.25 23A0.25 0.25 0 0 0 11 23.25L11 23.75A0.25 0.25 0 0 1 10.75 24L10.25 24A0.25 0.25 0 0 1 10 23.75L10 23.25A0.25 0.25 0 0 0 9.75 23L9.25 23A0.25 0.25 0 0 1 9 22.75L9 19.25A0.25 0.25 0 0 0 8.75 19L8.25 19A0.25 0.25 0 0 0 8 19.25L8 22.75A0.25 0.25 0 0 0 8.25 23L8.75 23A0.25 0.25 0 0 1 9 23.25L9 23.75A0.25 0.25 0 0 1 8.75 24L8.25 24A0.25 0.25 0 0 0 8 24.25L8 24.75A0.25 0.25 0 0 0 8.25 25L10.75 25A0.25 0.25 0 0 0 11 24.75L11 24.25A0.25 0.25 0 0 1 11.25 24L11.75 24A0.25 0.25 0 0 1 12 24.25L12 24.75A0.25 0.25 0 0 0 12.25 25L15.75 25A0.25 0.25 0 0 0 16 24.75L16 24.25A0.25 0.25 0 0 1 16.25 24L16.75 24A0.25 0.25 0 0 1 17 24.25L17 24.75A0.25 0.25 0 0 0 17.25 25L17.75 25A0.25 0.25 0 0 0 18 24.75L18 24.25A0.25 0.25 0 0 1 18.25 24L21.75 24A0.25 0.25 0 0 1 22 24.25L22 24.75A0.25 0.25 0 0 0 22.25 25L24.75 25A0.25 0.25 0 0 0 25 24.75L25 24.25A0.25 0.25 0 0 0 24.75 24L24.25 24A0.25 0.25 0 0 1 24 23.75L24 23.25A0.25 0.25 0 0 1 24.25 23L24.75 23A0.25 0.25 0 0 0 25 22.75L25 21.25A0.25 0.25 0 0 0 24.75 21L23.25 21A0.25 0.25 0 0 0 23 21.25L23 21.75A0.25 0.25 0 0 1 22.75 22L22.25 22A0.25 0.25 0 0 0 22 22.25L22 22.75A0.25 0.25 0 0 1 21.75 23L21.25 23A0.25 0.25 0 0 1 21 22.75L21 21.25A0.25 0.25 0 0 1 21.25 21L21.75 21A0.25 0.25 0 0 0 22 20.75L22 19.25A0.25 0.25 0 0 1 22.25 19L24.75 19A0.25 0.25 0 0 0 25 18.75L25 14.25A0.25 0.25 0 0 0 24.75 14L24.25 14A0.25 0.25 0 0 1 24 13.75L24 13.25A0.25 0.25 0 0 1 24.25 13L24.75 13A0.25 0.25 0 0 0 25 12.75L25 12.25A0.25 0.25 0 0 0 24.75 12L23.25 12A0.25 0.25 0 0 0 23 12.25L23 13.75A0.25 0.25 0 0 1 22.75 14L22.25 14A0.25 0.25 0 0 0 22 14.25L22 14.75A0.25 0.25 0 0 0 22.25 15L22.75 15A0.25 0.25 0 0 1 23 15.25L23 15.75A0.25 0.25 0 0 0 23.25 16L23.75 16A0.25 0.25 0 0 1 24 16.25L24 17.75A0.25 0.25 0 0 1 23.75 18L22.25 18A0.25 0.25 0 0 0 22 18.25L22 18.75A0.25 0.25 0 0 1 21.75 19L21.25 19A0.25 0.25 0 0 1 21 18.75L21 17.25A0.25 0.25 0 0 1 21.25 17L21.75 17A0.25 0.25 0 0 0 22 16.75L22 16.25A0.25 0.25 0 0 0 21.75 16L18.25 16A0.25 0.25 0 0 1 18 15.75L18 15.25A0.25 0.25 0 0 1 18.25 15L18.75 15A0.25 0.25 0 0 0 19 14.75L19 14.25A0.25 0.25 0 0 1 19.25 14L19.75 14A0.25 0.25 0 0 1 20 14.25L20 14.75A0.25 0.25 0 0 0 20.25 15L20.75 15A0.25 0.25 0 0 0 21 14.75L21 13.25A0.25 0.25 0 0 1 21.25 13L21.75 13A0.25 0.25 0 0 0 22 12.75L22 12.25A0.25 0.25 0 0 0 21.75 12L19.25 12A0.25 0.25 0 0 0 19 12.25L19 12.75A0.25 0.25 0 0 1 18.75 13L18.25 13A0.25 0.25 0 0 1 18 12.75L18 12.25A0.25 0.25 0 0 0 17.75 12L17.25 12A0.25 0.25 0 0 1 17 11.75L17 11.25A0.25 0.25 0 0 1 17.25 11L18.75 11A0.25 0.25 0 0 0 19 10.75L19 10.25A0.25 0.25 0 0 1 19.25 10L19.75 10A0.25 0.25 0 0 1 20 10.25L20 10.75A0.25 0.25 0 0 0 20.25 11L20.75 11A0.25 0.25 0 0 0 21 10.75L21 9.25A0.25 0.25 0 0 1 21.25 9L22.75 9A0.25 0.25 0 0 0 23 8.75L23 8.25A0.25 0.25 0 0 0 22.75 8L18.25 8A0.25 0.25 0 0 0 18 8.25L18 8.75A0.25 0.25 0 0 1 17.75 9L16.25 9A0.25 0.25 0 0 1 16 8.75L16 8.25A0.25 0.25 0 0 1 16.25 8L16.75 8A0.25 0.25 0 0 0 17 7.75L17 6.25A0.25 0.25 0 0 0 16.75 6L16.25 6A0.25 0.25 0 0 0 16 6.25L16 7.75A0.25 0.25 0 0 1 15.75 8L15.25 8A0.25 0.25 0 0 1 15 7.75L15 5.25A0.25 0.25 0 0 1 15.25 5L16.75 5A0.25 0.25 0 0 0 17 4.75L17 4.25A0.25 0.25 0 0 0 16.75 4L16.25 4A0.25 0.25 0 0 1 16 3.75L16 3.25A0.25 0.25 0 0 0 15.75 3L15.25 3A0.25 0.25 0 0 1 15 2.75L15 0.25A0.25 0.25 0 0 0 14.75 0L14.25 0A0.25 0.25 0 0 0 14 0.25L14 0.75A0.25 0.25 0 0 1 13.75 1L13.25 1A0.25 0.25 0 0 0 13 1.25L13 1.75A0.25 0.25 0 0 0 13.25 2L13.75 2A0.25 0.25 0 0 1 14 2.25L14 2.75A0.25 0.25 0 0 0 14.25 3L14.75 3A0.25 0.25 0 0 1 15 3.25L15 4.75A0.25 0.25 0 0 1 14.75 5L13.25 5A0.25 0.25 0 0 1 13 4.75L13 3.25A0.25 0.25 0 0 0 12.75 3L12.25 3A0.25 0.25 0 0 1 12 2.75L12 2.25A0.25 0.25 0 0 0 11.75 2L11.25 2A0.25 0.25 0 0 1 11 1.75L11 0.25A0.25 0.25 0 0 0 10.75 0L10.25 0A0.25 0.25 0 0 0 10 0.25ZM16 0.25L16 0.75A0.25 0.25 0 0 0 16.25 1L16.75 1A0.25 0.25 0 0 0 17 0.75L17 0.25A0.25 0.25 0 0 0 16.75 0L16.25 0A0.25 0.25 0 0 0 16 0.25ZM9 2.25L9 2.75A0.25 0.25 0 0 0 9.25 3L9.75 3A0.25 0.25 0 0 0 10 2.75L10 2.25A0.25 0.25 0 0 0 9.75 2L9.25 2A0.25 0.25 0 0 0 9 2.25ZM11 3.25L11 3.75A0.25 0.25 0 0 1 10.75 4L10.25 4A0.25 0.25 0 0 0 10 4.25L10 4.75A0.25 0.25 0 0 1 9.75 5L9.25 5A0.25 0.25 0 0 0 9 5.25L9 7.75A0.25 0.25 0 0 0 9.25 8L9.75 8A0.25 0.25 0 0 1 10 8.25L10 10.75A0.25 0.25 0 0 0 10.25 11L10.75 11A0.25 0.25 0 0 0 11 10.75L11 10.25A0.25 0.25 0 0 1 11.25 10L11.75 10A0.25 0.25 0 0 0 12 9.75L12 9.25A0.25 0.25 0 0 1 12.25 9L12.75 9A0.25 0.25 0 0 1 13 9.25L13 9.75A0.25 0.25 0 0 0 13.25 10L14.75 10A0.25 0.25 0 0 1 15 10.25L15 10.75A0.25 0.25 0 0 1 14.75 11L14.25 11A0.25 0.25 0 0 0 14 11.25L14 11.75A0.25 0.25 0 0 1 13.75 12L13.25 12A0.25 0.25 0 0 1 13 11.75L13 11.25A0.25 0.25 0 0 0 12.75 11L12.25 11A0.25 0.25 0 0 0 12 11.25L12 11.75A0.25 0.25 0 0 0 12.25 12L12.75 12A0.25 0.25 0 0 1 13 12.25L13 12.75A0.25 0.25 0 0 1 12.75 13L11.25 13A0.25 0.25 0 0 1 11 12.75L11 12.25A0.25 0.25 0 0 0 10.75 12L8.25 12A0.25 0.25 0 0 0 8 12.25L8 12.75A0.25 0.25 0 0 1 7.75 13L5.25 13A0.25 0.25 0 0 1 5 12.75L5 11.25A0.25 0.25 0 0 1 5.25 11L5.75 11A0.25 0.25 0 0 0 6 10.75L6 10.25A0.25 0.25 0 0 1 6.25 10L6.75 10A0.25 0.25 0 0 0 7 9.75L7 9.25A0.25 0.25 0 0 0 6.75 9L6.25 9A0.25 0.25 0 0 0 6 9.25L6 9.75A0.25 0.25 0 0 1 5.75 10L5.25 10A0.25 0.25 0 0 1 5 9.75L5 9.25A0.25 0.25 0 0 0 4.75 9L4.25 9A0.25 0.25 0 0 0 4 9.25L4 10.75A0.25 0.25 0 0 1 3.75 11L1.25 11A0.25 0.25 0 0 0 1 11.25L1 11.75A0.25 0.25 0 0 0 1.25 12L1.75 12A0.25 0.25 0 0 1 2 12.25L2 13.75A0.25 0.25 0 0 0 2.25 14L2.75 14A0.25 0.25 0 0 1 3 14.25L3 14.75A0.25 0.25 0 0 0 3.25 15L3.75 15A0.25 0.25 0 0 0 4 14.75L4 13.25A0.25 0.25 0 0 1 4.25 13L4.75 13A0.25 0.25 0 0 1 5 13.25L5 13.75A0.25 0.25 0 0 0 5.25 14L6.75 14A0.25 0.25 0 0 1 7 14.25L7 14.75A0.25 0.25 0 0 1 6.75 15L5.25 15A0.25 0.25 0 0 0 5 15.25L5 15.75A0.25 0.25 0 0 0 5.25 16L6.75 16A0.25 0.25 0 0 0 7 15.75L7 15.25A0.25 0.25 0 0 1 7.25 15L7.75 15A0.25 0.25 0 0 0 8 14.75L8 14.25A0.25 0.25 0 0 1 8.25 14L13.75 14A0.25 0.25 0 0 0 14 13.75L14 13.25A0.25 0.25 0 0 1 14.25 13L14.75 13A0.25 0.25 0 0 1 15 13.25L15 14.75A0.25 0.25 0 0 1 14.75 15L12.25 15A0.25 0.25 0 0 0 12 15.25L12 15.75A0.25 0.25 0 0 0 12.25 16L13.75 16A0.25 0.25 0 0 1 14 16.25L14 16.75A0.25 0.25 0 0 1 13.75 17L13.25 17A0.25 0.25 0 0 0 13 17.25L13 17.75A0.25 0.25 0 0 0 13.25 18L13.75 18A0.25 0.25 0 0 0 14 17.75L14 17.25A0.25 0.25 0 0 1 14.25 17L14.75 17A0.25 0.25 0 0 0 15 16.75L15 16.25A0.25 0.25 0 0 1 15.25 16L16.75 16A0.25 0.25 0 0 0 17 15.75L17 14.25A0.25 0.25 0 0 0 16.75 14L16.25 14A0.25 0.25 0 0 1 16 13.75L16 13.25A0.25 0.25 0 0 1 16.25 13L16.75 13A0.25 0.25 0 0 0 17 12.75L17 12.25A0.25 0.25 0 0 0 16.75 12L16.25 12A0.25 0.25 0 0 1 16 11.75L16 11.25A0.25 0.25 0 0 1 16.25 11L16.75 11A0.25 0.25 0 0 0 17 10.75L17 10.25A0.25 0.25 0 0 0 16.75 10L16.25 10A0.25 0.25 0 0 1 16 9.75L16 9.25A0.25 0.25 0 0 0 15.75 9L15.25 9A0.25 0.25 0 0 1 15 8.75L15 8.25A0.25 0.25 0 0 0 14.75 8L14.25 8A0.25 0.25 0 0 1 14 7.75L14 6.25A0.25 0.25 0 0 0 13.75 6L13.25 6A0.25 0.25 0 0 1 13 5.75L13 5.25A0.25 0.25 0 0 0 12.75 5L11.25 5A0.25 0.25 0 0 1 11 4.75L11 4.25A0.25 0.25 0 0 1 11.25 4L11.75 4A0.25 0.25 0 0 0 12 3.75L12 3.25A0.25 0.25 0 0 0 11.75 3L11.25 3A0.25 0.25 0 0 0 11 3.25ZM10 6.25L10 6.75A0.25 0.25 0 0 0 10.25 7L10.75 7A0.25 0.25 0 0 1 11 7.25L11 8.75A0.25 0.25 0 0 0 11.25 9L11.75 9A0.25 0.25 0 0 0 12 8.75L12 7.25A0.25 0.25 0 0 1 12.25 7L12.75 7A0.25 0.25 0 0 0 13 6.75L13 6.25A0.25 0.25 0 0 0 12.75 6L12.25 6A0.25 0.25 0 0 0 12 6.25L12 6.75A0.25 0.25 0 0 1 11.75 7L11.25 7A0.25 0.25 0 0 1 11 6.75L11 6.25A0.25 0.25 0 0 0 10.75 6L10.25 6A0.25 0.25 0 0 0 10 6.25ZM13 8.25L13 8.75A0.25 0.25 0 0 0 13.25 9L13.75 9A0.25 0.25 0 0 0 14 8.75L14 8.25A0.25 0.25 0 0 0 13.75 8L13.25 8A0.25 0.25 0 0 0 13 8.25ZM2 9.25L2 9.75A0.25 0.25 0 0 0 2.25 10L2.75 10A0.25 0.25 0 0 0 3 9.75L3 9.25A0.25 0.25 0 0 0 2.75 9L2.25 9A0.25 0.25 0 0 0 2 9.25ZM18 9.25L18 9.75A0.25 0.25 0 0 0 18.25 10L18.75 10A0.25 0.25 0 0 0 19 9.75L19 9.25A0.25 0.25 0 0 0 18.75 9L18.25 9A0.25 0.25 0 0 0 18 9.25ZM24 9.25L24 9.75A0.25 0.25 0 0 0 24.25 10L24.75 10A0.25 0.25 0 0 0 25 9.75L25 9.25A0.25 0.25 0 0 0 24.75 9L24.25 9A0.25 0.25 0 0 0 24 9.25ZM22 10.25L22 10.75A0.25 0.25 0 0 0 22.25 11L22.75 11A0.25 0.25 0 0 0 23 10.75L23 10.25A0.25 0.25 0 0 0 22.75 10L22.25 10A0.25 0.25 0 0 0 22 10.25ZM15 12.25L15 12.75A0.25 0.25 0 0 0 15.25 13L15.75 13A0.25 0.25 0 0 0 16 12.75L16 12.25A0.25 0.25 0 0 0 15.75 12L15.25 12A0.25 0.25 0 0 0 15 12.25ZM10 15.25L10 15.75A0.25 0.25 0 0 1 9.75 16L9.25 16A0.25 0.25 0 0 0 9 16.25L9 16.75A0.25 0.25 0 0 0 9.25 17L9.75 17A0.25 0.25 0 0 0 10 16.75L10 16.25A0.25 0.25 0 0 1 10.25 16L10.75 16A0.25 0.25 0 0 0 11 15.75L11 15.25A0.25 0.25 0 0 0 10.75 15L10.25 15A0.25 0.25 0 0 0 10 15.25ZM17 17.25L17 19.75A0.25 0.25 0 0 0 17.25 20L19.75 20A0.25 0.25 0 0 0 20 19.75L20 17.25A0.25 0.25 0 0 0 19.75 17L17.25 17A0.25 0.25 0 0 0 17 17.25ZM18 18.25L18 18.75A0.25 0.25 0 0 0 18.25 19L18.75 19A0.25 0.25 0 0 0 19 18.75L19 18.25A0.25 0.25 0 0 0 18.75 18L18.25 18A0.25 0.25 0 0 0 18 18.25ZM17 21.25L17 21.75A0.25 0.25 0 0 1 16.75 22L15.25 22A0.25 0.25 0 0 0 15 22.25L15 22.75A0.25 0.25 0 0 1 14.75 23L14.25 23A0.25 0.25 0 0 0 14 23.25L14 23.75A0.25 0.25 0 0 0 14.25 24L15.75 24A0.25 0.25 0 0 0 16 23.75L16 23.25A0.25 0.25 0 0 1 16.25 23L16.75 23A0.25 0.25 0 0 0 17 22.75L17 22.25A0.25 0.25 0 0 1 17.25 22L18.75 22A0.25 0.25 0 0 1 19 22.25L19 22.75A0.25 0.25 0 0 0 19.25 23L19.75 23A0.25 0.25 0 0 0 20 22.75L20 21.25A0.25 0.25 0 0 0 19.75 21L17.25 21A0.25 0.25 0 0 0 17 21.25ZM23 22.25L23 22.75A0.25 0.25 0 0 1 22.75 23L22.25 23A0.25 0.25 0 0 0 22 23.25L22 23.75A0.25 0.25 0 0 0 22.25 24L22.75 24A0.25 0.25 0 0 0 23 23.75L23 23.25A0.25 0.25 0 0 1 23.25 23L23.75 23A0.25 0.25 0 0 0 24 22.75L24 22.25A0.25 0.25 0 0 0 23.75 22L23.25 22A0.25 0.25 0 0 0 23 22.25ZM12 23.25L12 23.75A0.25 0.25 0 0 0 12.25 24L12.75 24A0.25 0.25 0 0 0 13 23.75L13 23.25A0.25 0.25 0 0 0 12.75 23L12.25 23A0.25 0.25 0 0 0 12 23.25Z" fill="#000000"/></g></g></svg>
  256. </div>
  257. <div class="z-n1 mt-2 mb-4 card-carousel ps-5 position-absolute top-50 start-50 translate-middle">
  258. <div class="card-carousel">
  259. <div class="card-carousel-inner">
  260. <small class="card-carousel-item bg-dark shadow-sm py-1 px-2 fit-content rounded-pill text-white">Gradient Color</small>
  261. <small class="card-carousel-item bg-dark shadow-sm py-1 px-2 fit-content rounded-pill text-white">QR Styles</small>
  262. <small class="card-carousel-item bg-dark shadow-sm py-1 px-2 fit-content rounded-pill text-white">Dynamic QR Codes</small>
  263. <small class="card-carousel-item bg-dark shadow-sm py-1 px-2 fit-content rounded-pill text-white">Custom Frames</small>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. <div class="p-4">
  270. <h4 class="fw-bold mb-3">QR Codes</h4>
  271. <p class="">
  272. Generate dynamic QR codes that can be customized with your brand colors and tracked in real-time.
  273. </p>
  274. <a href="https://mysl.nl/qr-codes" class="btn btn-transparent text-dark fw-bold mt-2 rounded-pill border">Learn more</a>
  275. </div>
  276. </div>
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. </section>
  282. <section class="py-10 pt-5" id="features">
  283. <div class="container">
  284. <div class="row flex-lg-row-reverse align-items-center gy-5 py-5">
  285. <div class="col-md-6 offset-md-1 text-start">
  286. <span class="bg-primary py-2 px-3 rounded-pill">
  287. <strong class="gradient-primary clip-text fw-bolder">Collect data within minutes. Hassle-free.</strong>
  288. </span>
  289. <h2 class="display-6 fw-bold mt-3 mb-5">
  290. One short link, infinite possibilities. </h2>
  291. <p class="lead mb-5">
  292. A short link is a powerful marketing tool when you use it carefully. It is not just a link but a medium between your customer and their destination. A short link allows you to collect so much data about your customers and their behaviors. </p>
  293. <ul class="list-unstyled mb-2">
  294. <li class="mb-4">
  295. <div class="d-flex">
  296. <div>
  297. <strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
  298. <i class="fa fa-link gradient-primary clip-text fw-bolder"></i>
  299. </strong>
  300. </div>
  301. <div class="ms-3">
  302. <span class="fw-bold">Short Links</span>
  303. <p>Intuitive and trackable links</p>
  304. </div>
  305. </div>
  306. </li>
  307. <li class="mb-4">
  308. <div class="d-flex">
  309. <div>
  310. <strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
  311. <i class="fa fa-qrcode gradient-primary clip-text fw-bolder"></i>
  312. </strong>
  313. </div>
  314. <div class="ms-3">
  315. <span class="fw-bold">QR Codes</span>
  316. <p>Customizable and secure QR codes</p>
  317. </div>
  318. </div>
  319. </li>
  320. <li class="mb-4">
  321. <div class="d-flex">
  322. <div>
  323. <strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
  324. <i class="fa fa-mobile gradient-primary clip-text fw-bolder"></i>
  325. </strong>
  326. </div>
  327. <div class="ms-3">
  328. <span class="fw-bold">Beautiful Bio Pages</span>
  329. <p>Simple yet beautiful Bio Pages for your links</p>
  330. </div>
  331. </div>
  332. </li>
  333. </ul>
  334. <a href="https://mysl.nl/user/register" class="btn btn-primary px-3 py-2 fw-bold">Get Started</a>
  335. </div>
  336. <div class="col-md-5">
  337. <div class="p-4 p-md-5 rounded-3 shadow-sm position-relative h-100 gradient-primary">
  338. <h6 class="fw-bold text-white mb-2">Turn long links into short links</h6>
  339. <h5 class="fw-bold text-white border rounded p-3"><span data-toggle="typed" data-list="<i class='fa fa-times-circle'></i> https://longurl.com/page/article-name,<i class='fa fa-check-circle'></i> https://mysl.nl/short"></span></h5>
  340. <div class="position-absolute position-sm-relative card mt-10 top-0 ms-0 ms-md-5 start-0 d-block p-5 rounded shadow w-100 opacity-90 border-0">
  341. <h5 class="fw-bold">Where are most of your users located?</h5>
  342. <div class="mt-4">
  343. <div class="mt-3">
  344. <img src="https://mysl.nl/static/images/flags/ca.svg" class="icon rounded">
  345. <span class="align-middle ms-2">
  346. Canada </span>
  347. <div class="progress progress-sm mt-2">
  348. <div class="progress-bar" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
  349. </div>
  350. </div>
  351. <div class="mt-3">
  352. <img src="https://mysl.nl/static/images/flags/us.svg" class="icon rounded">
  353. <span class="align-middle ms-2">
  354. United States of America </span>
  355. <div class="progress progress-sm mt-2">
  356. <div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
  357. </div>
  358. </div>
  359. <div class="mt-3">
  360. <img src="https://mysl.nl/static/images/flags/gb.svg" class="icon rounded">
  361. <span class="align-middle ms-2">
  362. United Kingdom </span>
  363. <div class="progress progress-sm mt-2">
  364. <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
  365. </div>
  366. </div>
  367. <div class="mt-3">
  368. <img src="https://mysl.nl/static/images/flags/jp.svg" class="icon rounded border">
  369. <span class="align-middle ms-2">
  370. Japan </span>
  371. <div class="progress progress-sm mt-2">
  372. <div class="progress-bar" role="progressbar" style="width: 5%" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100"></div>
  373. </div>
  374. </div>
  375. </div>
  376. </div>
  377. </div>
  378. </div>
  379. </div>
  380. <div class="row align-items-center gy-5 py-5 mt-8 text-start">
  381. <div class="col-md-6 order-last order-sm-first">
  382. <span class="bg-primary py-2 px-3 rounded-pill">
  383. <strong class="gradient-primary clip-text fw-bolder">Instantly link to apps. Automatically.</strong>
  384. </span>
  385. <h2 class="display-6 fw-bold mb-5 mt-3">
  386. Smart Deep Linking </h2>
  387. <p class="lead mb-5">
  388. Grow your audience by automatically opening mobile apps when the app is installed without any coding knowledge or SDK. Direct customers to download and install apps when not installed on the device. Many popular apps are supported and you can even add your own app links. </p>
  389. <a href="https://mysl.nl/user/register" class="btn btn-primary px-3 py-2 fw-bold">Get Started</a>
  390. </div>
  391. <div class="col-md-6">
  392. <div class="border rounded p-3 shadow-sm card position-relative">
  393.                    <h5 class="fw-bolder mb-0"><i class="fa fa-lock text-success me-2"></i> https://mysl.nl/<span class="gradient-primary clip-text" >smart</span></h5>
  394. <span class="gradient-primary d-inline-block position-absolute top-100 start-50 translate-middle text-white rounded-circle icon-sm text-center"><i class="fa fa-chevron-down mt-2 animate-float"></i></span>
  395.                </div>
  396. <h3 class="h5 fw-bold mt-4 text-center">Popular Apps</h3>
  397. <div class="row mt-4 justify-content-center">
  398. <div class="col-4 col-lg-2 mb-5 text-center">
  399. <img alt="Airbnb" src="https://mysl.nl/static/images/airbnb.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  400. <p class="fw-bold text-dark my-3">Airbnb</p>
  401. </div>
  402. <div class="col-4 col-lg-2 mb-5 text-center">
  403. <img alt="AliExpress" src="https://mysl.nl/static/images/aliexpress.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  404. <p class="fw-bold text-dark my-3">AliExpress</p>
  405. </div>
  406. <div class="col-4 col-lg-2 mb-5 text-center">
  407. <img alt="Amazon" src="https://mysl.nl/static/images/amazon.png" class="icon-md bg-white shadow-sm p-2 rounded">
  408. <p class="fw-bold text-dark my-3">Amazon</p>
  409. </div>
  410. <div class="col-4 col-lg-2 mb-5 text-center">
  411. <img alt="Apple Music" src="https://mysl.nl/static/images/itunes.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  412. <p class="fw-bold text-dark my-3">Apple Music</p>
  413. </div>
  414. <div class="col-4 col-lg-2 mb-5 text-center">
  415. <img alt="Facebook" src="https://mysl.nl/static/images/facebook.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  416. <p class="fw-bold text-dark my-3">Facebook</p>
  417. </div>
  418. <div class="col-4 col-lg-2 mb-5 text-center">
  419. <img alt="GrubHub" src="https://mysl.nl/static/images/grubhub.png" class="icon-md bg-white shadow-sm p-2 rounded">
  420. <p class="fw-bold text-dark my-3">GrubHub</p>
  421. </div>
  422. <div class="col-4 col-lg-2 mb-5 text-center">
  423. <img alt="Instagram" src="https://mysl.nl/static/images/instagram.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  424. <p class="fw-bold text-dark my-3">Instagram</p>
  425. </div>
  426. <div class="col-4 col-lg-2 mb-5 text-center">
  427. <img alt="LinkedIn" src="https://mysl.nl/static/images/linkedin.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  428. <p class="fw-bold text-dark my-3">LinkedIn</p>
  429. </div>
  430. <div class="col-4 col-lg-2 mb-5 text-center">
  431. <img alt="Messenger" src="https://mysl.nl/static/images/messenger.png" class="icon-md bg-white shadow-sm p-2 rounded">
  432. <p class="fw-bold text-dark my-3">Messenger</p>
  433. </div>
  434. <div class="col-4 col-lg-2 mb-5 text-center">
  435. <img alt="Netflix" src="https://mysl.nl/static/images/netflix.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  436. <p class="fw-bold text-dark my-3">Netflix</p>
  437. </div>
  438. <div class="col-4 col-lg-2 mb-5 text-center">
  439. <img alt="Pinterest" src="https://mysl.nl/static/images/pinterest.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  440. <p class="fw-bold text-dark my-3">Pinterest</p>
  441. </div>
  442. <div class="col-4 col-lg-2 mb-5 text-center">
  443. <img alt="Snapchat" src="https://mysl.nl/static/images/snapchat.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  444. <p class="fw-bold text-dark my-3">Snapchat</p>
  445. </div>
  446. <div class="col-4 col-lg-2 mb-5 text-center">
  447. <img alt="Spotify" src="https://mysl.nl/static/images/spotify.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  448. <p class="fw-bold text-dark my-3">Spotify</p>
  449. </div>
  450. <div class="col-4 col-lg-2 mb-5 text-center">
  451. <img alt="Telegram" src="https://mysl.nl/static/images/telegram.png" class="icon-md bg-white shadow-sm p-2 rounded">
  452. <p class="fw-bold text-dark my-3">Telegram</p>
  453. </div>
  454. <div class="col-4 col-lg-2 mb-5 text-center">
  455. <img alt="TikTok" src="https://mysl.nl/static/images/tiktok.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  456. <p class="fw-bold text-dark my-3">TikTok</p>
  457. </div>
  458. <div class="col-4 col-lg-2 mb-5 text-center">
  459. <img alt="Twitch" src="https://mysl.nl/static/images/twitch.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  460. <p class="fw-bold text-dark my-3">Twitch</p>
  461. </div>
  462. <div class="col-4 col-lg-2 mb-5 text-center">
  463. <img alt="X" src="https://mysl.nl/static/images/x.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  464. <p class="fw-bold text-dark my-3">X</p>
  465. </div>
  466. <div class="col-4 col-lg-2 mb-5 text-center">
  467. <img alt="Walmart" src="https://mysl.nl/static/images/walmart.png" class="icon-md bg-white shadow-sm p-2 rounded">
  468. <p class="fw-bold text-dark my-3">Walmart</p>
  469. </div>
  470. <div class="col-4 col-lg-2 mb-5 text-center">
  471. <img alt="Whatsapp" src="https://mysl.nl/static/images/whatsapp.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  472. <p class="fw-bold text-dark my-3">Whatsapp</p>
  473. </div>
  474. <div class="col-4 col-lg-2 mb-5 text-center">
  475. <img alt="Wolt" src="https://mysl.nl/static/images/wolt.png" class="icon-md bg-white shadow-sm p-2 rounded">
  476. <p class="fw-bold text-dark my-3">Wolt</p>
  477. </div>
  478. <div class="col-4 col-lg-2 mb-5 text-center">
  479. <img alt="Yelp" src="https://mysl.nl/static/images/yelp.png" class="icon-md bg-white shadow-sm p-2 rounded">
  480. <p class="fw-bold text-dark my-3">Yelp</p>
  481. </div>
  482. <div class="col-4 col-lg-2 mb-5 text-center">
  483. <img alt="Youtube" src="https://mysl.nl/static/images/youtube.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  484. <p class="fw-bold text-dark my-3">Youtube</p>
  485. </div>
  486. <div class="col-4 col-lg-2 mb-5 text-center">
  487. <img alt="Zoom" src="https://mysl.nl/static/images/zoom.svg" class="icon-md bg-white shadow-sm p-2 rounded">
  488. <p class="fw-bold text-dark my-3">Zoom</p>
  489. </div>
  490. </div>
  491. </div>
  492. </div>
  493. </div>
  494. </section>
  495. <section class="bg-primary py-15 text-dark">
  496. <div class="text-center mb-5 px-3">
  497. <h2 class="fw-bolder display-5 mb-3"><strong>Features that<br>you'll <span class="gradient-primary clip-text">ever need</span></strong></h2>
  498. <p class="lead">We provide you with all the tools you need to increase your productivity.</p>
  499. </div>
  500. <div class="py-5 mt-sm-5 card-carousel">
  501. <div class="card-carousel-inner pe-2">
  502. <div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
  503. <div class="card-body p-4 p-sm-5">
  504. <i class="fa fa-spinner fa-2x gradient-primary clip-text"></i>
  505. <h4 class="fw-bold my-3">Custom Landing Page</h4>
  506. <p>
  507. Create a custom landing page to promote your product or service on forefront and engage the user in your marketing campaign. </p>
  508. </div>
  509. </div>
  510. <div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
  511. <div class="card-body p-4 p-sm-5">
  512. <i class="fa fa-layer-group fa-2x gradient-primary clip-text"></i>
  513. <h4 class="fw-bold my-3">CTA Overlays</h4>
  514. <p>
  515. Use our overlay tool to display unobtrusive notifications, polls or even a contact on the target website. Great for campaigns. </p>
  516. </div>
  517. </div>
  518. <div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
  519. <div class="card-body p-4 p-sm-5">
  520. <i class="fa fa-compass fa-2x gradient-primary clip-text"></i>
  521. <h4 class="fw-bold my-3">Event Tracking</h4>
  522. <p>
  523. Add your custom pixel from providers such as Facebook and track events right when they are happening. </p>
  524. </div>
  525. </div>
  526. <div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
  527. <div class="card-body p-4 p-sm-5">
  528. <i class="fa fa-bullseye fa-2x gradient-primary clip-text"></i>
  529. <h4 class="fw-bold my-3">Smart Targeting</h4>
  530. <p>
  531. Easily apply restrictions to your links and target users in specific countries & languages using specific devices. </p>
  532. </div>
  533. </div>
  534. <div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
  535. <div class="card-body p-4 p-sm-5">
  536. <i class="fa fa-users fa-2x gradient-primary clip-text"></i>
  537. <h4 class="fw-bold my-3">Team Management</h4>
  538. <p>
  539. Invite your team members and assign them specific privileges to manage everything and collaborate together. </p>
  540. </div>
  541. </div>
  542. <div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
  543. <div class="card-body p-4 p-sm-5">
  544. <i class="fa fa-globe fa-2x gradient-primary clip-text"></i>
  545. <h4 class="fw-bold my-3">Branded Domain Names</h4>
  546. <p>
  547. Easily add your own domain name for short links and take control of your brand name and your users' trust. </p>
  548. </div>
  549. </div>
  550. <div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
  551. <div class="card-body p-4 p-sm-5">
  552. <i class="fa fa-box fa-2x gradient-primary clip-text"></i>
  553. <h4 class="fw-bold my-3">Campaigns & Channels</h4>
  554. <p>
  555. Group and organize your Links, Bio Pages and QR Codes. With Campaigns, you can also get aggregated stats. </p>
  556. </div>
  557. </div>
  558. <div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
  559. <div class="card-body p-4 p-sm-5">
  560. <i class="fa fa-terminal fa-2x gradient-primary clip-text"></i>
  561. <h4 class="fw-bold my-3">Developer API</h4>
  562. <p>
  563. Use our powerful API to build custom applications or extend your own application with our powerful tools. </p>
  564. </div>
  565. </div>
  566. </div>
  567. </div>
  568. </section>
  569. <section class="py-10">
  570. <div class="container">
  571. <div class="row flex-lg-row-reverse align-items-center gy-5 py-5">
  572. <div class="col-md-6 order-last order-sm-first" id="notifications-card">
  573. <div class="card shadow border-0 p-3 mb-4 mt-5">
  574. <div class="d-flex">
  575. <img alt="New York, United States" src="https://mysl.nl/static/images/flags/fr.svg" class="avatar text-white rounded mr-3">
  576. <div class="ms-3 mt-2">
  577. <h6 class="fw-bold mb-1">Someone scanned your QR Code</h6>
  578. <div class="h6 mb-0 text-sm">
  579. <span class="text-muted">Paris, France</span>
  580. </div>
  581. </div>
  582. <div class="ms-auto d-none d-lg-block mt-3">
  583. <span class="badge badge-pill gradient-primary p-2">6 minutes ago</span>
  584. </div>
  585. </div>
  586. </div>
  587. <div class="card shadow gradient-primary border-0 p-3 mb-4">
  588. <div class="d-flex">
  589. <img alt="New York, United States" src="https://mysl.nl/static/images/flags/us.svg" class="avatar text-white rounded mr-3">
  590. <div class="ms-3 mt-2 text-white">
  591. <h6 class="fw-bold mb-1">Someone visited your Link</h6>
  592. <div class="h6 mb-0 text-sm">
  593. <span>New York, United States</span>
  594. </div>
  595. </div>
  596. <div class="ms-auto d-none d-lg-block mt-3">
  597. <span class="badge badge-pill bg-white text-dark p-2">12 minutes ago</span>
  598. </div>
  599. </div>
  600. </div>
  601. <div class="card shadow border-0 p-3 mb-4">
  602. <div class="d-flex">
  603. <img alt="New York, United States" src="https://mysl.nl/static/images/flags/gb.svg" class="avatar text-white rounded mr-3">
  604. <div class="ms-3 mt-2">
  605. <h6 class="fw-bold mb-1">Someone viewed your Bio Page</h6>
  606. <div class="h6 mb-0 text-sm">
  607. <span class="text-muted">London, United Kingdom</span>
  608. </div>
  609. </div>
  610. <div class="ms-auto d-none d-lg-block mt-3">
  611. <span class="badge badge-pill gradient-primary p-2">19 minutes ago</span>
  612. </div>
  613. </div>
  614. </div>
  615. </div>
  616. <div class="col-md-6 order-first order-sm-last text-start">
  617. <span class="bg-primary py-2 px-3 rounded-pill">
  618. <strong class="gradient-primary clip-text fw-bolder">Get instant results</strong>
  619. </span>
  620. <h2 class="display-6 fw-bold mb-5 mt-3">
  621. Track & Optimize </h2>
  622. <p class="lead mb-5 pe-5">
  623. Understanding your users and customers will help you increase your conversion. Our system allows you to track everything. Whether it is the amount of clicks, the country or the referrer, the data is there for you to analyze it. </p>
  624. <a href="https://mysl.nl/user/register" class="btn btn-primary px-3 py-2 fw-bold">Get Started</a>
  625. </div>
  626. </div>
  627. <div class="row flex-lg-row-reverse align-items-center gy-5 py-5 mt-8 text-start">
  628. <div class="col-md-6 order-first order-sm-last">
  629. <div class="card shadow border-0 p-4 mt-5 mx-2 mx-md-4 backdrop-cards">
  630. <div>
  631. <h5 class="fw-bolder">Invite People</h5>
  632. <span class="text-muted">Invite your teammates & work together</span>
  633. <div class="d-block mt-3"><strong>Members</strong> <small class="text-muted">(3/5)</small></div>
  634. <div class="d-flex my-2">
  635. <img alt="Invite your teammates & work together" src="https://mysl.nl/static/images/avatar-f1.jpg" class="avatar-sm rounded-circle mr-3">
  636. <div class="ms-3 mt-2">
  637. <h6 class="fw-bold mb-1">Jane Doe</h6>
  638. <div class="h6 mb-0 text-sm">
  639. <small class="text-muted">jane.doe@mysl.nl</small>
  640. </div>
  641. </div>
  642. </div>
  643. <div class="d-flex my-2">
  644. <img alt="Invite your teammates & work together" src="https://mysl.nl/static/images/avatar-m2.jpg" class="avatar-sm rounded-circle mr-3">
  645. <div class="ms-3 mt-2">
  646. <h6 class="fw-bold mb-1">Barry Tone</h6>
  647. <div class="h6 mb-0 text-sm">
  648. <small class="text-muted">barry.tone@mysl.nl</small>
  649. </div>
  650. </div>
  651. <div class="ms-auto d-none d-lg-block mt-3">
  652. <span class="badge badge-pill bg-primary p-2"><strong class="gradient-primary clip-text">Invited</strong></span>
  653. </div>
  654. </div>
  655. <div class="d-flex my-2">
  656. <img alt="Invite your teammates & work together" src="https://mysl.nl/static/images/avatar-m1.jpg" class="avatar-sm rounded-circle mr-3">
  657. <div class="ms-3 mt-2">
  658. <h6 class="fw-bold mb-1">John Doe</h6>
  659. <div class="h6 mb-0 text-sm">
  660. <small class="text-muted">john.doe@mysl.nl</small>
  661. </div>
  662. </div>
  663. </div>
  664. </div>
  665. </div>
  666. </div>
  667. <div class="col-md-6 order-last order-sm-first">
  668. <span class="bg-primary py-2 px-3 rounded-pill">
  669. <strong class="gradient-primary clip-text fw-bolder">Collaborate with your teammates</strong>
  670. </span>
  671. <h2 class="display-6 fw-bold mb-5 mt-3">
  672. Invite & Work Together </h2>
  673. <p class="lead mb-5">
  674. Invite your teammates within seconds and work together as team to manage your Links, Bio Pages and QR codes. Team members can can be assigned specific privileges and can work on different workspaces. </p>
  675. <a href="https://mysl.nl/user/register" class="btn btn-primary px-3 py-2 fw-bold">Get Started</a>
  676. </div>
  677. </div>
  678. <div class="row mt-10">
  679. <div class="col-md-12">
  680. <div class="p-2 p-md-5 bg-primary rounded-4 border-0">
  681. <div class="row align-items-center">
  682. <div class="col-md-4 order-last order-sm-first d-none d-md-block">
  683. <div class="row">
  684. <div class="col-6 text-center">
  685. <div class="integrations mb-5">
  686. <img alt="Slack" src="https://mysl.nl/static/images/slack.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  687. <p class="fw-bold text-dark my-3">Slack</p>
  688. </div>
  689. <div class="integrations mb-5">
  690. <img alt="Zapier" src="https://mysl.nl/static/images/zapier.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  691. <p class="fw-bold text-dark my-3">Zapier</p>
  692. </div>
  693. <div class="integrations mb-5">
  694. <img alt="Google Tag Manager" src="https://mysl.nl/static/images/gtm.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  695. <p class="fw-bold text-dark my-3">Google Tag Manager</p>
  696. </div>
  697. <div class="integrations mb-5">
  698. <img alt="Facebook Pixels" src="https://mysl.nl/static/images/facebook.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  699. <p class="fw-bold text-dark my-3">Facebook</p>
  700. </div>
  701. </div>
  702. <div class="col-6 py-5 text-center">
  703. <div class="integrations mb-5">
  704. <img alt="Bing" src="https://mysl.nl/static/images/wp.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  705. <p class="fw-bold text-dark my-3">WordPress</p>
  706. </div>
  707. <div class="integrations mb-5">
  708. <img alt="Bing" src="https://mysl.nl/static/images/shortcuts.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  709. <p class="fw-bold text-dark my-3">Shortcuts</p>
  710. </div>
  711. <div class="integrations mb-5">
  712. <span class="icon-md bg-white shadow-sm p-2 rounded-circle d-inline-block"><i class="fab fa-x-twitter fs-2"></i></span>
  713. <p class="fw-bold text-dark my-3">X</p>
  714. </div>
  715. <div class="integrations mb-5">
  716. <img alt="Snapchat" src="https://mysl.nl/static/images/snapchat.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  717. <p class="fw-bold text-dark my-3">Snapchat</p>
  718. </div>
  719. </div>
  720. </div>
  721. </div>
  722. <div class="col-md-4">
  723. <div class="text-center mb-5">
  724. <h3 class="fw-bold mt-4"><strong>Integrations</strong></h3>
  725. <p>Connect your links to third-party applications so they can share information such as traffic and analytics.</p>
  726. <a href="https://mysl.nl/user/register" class="btn btn-primary px-3 py-2 fw-bold mt-3">Get Started</a>
  727. </div>
  728. </div>
  729. <div class="col-md-4 d-none d-md-block">
  730. <div class="row">
  731. <div class="col-6 py-5 text-center">
  732. <div class="integrations mb-5">
  733. <img alt="Bing" src="https://mysl.nl/static/images/bing.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  734. <p class="fw-bold text-dark my-3">Bing</p>
  735. </div>
  736. <div class="integrations mb-5">
  737. <img alt="Reddit" src="https://mysl.nl/static/images/reddit.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  738. <p class="fw-bold text-dark my-3">Reddit</p>
  739. </div>
  740. <div class="integrations mb-5">
  741. <img alt="Google Analytics" src="https://mysl.nl/static/images/ga.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  742. <p class="fw-bold text-dark my-3">Google Analytics</p>
  743. </div>
  744. <div class="integrations mb-5">
  745. <img alt="LinkedIn" src="https://mysl.nl/static/images/linkedin.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  746. <p class="fw-bold text-dark my-3">LinkedIn</p>
  747. </div>
  748. </div>
  749. <div class="col-6 text-center">
  750. <div class="integrations mb-5">
  751. <img alt="Pinterest" src="https://mysl.nl/static/images/pinterest.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  752. <p class="fw-bold text-dark my-3">Pinterest</p>
  753. </div>
  754. <div class="integrations mb-5">
  755. <img alt="Quora" src="https://mysl.nl/static/images/quora.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  756. <p class="fw-bold text-dark my-3">Quora</p>
  757. </div>
  758. <div class="integrations mb-5">
  759. <img alt="TikTok" src="https://mysl.nl/static/images/tiktok.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  760. <p class="fw-bold text-dark my-3">TikTok</p>
  761. </div>
  762. <div class="integrations mb-5">
  763. <img alt="Adroll" src="https://mysl.nl/static/images/aroll.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  764. <p class="fw-bold text-dark my-3">Adroll</p>
  765. </div>
  766. </div>
  767. </div>
  768. </div>
  769. </div>
  770. <div class="row mt-5 text-start">
  771. <div class="col-md-6 mb-2 mb-md-0">
  772. <div class="h-100 card shadow-sm border-0">
  773. <div class="card-body p-4 p-sm-5">
  774. <i class="fa fa-th fa-2x gradient-primary clip-text"></i>
  775. <h4 class="fw-bold my-3">Tracking Pixels</h4>
  776. <p>
  777. Add your custom pixel from providers such as Facebook & Google Tag Manager and track events right when they are happening. </p>
  778. </div>
  779. </div>
  780. </div>
  781. <div class="col-md-6 mb-0">
  782. <div class="h-100 card shadow-sm border-0">
  783. <div class="card-body p-4 p-sm-5">
  784. <i class="fa fa-bell fa-2x gradient-primary clip-text"></i>
  785. <h4 class="fw-bold my-3">Notifications</h4>
  786. <p>
  787. Get notified when users use your links via various channels such as Slack and webhook services like Zapier. </p>
  788. </div>
  789. </div>
  790. </div>
  791. </div>
  792. </div>
  793. </div>
  794. </div>
  795. </div>
  796. </section>
  797. <section class="py-5">
  798. <div class="container">
  799. <div class="h-100 p-5 gradient-primary text-white with-shapes rounded-4 border-0 text-start">
  800. <div class="row align-items-center gy-lg-5">
  801. <div class="col-sm-8">
  802. <h2 class="fw-bold">Take control of your links</h2>
  803. <p>You are one click away from taking control of all of your links, and instantly get better results.</p>
  804. </div>
  805. <div class="col-sm-4 text-end">
  806. <a class="btn btn-light text-primary btn-lg d-block d-sm-inline-block" href="https://mysl.nl/user/register">Get Started</a>
  807. </div>
  808. </div>
  809. </div>
  810. </div>
  811. </section>
  812. <style>
  813. #blurred, #blurred > div {
  814.    transition: all 1s;
  815. }
  816.  
  817. #blurred:hover > div {
  818.    -webkit-filter: blur(10px);
  819.    -moz-filter: blur(10px);
  820.    -o-filter: blur(10px);
  821.    -ms-filter: blur(10px);
  822.    filter: blur(10px);
  823.    opacity: 0.8;
  824.    -webkit-transform: scale(0.95);
  825. }
  826.  
  827. #blurred:hover > div:hover {
  828.    -webkit-filter: blur(0);
  829.    -moz-filter: blur(0);
  830.    -o-filter: blur(0);
  831.    -ms-filter: blur(0);
  832.    filter: blur(0);
  833.    opacity: 1;
  834.    -webkit-transform: scale(1.05);
  835. }
  836.  
  837. </style>
  838.        <footer class="pt-5 text-start" id="footer-main">
  839.    <div class="container">
  840.        <div class="row">
  841.            <div class="col-lg-4 mb-5 mb-lg-0" class="text-dark">
  842.                <a href="https://mysl.nl">
  843.                                                            <img alt="MySL.nl - URL Shortener" src="https://mysl.nl/content/myslwhite.png" id="navbar-logo">
  844.                                                    </a>
  845.                <p class="mt-4">Advanced link shortening service with tracking. As simple as just sharing a short link to your favorite page or as advanced as creating country targeting rules and landing pages. Let's go!</p>
  846.                <ul class="nav mt-4">
  847.                                                                                                </ul>
  848.            </div>
  849.            <div class="col-lg-4 col-6 col-sm-6 ml-lg-auto mb-5 mb-lg-0">
  850.                <h6 class="fw-bold mb-3">Solutions</h6>
  851.                <ul class="list-unstyled">
  852.                    <li class="mb-2"><a class="nav-link" href="https://mysl.nl/qr-codes">QR Codes</a></li>
  853.                    <li class="mb-2"><a class="nav-link" href="https://mysl.nl/bio-profiles">Bio Pages</a></li>
  854.                                                        </ul>
  855.            </div>
  856.            <div class="col-lg-4 col-6 col-sm-6 mb-5 mb-lg-0">
  857.                <h6 class="fw-bold mb-3">Resources</h6>
  858.                <ul class="list-unstyled">
  859.                                        
  860.                                            <li class="mb-2"><a class="nav-link" href="https://mysl.nl/help">Help Center</a></li>
  861.                                                                <li class="mb-2"><a class="nav-link" href="https://mysl.nl/developers">Developer API</a></li>
  862.                                                                                    <li class="mb-2"><a class="nav-link" href="https://mysl.nl/contact">Contact Us</a></li>
  863.                                    </ul>
  864.            </div>
  865.        </div>
  866.        <div class="row align-items-center justify-content-md-between pb-2 mt-5">
  867.            <div class="col-md-4">
  868.                <div class="copyright text-sm text-center text-md-start">
  869.                    &copy; 2025 <a href="https://mysl.nl" class="fw-bold">MySL.nl</a>. All Rights Reserved                </div>
  870.            </div>
  871.            <div class="col-md-8">
  872.                <ul class="nav justify-content-center justify-content-md-end mt-3 mt-md-0">
  873.                                            <li class="nav-item"><a class="nav-link text-dark" href="https://mysl.nl/page/privacy">Privacy Policy</a></li>
  874.                                            <li class="nav-item"><a class="nav-link text-dark" href="https://mysl.nl/page/links-policy">Links Policy</a></li>
  875.                                                                <li class="nav-item"><a class="nav-link text-dark" href="https://mysl.nl/page/terms">Terms and Conditions</a></li>
  876.                                                                <li class="nav-item"><a class="nav-link text-dark" href="https://mysl.nl/report">Report</a></li>
  877.                                                                <li class="nav-item"><a class="nav-link text-dark" href="https://mysl.nl/verify/links">Verify Link</a></li>
  878.                                                                <li class="nav-item"><a class="nav-link text-dark" href="" data-cc="c-settings">Cookie Settings</a></li>
  879.                                                                <li class="nav-item dropup">
  880.                            <a class="nav-link text-dark" data-bs-toggle="dropdown" href="#"><i class="fa fa-globe" class="mr-1"></i> EN</a>
  881.                            <ul class="dropdown-menu">
  882.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/fr">Français</a></li>
  883.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/nl">Dutch</a></li>
  884.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/es">Español</a></li>
  885.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/de">Deutsch</a></li>
  886.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/it">Italiano</a></li>
  887.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/en">English</a></li>
  888.                                                            </ul>
  889.                        </li>
  890.                                    </ul>
  891.            </div>
  892.        </div>
  893.    </div>
  894. </footer>
  895.  
  896.        <a class="position-fixed bottom-0 end-0 m-3 btn btn-dark rounded-circle shadow opacity-0" role="button" data-trigger="scrollto" data-top="0" id="scroll-to-top">
  897.            <i class="fa fa-chevron-up small" aria-hidden="true"></i>
  898.        </a>
  899.  
  900.        <script type="text/javascript">
  901.    var lang = {"error":"Please enter a valid URL.","couponinvalid":"The coupon enter is not valid","minurl":"You must select at least 1 url.","minsearch":"Keyword must be more than 3 characters!","nodata":"No data is available for this request.","datepicker":{"7d":"Last 7 Days","3d":"Last 30 Days","tm":"This Month","lm":"Last Month"},"cookie":{"title":"Cookie Preferences","description":"This website uses essential cookies to ensure its proper operation and tracking cookies to understand how you interact with it. You have the option to choose which one to allow.","button":" <button type=\"button\" data-cc=\"c-settings\" class=\"cc-link\" aria-haspopup=\"dialog\">Let me choose<\/button>","accept_all":"Accept All","accept_necessary":"Accept Necessary","close":"Close","save":"Save Settings","necessary":{"title":"Strictly Necessary Cookies","description":"These cookies are required for the correct functioning of our service and without these cookies you will not be able to use our product."},"analytics":{"title":"Targeting and Analytics","description":"Providers such as Google use these cookies to measure and provide us with analytics on how you interact with our website. All of the data is anonymized and cannot be used to identify you."},"ads":{"title":"Advertisement","description":"These cookies are set by our advertisers so they can provide you with relevant ads."},"extra":{"title":"Additional Functionality","description":"We use various providers to enhance our products and they may or may not set cookies. Enhancement can include Content Delivery Networks, Google Fonts, etc"},"privacy":{"title":"Privacy Policy","description":"You can view our privacy policy <a target=\"_blank\" class=\"cc-link\" href=\"https:\/\/mysl.nl\/page\/privacy?cookie\">here<\/a>. If you have any questions, please do not hesitate to <a href=\"https:\/\/mysl.nl\/contact\" target=\"_blank\" class=\"cc-link\">Contact us<\/a>"}}}</script>
  902.        <script src="https://mysl.nl/static/webpack.pack.js"></script>
  903.                    <script id="cookieconsent-script" src="https://mysl.nl/static/frontend/libs/cookieconsent/cookieconsent.js"></script>
  904.                 <script src="https://mysl.nl/static/frontend/libs/clipboard/dist/clipboard.min.js"></script>
  905. <script src="https://mysl.nl/static/frontend/libs/typedjs/typed.min.js"></script>
  906.        
  907.        
  908.        <script src="https://mysl.nl/static/app.min.js?v=1.1"></script>
  909.        <script src="https://mysl.nl/static/server.min.js?v=1.3"></script>
  910.                                    
  911.            <script type="text/plain" data-cookiecategory="extra" >
  912.                $('head').append('<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@300;400;600;900">').append('<style>body{font-family:\'Roboto Flex\' !important}</style>');
  913.            </script>
  914.            </body>
  915.  
  916. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda