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">
  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</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" />
  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" />
  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">
  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" 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">
  51.                                                <img alt="MySL.nl - URL Shortener" src="https://mysl.nl/content/myslwhite.png" id="navbar-logo">
  52.                                        </a>
  53.            <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">
  54.                <span class="navbar-toggle-icon text-secondary">
  55.                    <span></span>
  56.                    <span></span>
  57.                    <span></span>
  58.                    <span></span>
  59.                </span>
  60.            </button>
  61.            <div class="collapse navbar-collapse" id="navbar">
  62.                <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0 flex-fill text-start" id="main-menu">
  63.                    <li class="nav-item dropdown">
  64.                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  65.                            Solutions                        </a>
  66.                        <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-lg-end border-0 shadow-lg end-0 rounded-3 p-3">
  67.                            <li class="mb-3 me-0">
  68.                                <a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="https://mysl.nl/qr-codes">
  69.                                    <div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
  70.                                        <i class="fa fa-qrcode gradient-primary clip-text h4 mb-0 fa-fw"></i>
  71.                                    </div>
  72.                                    <div class="ms-3 flex-fill">
  73.                                        <strong class="d-block">QR Codes</strong>
  74.                                        <small class="opacity-50 text-wrap">Customizable & trackable QR codes</small>
  75.                                    </div>
  76.                                </a>
  77.                            </li>
  78.                            <li class="m-0">
  79.                                <a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="https://mysl.nl/bio-profiles">
  80.                                    <div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
  81.                                        <i class="fa fa-mobile gradient-primary clip-text h4 fa-fw mb-0"></i>
  82.                                    </div>
  83.                                    <div class="ms-3 flex-fill">
  84.                                        <strong class="d-block">Bio Pages</strong>
  85.                                        <small class="opacity-50 text-wrap">Convert your social media followers</small>
  86.                                    </div>
  87.                                </a>
  88.                            </li>
  89.                                                                                </ul>
  90.                    </li>
  91.                                        <li class="nav-item">
  92.                        <a class="nav-link" href="https://mysl.nl/pricing">Pricing</a>
  93.                    </li>
  94.                                                            <li class="nav-item">
  95.                        <a class="nav-link" href="https://mysl.nl/blog">Blog</a>
  96.                    </li>
  97.                                                                                                                                                                                                                        <li class="nav-item dropdown">
  98.                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  99.                            Resources                        </a>
  100.                        <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-lg-end border-0 shadow-lg end-0 rounded-3 p-3">
  101.                                                            <li class="mb-3 me-0">
  102.                                    <a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="https://mysl.nl/help">
  103.                                        <div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
  104.                                            <i class="fa fa-life-ring gradient-primary clip-text h4 mb-0 fa-fw"></i>
  105.                                        </div>
  106.                                        <div class="ms-3 flex-fill">
  107.                                            <strong class="d-block">Help Center</strong>
  108.                                            <small class="opacity-50 text-wrap">Find answers to your questions</small>
  109.                                        </div>
  110.                                    </a>
  111.                                </li>
  112.                                                                                        <li class="m-0">
  113.                                    <a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="https://mysl.nl/developers">
  114.                                        <div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
  115.                                            <i class="fa fa-code gradient-primary clip-text h4 fa-fw mb-0"></i>
  116.                                        </div>
  117.                                        <div class="ms-3 flex-fill">
  118.                                            <strong class="d-block">Developer API</strong>
  119.                                            <small class="opacity-50 text-wrap">Guide on how to use our API</small>
  120.                                        </div>
  121.                                    </a>
  122.                                </li>
  123.                                                                                </ul>
  124.                    </li>
  125.                </ul>
  126.  
  127.                <div class="col-md-3 text-end flex-fill" id="login-menu">
  128.                                            <a href="https://mysl.nl/user/login" class="btn btn-outline-primary me-3 fw-bold align-items-center">Login</a>
  129.                                                    <a href="https://mysl.nl/user/register" class="btn btn-primary fw-bold">Get Started</a>
  130.                                                            </div>
  131.            </div>
  132.        </div>
  133.    </div>
  134. </header>
  135.        <section id="hero" class="position-relative py-5">
  136. <img src="https://mysl.nl/static/images/shapes.svg" class="img-fluid position-absolute top-0 start-0 w-100 h-100 animate-float opacity-50 zindex-0">
  137. <div class="container position-relative zindex-1">
  138. <div class="row g-lg-5 py-15">
  139. <div class="col-lg-7 text-center text-lg-start">
  140. <h1 class="display-4 fw-bolder my-4"><strong>Intuitive, Secure<br>& Dynamic<br> <span class="gradient-primary clip-text" data-toggle="typed" data-list="Links.,QR Codes.,Bio Pages."></span></strong></h1>
  141. <p class="col-lg-10 fs-5 mb-5">
  142. Boost your campaigns by creating dynamic Links, QR codes and Bio Pages and get instant analytics. </p>
  143. <form method="post" action="https://mysl.nl/shorten" data-trigger="shorten-form" class="mt-3 mb-5 border rounded p-3 text-start">
  144. <div class="input-group input-group-lg align-items-center">
  145. <input type="text" class="form-control border-0" placeholder="Paste a long url" name="url" id="url">
  146. <div class="input-group-append">
  147. <button class="btn btn-warning d-none" type="button">Copy</button>
  148. <button class="btn btn-primary" type="submit">Shorten</button>
  149. </div>
  150. </div>
  151. <div data-id="EwENBdpHeIMcgtQ" class="mb-3"></div><script src="https://www.google.com/recaptcha/api.js?hl=en&render=6LfJqmAmAAAAAO1jZ6LT454lr-Sp65FED2PYGCZo"></script>
  152.                <script>
  153.                    var recaptcha = () => {
  154.                        grecaptcha.execute('6LfJqmAmAAAAAO1jZ6LT454lr-Sp65FED2PYGCZo', {action: 'shorten'}).then(function(token) {
  155.                            $('[data-id=EwENBdpHeIMcgtQ]').html('<input type="hidden" name="g-recaptcha-response" value="'+token+'" />')
  156.                        });
  157.                    }
  158. grecaptcha.ready('recaptcha');
  159.                </script> </form>
  160. <div id="output-result" class="border border-success p-3 rounded d-none mb-3">
  161. <div class="d-flex align-items-center">
  162. <div id="qr-result" class="me-2"></div>
  163. <div id="text-result">
  164. <p>Your link has been successfully shortened. Want to more customization options?</p>
  165. <a href="https://mysl.nl/user/register" class="btn btn-sm btn-primary">Get started</a>
  166. </div>
  167. </div>
  168. </div>
  169. <a href="https://mysl.nl/user/register" class="btn btn-primary px-4 py-3 fw-bold mb-1">Get Started for Free</a>
  170. <p>
  171. <ul class="list-unstyled mb-2 text-muted small">
  172. <li class="mb-1"><i class="fa fa-check me-2"></i> Start free, upgrade later</li>
  173. <li class="mb-1"><i class="fa fa-check me-2"></i> No credit card required</li>
  174. <li class="mb-1"><i class="fa fa-check me-2"></i> Easy to use</li>
  175. </ul>
  176. </p>
  177. </div>
  178. <div class="col-md-10 mx-auto col-lg-5 h-100 d-none d-sm-block">
  179. <div class="zindex-100 ml-lg-6">
  180. <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">
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </section>
  186. <section class="py-10 pt-5" id="features">
  187. <div class="container">
  188. <div class="row flex-lg-row-reverse align-items-center gy-5 py-5">
  189. <div class="col-md-6 offset-md-1 text-start">
  190. <span class="bg-primary py-2 px-3 rounded-pill">
  191. <strong class="gradient-primary clip-text fw-bolder">Collect data within minutes. Hassle-free.</strong>
  192. </span>
  193. <h2 class="display-6 fw-bold mt-3 mb-5">
  194. One short link, infinite possibilities. </h2>
  195. <p class="lead mb-5">
  196. 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>
  197. <ul class="list-unstyled mb-2">
  198. <li class="mb-4">
  199. <div class="d-flex">
  200. <div>
  201. <strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
  202. <i class="fa fa-link gradient-primary clip-text fw-bolder"></i>
  203. </strong>
  204. </div>
  205. <div class="ms-3">
  206. <span class="fw-bold">Short Links</span>
  207. <p>Intuitive and trackable links</p>
  208. </div>
  209. </div>
  210. </li>
  211. <li class="mb-4">
  212. <div class="d-flex">
  213. <div>
  214. <strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
  215. <i class="fa fa-qrcode gradient-primary clip-text fw-bolder"></i>
  216. </strong>
  217. </div>
  218. <div class="ms-3">
  219. <span class="fw-bold">QR Codes</span>
  220. <p>Customizable and secure QR codes</p>
  221. </div>
  222. </div>
  223. </li>
  224. <li class="mb-4">
  225. <div class="d-flex">
  226. <div>
  227. <strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
  228. <i class="fa fa-mobile gradient-primary clip-text fw-bolder"></i>
  229. </strong>
  230. </div>
  231. <div class="ms-3">
  232. <span class="fw-bold">Beautiful Bio Pages</span>
  233. <p>Simple yet beautiful Bio Pages for your links</p>
  234. </div>
  235. </div>
  236. </li>
  237. </ul>
  238. <a href="https://mysl.nl/user/register" class="btn btn-primary px-3 py-2 fw-bold">Get Started</a>
  239. </div>
  240. <div class="col-md-5">
  241. <div class="p-4 p-md-5 rounded-3 shadow-sm position-relative h-100 gradient-primary">
  242. <h6 class="fw-bold text-white mb-2">Turn long links into short links</h6>
  243. <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>
  244. <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">
  245. <h5 class="fw-bold">Where are most of your users located?</h5>
  246. <div class="mt-4">
  247. <div class="mt-3">
  248. <img src="https://mysl.nl/static/images/flags/ca.svg" class="icon rounded">
  249. <span class="align-middle ms-2">
  250. Canada </span>
  251. <div class="progress progress-sm mt-2">
  252. <div class="progress-bar" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
  253. </div>
  254. </div>
  255. <div class="mt-3">
  256. <img src="https://mysl.nl/static/images/flags/us.svg" class="icon rounded">
  257. <span class="align-middle ms-2">
  258. United States of America </span>
  259. <div class="progress progress-sm mt-2">
  260. <div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
  261. </div>
  262. </div>
  263. <div class="mt-3">
  264. <img src="https://mysl.nl/static/images/flags/gb.svg" class="icon rounded">
  265. <span class="align-middle ms-2">
  266. United Kingdom </span>
  267. <div class="progress progress-sm mt-2">
  268. <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
  269. </div>
  270. </div>
  271. <div class="mt-3">
  272. <img src="https://mysl.nl/static/images/flags/jp.svg" class="icon rounded border">
  273. <span class="align-middle ms-2">
  274. Japan </span>
  275. <div class="progress progress-sm mt-2">
  276. <div class="progress-bar" role="progressbar" style="width: 5%" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100"></div>
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. </section>
  286. <section class="bg-primary py-15 text-dark">
  287.   <div class="container">
  288. <div class="text-center mb-5 px-3">
  289. <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>
  290. <p class="lead">We provide you with all the tools you need to increase your productivity.</p>
  291. </div>
  292. <div class="row gy-4 py-5 mt-sm-5 justify-content-center text-start">
  293. <div class="col-xs-12 col-md-6 col-lg-4">
  294. <div class="h-100 card shadow-sm border-0">
  295. <div class="card-body p-4 p-sm-5">
  296. <i class="fa fa-spinner fa-2x gradient-primary clip-text"></i>
  297. <h4 class="fw-bold my-3">Custom Landing Page</h4>
  298. <p>
  299. Create a custom landing page to promote your product or service on forefront and engage the user in your marketing campaign. </p>
  300. </div>
  301. </div>
  302. </div>
  303. <div class="col-xs-12 col-md-6 col-lg-4">
  304. <div class="h-100 card shadow-sm border-0">
  305. <div class="card-body p-4 p-sm-5">
  306. <i class="fa fa-layer-group fa-2x gradient-primary clip-text"></i>
  307. <h4 class="fw-bold my-3">CTA Overlays</h4>
  308. <p>
  309. Use our overlay tool to display unobtrusive notifications, polls or even a contact on the target website. Great for campaigns. </p>
  310. </div>
  311. </div>
  312. </div>
  313. <div class="col-xs-12 col-md-6 col-lg-4">
  314. <div class="h-100 card shadow-sm border-0">
  315. <div class="card-body p-4 p-sm-5">
  316. <i class="fa fa-compass fa-2x gradient-primary clip-text"></i>
  317. <h4 class="fw-bold my-3">Event Tracking</h4>
  318. <p>
  319. Add your custom pixel from providers such as Facebook and track events right when they are happening. </p>
  320. </div>
  321. </div>
  322. </div>
  323. <div class="col-xs-12 col-md-6 col-lg-4">
  324. <div class="h-100 card shadow-sm border-0">
  325. <div class="card-body p-4 p-sm-5">
  326. <i class="fa fa-bullseye fa-2x gradient-primary clip-text"></i>
  327. <h4 class="fw-bold my-3">Smart Targeting</h4>
  328. <p>
  329. Easily apply restrictions to your links and target users in specific countries & languages using specific devices. </p>
  330. </div>
  331. </div>
  332. </div>
  333. <div class="col-xs-12 col-md-6 col-lg-4">
  334. <div class="h-100 card shadow-sm border-0">
  335. <div class="card-body p-4 p-sm-5">
  336. <i class="fa fa-mouse-pointer fa-2x gradient-primary clip-text"></i>
  337. <h4 class="fw-bold my-3">Track Everything</h4>
  338. <p>
  339. Track users with our advanced reporting tool and know exactly which city & country your users are based. </p>
  340. </div>
  341. </div>
  342. </div>
  343. <div class="col-xs-12 col-md-6 col-lg-4">
  344. <div class="h-100 card shadow-sm border-0">
  345. <div class="card-body p-4 p-sm-5">
  346. <i class="fa fa-users fa-2x gradient-primary clip-text"></i>
  347. <h4 class="fw-bold my-3">Team Management</h4>
  348. <p>
  349. Invite your team members and assign them specific privileges to manage everything and collaborate together. </p>
  350. </div>
  351. </div>
  352. </div>
  353. <div class="col-xs-12 col-md-6 col-lg-4">
  354. <div class="h-100 card shadow-sm border-0">
  355. <div class="card-body p-4 p-sm-5">
  356. <i class="fa fa-globe fa-2x gradient-primary clip-text"></i>
  357. <h4 class="fw-bold my-3">Branded Domain Names</h4>
  358. <p>
  359. Easily add your own domain name for short links and take control of your brand name and your users' trust. </p>
  360. </div>
  361. </div>
  362. </div>
  363. <div class="col-xs-12 col-md-6 col-lg-4">
  364. <div class="h-100 card shadow-sm border-0">
  365. <div class="card-body p-4 p-sm-5">
  366. <i class="fa fa-box fa-2x gradient-primary clip-text"></i>
  367. <h4 class="fw-bold my-3">Campaigns & Channels</h4>
  368. <p>
  369. Group and organize your Links, Bio Pages and QR Codes. With Campaigns, you can also get aggregated stats. </p>
  370. </div>
  371. </div>
  372. </div>
  373. <div class="col-xs-12 col-md-6 col-lg-4">
  374. <div class="h-100 card shadow-sm border-0">
  375. <div class="card-body p-4 p-sm-5">
  376. <i class="fa fa-terminal fa-2x gradient-primary clip-text"></i>
  377. <h4 class="fw-bold my-3">Developer API</h4>
  378. <p>
  379. Use our powerful API to build custom applications or extend your own application with our powerful tools. </p>
  380. </div>
  381. </div>
  382. </div>
  383. </div>
  384.   </div>
  385. </section>
  386. <section class="py-10">
  387. <div class="container">
  388. <div class="row flex-lg-row-reverse align-items-center gy-5 py-5">
  389. <div class="col-md-6 order-last order-sm-first">
  390. <div class="card shadow border-0 p-3 mb-4 mt-5">
  391. <div class="d-flex">
  392. <img alt="New York, United States" src="https://mysl.nl/static/images/flags/fr.svg" class="avatar text-white rounded mr-3">
  393. <div class="ms-3 mt-2">
  394. <h6 class="fw-bold mb-1">Someone scanned your QR Code</h6>
  395. <div class="h6 mb-0 text-sm">
  396. <span class="text-muted">Paris, France</span>
  397. </div>
  398. </div>
  399. <div class="ms-auto d-none d-lg-block mt-3">
  400. <span class="badge badge-pill gradient-primary p-2">8 minutes ago</span>
  401. </div>
  402. </div>
  403. </div>
  404. <div class="card shadow gradient-primary border-0 p-3 mb-4">
  405. <div class="d-flex">
  406. <img alt="New York, United States" src="https://mysl.nl/static/images/flags/us.svg" class="avatar text-white rounded mr-3">
  407. <div class="ms-3 mt-2 text-white">
  408. <h6 class="fw-bold mb-1">Someone visited your Link</h6>
  409. <div class="h6 mb-0 text-sm">
  410. <span>New York, United States</span>
  411. </div>
  412. </div>
  413. <div class="ms-auto d-none d-lg-block mt-3">
  414. <span class="badge badge-pill bg-white text-dark p-2">14 minutes ago</span>
  415. </div>
  416. </div>
  417. </div>
  418. <div class="card shadow border-0 p-3 mb-4">
  419. <div class="d-flex">
  420. <img alt="New York, United States" src="https://mysl.nl/static/images/flags/gb.svg" class="avatar text-white rounded mr-3">
  421. <div class="ms-3 mt-2">
  422. <h6 class="fw-bold mb-1">Someone viewed your Bio Page</h6>
  423. <div class="h6 mb-0 text-sm">
  424. <span class="text-muted">London, United Kingdom</span>
  425. </div>
  426. </div>
  427. <div class="ms-auto d-none d-lg-block mt-3">
  428. <span class="badge badge-pill gradient-primary p-2">20 minutes ago</span>
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433. <div class="col-md-6 order-first order-sm-last text-start">
  434. <span class="bg-primary py-2 px-3 rounded-pill">
  435. <strong class="gradient-primary clip-text fw-bolder">Get instant results</strong>
  436. </span>
  437. <h2 class="display-6 fw-bold mb-5 mt-3">
  438. Track & Optimize </h2>
  439. <p class="lead mb-5 pe-5">
  440. 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>
  441. <a href="https://mysl.nl/user/register" class="btn btn-primary px-3 py-2 fw-bold">Get Started</a>
  442. </div>
  443. </div>
  444. <div class="row flex-lg-row-reverse align-items-center gy-5 py-5 mt-8 text-start">
  445. <div class="col-md-6 order-first order-sm-last">
  446. <div class="card shadow border-0 p-4 mt-5 mx-2 mx-md-4 backdrop-cards">
  447. <h5 class="fw-bolder">Invite People</h5>
  448. <span class="text-muted">Invite your teammates & work together</span>
  449. <div class="d-block mt-3"><strong>Members</strong> <small class="text-muted">(3/5)</small></div>
  450. <div class="d-flex my-2">
  451. <img alt="Invite your teammates & work together" src="https://mysl.nl/static/images/avatar-f1.svg" class="avatar-sm rounded-circle mr-3">
  452. <div class="ms-3 mt-2">
  453. <h6 class="fw-bold mb-1">Jane Doe</h6>
  454. <div class="h6 mb-0 text-sm">
  455. <small class="text-muted">jane.doe@mysl.nl</small>
  456. </div>
  457. </div>
  458. </div>
  459. <div class="d-flex my-2">
  460. <img alt="Invite your teammates & work together" src="https://mysl.nl/static/images/avatar-m2.svg" class="avatar-sm rounded-circle mr-3">
  461. <div class="ms-3 mt-2">
  462. <h6 class="fw-bold mb-1">Barry Tone</h6>
  463. <div class="h6 mb-0 text-sm">
  464. <small class="text-muted">barry.tone@mysl.nl</small>
  465. </div>
  466. </div>
  467. <div class="ms-auto d-none d-lg-block mt-3">
  468. <span class="badge badge-pill bg-primary p-2"><strong class="gradient-primary clip-text">Invited</strong></span>
  469. </div>
  470. </div>
  471. <div class="d-flex my-2">
  472. <img alt="Invite your teammates & work together" src="https://mysl.nl/static/images/avatar-m1.svg" class="avatar-sm rounded-circle mr-3">
  473. <div class="ms-3 mt-2">
  474. <h6 class="fw-bold mb-1">John Doe</h6>
  475. <div class="h6 mb-0 text-sm">
  476. <small class="text-muted">john.doe@mysl.nl</small>
  477. </div>
  478. </div>
  479. </div>
  480. </div>
  481. </div>
  482. <div class="col-md-6 order-last order-sm-first">
  483. <span class="bg-primary py-2 px-3 rounded-pill">
  484. <strong class="gradient-primary clip-text fw-bolder">Collaborate with your teammates</strong>
  485. </span>
  486. <h2 class="display-6 fw-bold mb-5 mt-3">
  487. Invite & Work Together </h2>
  488. <p class="lead mb-5">
  489. 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>
  490. <a href="https://mysl.nl/user/register" class="btn btn-primary px-3 py-2 fw-bold">Get Started</a>
  491. </div>
  492. </div>
  493. <div class="row mt-10">
  494. <div class="col-md-12">
  495. <div class="p-2 p-md-5 bg-primary rounded-4 border-0">
  496. <div class="row align-items-center">
  497. <div class="col-md-4 order-last order-sm-first d-none d-md-block">
  498. <div class="row">
  499. <div class="col-6 text-center">
  500. <div class="client mb-5">
  501. <img alt="Slack" src="https://mysl.nl/static/images/slack.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  502. <p class="fw-bold text-dark my-3">Slack</p>
  503. </div>
  504. <div class="client mb-5">
  505. <img alt="Zapier" src="https://mysl.nl/static/images/zapier.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  506. <p class="fw-bold text-dark my-3">Zapier</p>
  507. </div>
  508. <div class="client mb-5">
  509. <img alt="Google Tag Manager" src="https://mysl.nl/static/images/gtm.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  510. <p class="fw-bold text-dark my-3">Google Tag Manager</p>
  511. </div>
  512. <div class="client mb-5">
  513. <img alt="Facebook Pixels" src="https://mysl.nl/static/images/facebook.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  514. <p class="fw-bold text-dark my-3">Facebook</p>
  515. </div>
  516. </div>
  517. <div class="col-6 py-5 text-center">
  518. <div class="client mb-5">
  519. <img alt="Bing" src="https://mysl.nl/static/images/wp.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  520. <p class="fw-bold text-dark my-3">WordPress</p>
  521. </div>
  522. <div class="client mb-5">
  523. <img alt="Bing" src="https://mysl.nl/static/images/shortcuts.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  524. <p class="fw-bold text-dark my-3">Shortcuts</p>
  525. </div>
  526. <div class="client mb-5">
  527. <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>
  528. <p class="fw-bold text-dark my-3">Twitter</p>
  529. </div>
  530. <div class="client mb-5">
  531. <img alt="Snapchat" src="https://mysl.nl/static/images/snapchat.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  532. <p class="fw-bold text-dark my-3">Snapchat</p>
  533. </div>
  534. </div>
  535. </div>
  536. </div>
  537. <div class="col-md-4">
  538. <div class="text-center mb-5">
  539. <h3 class="fw-bold mt-4"><strong>Integrations</strong></h3>
  540. <p>Connect your links to third-party applications so they can share information such as traffic and analytics.</p>
  541. <a href="https://mysl.nl/user/register" class="btn btn-primary px-3 py-2 fw-bold mt-3">Get Started</a>
  542. </div>
  543. </div>
  544. <div class="col-md-4 d-none d-md-block">
  545. <div class="row">
  546. <div class="col-6 py-5 text-center">
  547. <div class="client mb-5">
  548. <img alt="Bing" src="https://mysl.nl/static/images/bing.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  549. <p class="fw-bold text-dark my-3">Bing</p>
  550. </div>
  551. <div class="client mb-5">
  552. <img alt="Reddit" src="https://mysl.nl/static/images/reddit.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  553. <p class="fw-bold text-dark my-3">Reddit</p>
  554. </div>
  555. <div class="client mb-5">
  556. <img alt="Google Analytics" src="https://mysl.nl/static/images/ga.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  557. <p class="fw-bold text-dark my-3">Google Analytics</p>
  558. </div>
  559. <div class="client mb-5">
  560. <img alt="LinkedIn" src="https://mysl.nl/static/images/linkedin.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  561. <p class="fw-bold text-dark my-3">LinkedIn</p>
  562. </div>
  563. </div>
  564. <div class="col-6 text-center">
  565. <div class="client mb-5">
  566. <img alt="Pinterest" src="https://mysl.nl/static/images/pinterest.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  567. <p class="fw-bold text-dark my-3">Pinterest</p>
  568. </div>
  569. <div class="client mb-5">
  570. <img alt="Quora" src="https://mysl.nl/static/images/quora.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  571. <p class="fw-bold text-dark my-3">Quora</p>
  572. </div>
  573. <div class="client mb-5">
  574. <img alt="TikTok" src="https://mysl.nl/static/images/tiktok.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  575. <p class="fw-bold text-dark my-3">TikTok</p>
  576. </div>
  577. <div class="client mb-5">
  578. <img alt="Adroll" src="https://mysl.nl/static/images/aroll.svg" class="icon-md bg-white shadow-sm p-2 rounded-circle">
  579. <p class="fw-bold text-dark my-3">Adroll</p>
  580. </div>
  581. </div>
  582. </div>
  583. </div>
  584. </div>
  585. <div class="row mt-5 text-start">
  586. <div class="col-md-6 mb-2 mb-md-0">
  587. <div class="h-100 card shadow-sm border-0">
  588. <div class="card-body p-4 p-sm-5">
  589. <i class="fa fa-th fa-2x gradient-primary clip-text"></i>
  590. <h4 class="fw-bold my-3">Tracking Pixels</h4>
  591. <p>
  592. Add your custom pixel from providers such as Facebook & Google Tag Manager and track events right when they are happening. </p>
  593. </div>
  594. </div>
  595. </div>
  596. <div class="col-md-6 mb-0">
  597. <div class="h-100 card shadow-sm border-0">
  598. <div class="card-body p-4 p-sm-5">
  599. <i class="fa fa-bell fa-2x gradient-primary clip-text"></i>
  600. <h4 class="fw-bold my-3">Notifications</h4>
  601. <p>
  602. Get notified when users use your links via various channels such Slack and webhook services like Zapier. </p>
  603. </div>
  604. </div>
  605. </div>
  606. </div>
  607. </div>
  608. </div>
  609. </div>
  610. </div>
  611. </section>
  612. <section class="py-5">
  613. <div class="container">
  614. <div class="h-100 p-5 gradient-primary text-white with-shapes rounded-4 border-0 text-start">
  615. <div class="row align-items-center gy-lg-5">
  616. <div class="col-sm-8">
  617. <h2 class="fw-bold">Take control of your links</h2>
  618. <p>You are one click away from taking control of all of your links, and instantly get better results.</p>
  619. </div>
  620. <div class="col-sm-4 text-end">
  621. <a class="btn btn-light text-primary btn-lg d-block d-sm-inline-block" href="https://mysl.nl/user/register">Get Started</a>
  622. </div>
  623. </div>
  624. </div>
  625. </div>
  626. </section>
  627.  
  628.        <footer class="pt-5 text-start" id="footer-main">
  629.    <div class="container">
  630.        <div class="row">
  631.            <div class="col-lg-4 mb-5 mb-lg-0" class="text-dark">
  632.                <a href="https://mysl.nl">
  633.                                                            <img alt="MySL.nl - URL Shortener" src="https://mysl.nl/content/myslwhite.png" id="navbar-logo">
  634.                                                    </a>
  635.                <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>
  636.                <ul class="nav mt-4">
  637.                                                                                                </ul>
  638.            </div>
  639.            <div class="col-lg-4 col-6 col-sm-6 ml-lg-auto mb-5 mb-lg-0">
  640.                <h6 class="fw-bold mb-3">Solutions</h6>
  641.                <ul class="list-unstyled">
  642.                    <li class="mb-2"><a class="nav-link" href="https://mysl.nl/qr-codes">QR Codes</a></li>
  643.                    <li class="mb-2"><a class="nav-link" href="https://mysl.nl/bio-profiles">Bio Profiles</a></li>
  644.                                                                                
  645.                </ul>
  646.            </div>
  647.            <div class="col-lg-4 col-6 col-sm-6 mb-5 mb-lg-0">
  648.                <h6 class="fw-bold mb-3">Resources</h6>
  649.                <ul class="list-unstyled">
  650.                                        
  651.                                            <li class="mb-2"><a class="nav-link" href="https://mysl.nl/help">Help Center</a></li>
  652.                                                                <li class="mb-2"><a class="nav-link" href="https://mysl.nl/developers">Developer API</a></li>
  653.                                                                                    <li class="mb-2"><a class="nav-link" href="https://mysl.nl/contact">Contact Us</a></li>
  654.                                    </ul>
  655.            </div>
  656.        </div>
  657.        <div class="row align-items-center justify-content-md-between pb-2 mt-5">
  658.            <div class="col-md-4">
  659.                <div class="copyright text-sm text-center text-md-start">
  660.                    &copy; 2024 <a href="https://mysl.nl" class="fw-bold">MySL.nl - URL Shortener</a>. All Rights Reserved                </div>
  661.            </div>
  662.            <div class="col-md-8">
  663.                <ul class="nav justify-content-center justify-content-md-end mt-3 mt-md-0">
  664.                                            <li class="nav-item"><a class="nav-link text-dark" href="https://mysl.nl/page/privacy">Privacy Policy</a></li>
  665.                                            <li class="nav-item"><a class="nav-link text-dark" href="https://mysl.nl/page/links-policy">Links Policy</a></li>
  666.                                                                <li class="nav-item"><a class="nav-link text-dark" href="https://mysl.nl/page/terms">Terms and Conditions</a></li>
  667.                                                                <li class="nav-item"><a class="nav-link text-dark" href="https://mysl.nl/report">Report</a></li>
  668.                                                                <li class="nav-item dropup">
  669.                            <a class="nav-link text-dark" data-bs-toggle="dropdown" href="#"><i class="fa fa-globe" class="mr-1"></i> EN</a>
  670.                            <ul class="dropdown-menu">
  671.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/fr">Français</a></li>
  672.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/es">Español</a></li>
  673.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/de">Deutsch</a></li>
  674.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/it">Italiano</a></li>
  675.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/nl">Dutch</a></li>
  676.                                                                    <li><a class="dropdown-item" href="https://mysl.nl/en">English</a></li>
  677.                                                            </ul>
  678.                        </li>
  679.                                    </ul>
  680.            </div>
  681.        </div>
  682.    </div>
  683. </footer>
  684.        <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">
  685.            <i class="fa fa-chevron-up small" aria-hidden="true"></i>
  686.        </a>
  687.  
  688.        <script type="text/javascript">
  689.    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>
  690.        <script src="https://mysl.nl/static/webpack.pack.js"></script>
  691.                    <script id="cookieconsent-script" src="https://mysl.nl/static/frontend/libs/cookieconsent/cookieconsent.js"></script>
  692.                 <script src="https://mysl.nl/static/frontend/libs/clipboard/dist/clipboard.min.js"></script>
  693. <script src="https://mysl.nl/static/frontend/libs/typedjs/typed.min.js"></script>
  694.        
  695.        
  696.        <script src="https://mysl.nl/static/app.min.js?v=1.0"></script>
  697.        <script src="https://mysl.nl/static/server.min.js?v=1.2"></script>
  698.                                    
  699.            <script type="text/plain" data-cookiecategory="extra" >
  700.                $('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>');
  701.            </script>
  702.            </body>
  703.  
  704. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda