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://1in.me/

  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3.    <head>
  4.        <title>Your One Link Solution for Link in Bio, User Forms, QR Codes, Vcards and many more - 1INME - One link to everything</title>
  5.        <base href="https://1in.me/">
  6.        <meta charset="UTF-8">
  7.        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  8.  
  9.                    <meta name="theme-color" content="#1A132F"/>
  10.            <link rel="manifest" href="https://1in.me/uploads/pwa/manifest.json" />
  11.        
  12.                    <meta name="description" content="Simplify your online presence with 1INME - the all-in-one link management tool. Create a single link to share all your social media profiles, websites, and content. Track your performance, target your audience, and customize your domains with ease. Join 100,000 users and sign up today." />
  13.                            <meta name="keywords" content="Custom biolink pages, Link shortening, vCards, File sharing, Event links, Web forms, Social media tools, Online presence optimization, Social media marketing tools, Audience engagement platform" />
  14.        
  15.                    <!-- Open Graph / Facebook / Twitter -->
  16.                                                <meta property="og:type" content="website" />
  17.                    <meta property="twitter:type" content="website" />
  18.                                                                <meta property="og:url" content="https://1in.me/" />
  19.                    <meta property="twitter:url" content="https://1in.me/" />
  20.                                                                                            <meta property="og:description" content="Simplify your online presence with 1INME - the all-in-one link management tool. Create a single link to share all your social media profiles, websites, and content. Track your performance, target your audience, and customize your domains with ease. Join 100,000 users and sign up today." />
  21.                    <meta property="twitter:description" content="Simplify your online presence with 1INME - the all-in-one link management tool. Create a single link to share all your social media profiles, websites, and content. Track your performance, target your audience, and customize your domains with ease. Join 100,000 users and sign up today." />
  22.                                                                <meta property="og:image" content="https://1in.me/uploads/main/3b946a5754c2223ffcb4149e0e22c9e7.jpg" />
  23.                    <meta property="twitter:image" content="https://1in.me/uploads/main/3b946a5754c2223ffcb4149e0e22c9e7.jpg" />
  24.                                    
  25.                    <link rel="canonical" href="https://1in.me/" />
  26.        
  27.        
  28.        <link rel="alternate" href="https://1in.me/" hreflang="x-default" />
  29.        
  30.        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  31.        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  32.        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  33.        <link rel="manifest" href="/site.webmanifest">
  34.        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1a132f">
  35.        <meta name="msapplication-TileColor" content="#1a132f">
  36.        <meta name="theme-color" content="#1a132f">
  37.        
  38.                    <link href="https://1in.me/uploads/main/4ded40ecd5127c92f5b2eed7bf04acb7.png" rel="shortcut icon" />
  39.        
  40.        <link href="https://1in.me/themes/altum/assets/css/bootstrap.min.css?v=4000" id="css_theme_style" rel="stylesheet" media="screen,print">
  41.        <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet" />
  42.                    <link href="https://1in.me/themes/altum/assets/css/custom.css?v=4000" rel="stylesheet" media="screen,print">
  43.                <link rel="stylesheet"  href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/>
  44.        <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
  45.  
  46.        <link rel="stylesheet" href="https://1in.me/themes/altum/assets/css/libraries/aos.min.css">
  47.  
  48.        
  49.                <style>
  50.                            @media(min-width: 992px) {
  51.                    #navbar {
  52.                        border-bottom-left-radius: 3.5rem;
  53.                        border-bottom-right-radius: 3.5rem;
  54.                    }
  55.                }
  56.            
  57.        </style>
  58.    </head>
  59.  
  60.    <body class="index  bg-wrapper   " data-theme-style="light">
  61.                                        
  62.        
  63.  
  64.    
  65.        
  66.  
  67.        
  68.        
  69.        <main class="altum-animate altum-animate-fill-none altum-animate-fade-in">
  70.            <div class="container">
  71.    
  72. <nav id="navbar" class="navbar navbar-main navbar-expand-lg navbar-light fixed-top mx-5 mb-6 index-highly-rounded mt-4">
  73.    <div class="container">
  74.        <a
  75.            class="navbar-brand pl-4 pl-md-5"
  76.            href="https://1in.me/"
  77.            data-logo
  78.            data-light-value="https://1in.me/themes/altum/assets/custom/logos/icon.webp"
  79.            data-light-class="img-fluid navbar-logo"
  80.            data-light-tag="img"
  81.            data-dark-value="https://1in.me/themes/altum/assets/custom/logos/icon.webp"
  82.            data-dark-class="img-fluid navbar-logo"
  83.            data-dark-tag="img"
  84.        >
  85.                            <img src="https://1in.me/themes/altum/assets/custom/logos/icon.webp" class="img-fluid navbar-logo" alt="Website Logo" />
  86.                    </a>
  87.  
  88.        <button class="btn navbar-custom-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#main_navbar" aria-controls="main_navbar" aria-expanded="false" aria-label="Toggle navigation">
  89.            <i class="fas fa-fw fa-bars"></i>
  90.        </button>
  91.  
  92.        <div class="collapse navbar-collapse justify-content-end" id="main_navbar">
  93.            <ul class="navbar-nav" style="display: flex;justify-content: center;align-items: center;">
  94.                <li class="nav-item d-lg-block d-none"><a class="nav-link text-bold" style="color:var(--pink);" href="https://1in.me/">Home</a></li>
  95.  
  96.                <li class="nav-item d-lg-block d-none"><a class="nav-link text-bold" style="color:var(--gray-600);" href="https://1in.me/directory">Directory</a></li>
  97.  
  98.                <li class="nav-item d-lg-block d-none"><a class="nav-link text-bold" style="color:var(--gray-600);" href="https://1in.me/services">Learn more</a></li>
  99.  
  100.                <li class="nav-item d-lg-block d-none"><a class="nav-link text-bold" style="color:var(--gray-600);" href="https://1in.me/pricing">Pricing</a></li>
  101.  
  102.                <li class="nav-item d-lg-block d-none"><a class="nav-link text-bold" style="color:var(--gray-600);" href="https://1in.me/contact">Contact</a></li>
  103.  
  104.                                    <li class="nav-item d-lg-block d-none"><a class="nav-link text-primary text-bold" href="https://tools.1in.me/" target="_blank">Web Tools</a></li>
  105.                
  106.                                    <li class="nav-item d-lg-block d-none"><a class="nav-link text-primary text-bold" href="https://forms.1in.me/" target="_blank">Web Forms</a></li>
  107.                
  108.                <li class="nav-item dropdown d-lg-none">
  109.                    <a class="nav-link dropdown-toggle text-gray-600 text-bold" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  110.                        More
  111.                    </a>
  112.                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  113.                        <!-- Items hidden on larger screens -->
  114.                        <a class="dropdown-item" href="https://1in.me/directory">Directory</a>
  115.                        <a class="dropdown-item" href="https://1in.me/services">Learn more</a>
  116.                        <a class="dropdown-item" href="https://1in.me/pricing">Pricing</a>
  117.                        <a class="dropdown-item" href="https://1in.me/contact">Contact</a>
  118.                        <!-- Add other hidden items similarly -->
  119.                                                    <a class="dropdown-item text-primary" href="https://tools.1in.me/" target="_blank">Web Tools</a>
  120.                                                                            <a class="dropdown-item text-primary" href="https://forms.1in.me/" target="_blank">Web Forms</a>
  121.                                            </div>
  122.                </li>
  123.  
  124.                
  125.                    <li class="nav-item d-flex align-items-center">
  126.                        <a class="btn btn-sm btn-outline-primary" href="https://1in.me/login"><i class="fas fa-fw fa-sm fa-sign-in-alt"></i> Sign in</a>
  127.                    </li>
  128.  
  129.                                            <li class="nav-item d-flex align-items-center">
  130.                            <a class="btn btn-sm btn-primary" href="https://1in.me/register"><i class="fas fa-fw fa-sm fa-user-plus"></i> Sign up</a>
  131.                        </li>
  132.                    
  133.                
  134.            </ul>
  135.        </div>
  136.    </div>
  137. </nav>
  138. </div>
  139.  
  140. <div class="index-container bg-transparent mt-lg-10 mt-9">
  141.    <div class="container index-container-content">
  142.                <div class="row">
  143.            <div class="col-lg-6">
  144.                <div class="swiper swiper-tinder-cards phone-size-cover">
  145.                    <div class="swiper-wrapper">
  146.                                                                                                                <div class="swiper-slide" style="background: var(--yellow-600);display: flex;align-items: center;justify-content: center;border-radius: 1.8rem;">
  147.                                    <div class="d-flex flex-column align-items-center justify-content-center" style="padding: 1.5rem;">
  148.                                        <div class="phone-style phone-size mb-3">
  149.                                            <img src="https://1in.me/themes/altum/assets/custom/mockups/Emergency-Helpline-no..jpeg" style="width: 100%; height: 100%; border-radius: 1.75rem;" class="" loading="lazy" />
  150.                                        </div>
  151.                                        <a href="https://1in.me/Emergency-Helpline-no." class="btn btn-yellow border-0" target="_blank">
  152.                                            Emergency Helpline <i class="fas fa-fw fa-sm fa-arrow-right"></i>
  153.                                        </a>
  154.                                    </div>
  155.                                </div>
  156.                                                                                            <div class="swiper-slide" style="background: var(--blue-600);display: flex;align-items: center;justify-content: center;border-radius: 1.8rem;">
  157.                                    <div class="d-flex flex-column align-items-center justify-content-center" style="padding: 1.5rem;">
  158.                                        <div class="phone-style phone-size mb-3">
  159.                                            <img src="https://1in.me/themes/altum/assets/custom/mockups/sameerkathat21.jpeg" style="width: 100%; height: 100%; border-radius: 1.75rem;" class="" loading="lazy" />
  160.                                        </div>
  161.                                        <a href="https://1in.me/sameerkathat21" class="btn btn-blue border-0" target="_blank">
  162.                                            Sameer Kathat <i class="fas fa-fw fa-sm fa-arrow-right"></i>
  163.                                        </a>
  164.                                    </div>
  165.                                </div>
  166.                                                                                            <div class="swiper-slide" style="background: var(--purple-600);display: flex;align-items: center;justify-content: center;border-radius: 1.8rem;">
  167.                                    <div class="d-flex flex-column align-items-center justify-content-center" style="padding: 1.5rem;">
  168.                                        <div class="phone-style phone-size mb-3">
  169.                                            <img src="https://1in.me/themes/altum/assets/custom/mockups/laxmi-mehta.jpeg" style="width: 100%; height: 100%; border-radius: 1.75rem;" class="" loading="lazy" />
  170.                                        </div>
  171.                                        <a href="https://1in.me/laxmi-mehta" class="btn btn-purple border-0" target="_blank">
  172.                                            Laxmi Mehta <i class="fas fa-fw fa-sm fa-arrow-right"></i>
  173.                                        </a>
  174.                                    </div>
  175.                                </div>
  176.                                                                                            <div class="swiper-slide" style="background: var(--red-600);display: flex;align-items: center;justify-content: center;border-radius: 1.8rem;">
  177.                                    <div class="d-flex flex-column align-items-center justify-content-center" style="padding: 1.5rem;">
  178.                                        <div class="phone-style phone-size mb-3">
  179.                                            <img src="https://1in.me/themes/altum/assets/custom/mockups/RAKHT.jpeg" style="width: 100%; height: 100%; border-radius: 1.75rem;" class="" loading="lazy" />
  180.                                        </div>
  181.                                        <a href="https://1in.me/RAKHT" class="btn btn-red border-0" target="_blank">
  182.                                            RAKHT <i class="fas fa-fw fa-sm fa-arrow-right"></i>
  183.                                        </a>
  184.                                    </div>
  185.                                </div>
  186.                                                                                            <div class="swiper-slide" style="background: var(--pink-600);display: flex;align-items: center;justify-content: center;border-radius: 1.8rem;">
  187.                                    <div class="d-flex flex-column align-items-center justify-content-center" style="padding: 1.5rem;">
  188.                                        <div class="phone-style phone-size mb-3">
  189.                                            <img src="https://1in.me/themes/altum/assets/custom/mockups/Raj-Shamani.jpeg" style="width: 100%; height: 100%; border-radius: 1.75rem;" class="" loading="lazy" />
  190.                                        </div>
  191.                                        <a href="https://1in.me/Raj-Shamani" class="btn btn-pink border-0" target="_blank">
  192.                                            Raj Shamani <i class="fas fa-fw fa-sm fa-arrow-right"></i>
  193.                                        </a>
  194.                                    </div>
  195.                                </div>
  196.                                                                                            <div class="swiper-slide" style="background: var(--indigo-600);display: flex;align-items: center;justify-content: center;border-radius: 1.8rem;">
  197.                                    <div class="d-flex flex-column align-items-center justify-content-center" style="padding: 1.5rem;">
  198.                                        <div class="phone-style phone-size mb-3">
  199.                                            <img src="https://1in.me/themes/altum/assets/custom/mockups/Travancore-Ayurveda.jpeg" style="width: 100%; height: 100%; border-radius: 1.75rem;" class="" loading="lazy" />
  200.                                        </div>
  201.                                        <a href="https://1in.me/Travancore-Ayurveda" class="btn btn-indigo border-0" target="_blank">
  202.                                            Travancore Ayurveda <i class="fas fa-fw fa-sm fa-arrow-right"></i>
  203.                                        </a>
  204.                                    </div>
  205.                                </div>
  206.                                                                                            <div class="swiper-slide" style="background: var(--green-600);display: flex;align-items: center;justify-content: center;border-radius: 1.8rem;">
  207.                                    <div class="d-flex flex-column align-items-center justify-content-center" style="padding: 1.5rem;">
  208.                                        <div class="phone-style phone-size mb-3">
  209.                                            <img src="https://1in.me/themes/altum/assets/custom/mockups/ShreyashAde.jpeg" style="width: 100%; height: 100%; border-radius: 1.75rem;" class="" loading="lazy" />
  210.                                        </div>
  211.                                        <a href="https://1in.me/ShreyashAde" class="btn btn-green border-0" target="_blank">
  212.                                            Shreyash Ade <i class="fas fa-fw fa-sm fa-arrow-right"></i>
  213.                                        </a>
  214.                                    </div>
  215.                                </div>
  216.                                                                                            <div class="swiper-slide" style="background: var(--teal-600);display: flex;align-items: center;justify-content: center;border-radius: 1.8rem;">
  217.                                    <div class="d-flex flex-column align-items-center justify-content-center" style="padding: 1.5rem;">
  218.                                        <div class="phone-style phone-size mb-3">
  219.                                            <img src="https://1in.me/themes/altum/assets/custom/mockups/Rahul-Photography.jpeg" style="width: 100%; height: 100%; border-radius: 1.75rem;" class="" loading="lazy" />
  220.                                        </div>
  221.                                        <a href="https://1in.me/Rahul-Photography" class="btn btn-teal border-0" target="_blank">
  222.                                            Rahul <i class="fas fa-fw fa-sm fa-arrow-right"></i>
  223.                                        </a>
  224.                                    </div>
  225.                                </div>
  226.                                                                                            <div class="swiper-slide" style="background: var(--cyan-600);display: flex;align-items: center;justify-content: center;border-radius: 1.8rem;">
  227.                                    <div class="d-flex flex-column align-items-center justify-content-center" style="padding: 1.5rem;">
  228.                                        <div class="phone-style phone-size mb-3">
  229.                                            <img src="https://1in.me/themes/altum/assets/custom/mockups/rajat-verma.jpeg" style="width: 100%; height: 100%; border-radius: 1.75rem;" class="" loading="lazy" />
  230.                                        </div>
  231.                                        <a href="https://1in.me/rajat-verma" class="btn btn-cyan border-0" target="_blank">
  232.                                            Rajat Verma <i class="fas fa-fw fa-sm fa-arrow-right"></i>
  233.                                        </a>
  234.                                    </div>
  235.                                </div>
  236.                                                                            </div>
  237.                </div>
  238.            </div>
  239.            <div class="col-lg-6 mt-lg-0 mt-4">
  240.                <div class="text-lg-left text-center pt-md-0 pt-5">
  241.                    <div class="" data-aos="fade-up">
  242.                        <span class="badge badge-light">
  243.                            <i class="fa fa-fw fa-star fa-sm text-warning"></i><i class="fa fa-fw fa-star fa-sm text-warning"></i><i class="fa fa-fw fa-star fa-sm text-warning"></i><i class="fa fa-fw fa-star fa-sm text-warning"></i><i class="fa fa-fw fa-star fa-sm text-warning"></i>
  244.                            Loved by 100K+ creators                        </span>
  245.                    </div>
  246.                    <h1 class="index-header mb-0" style="color: var(--primary);">One link for</h1>
  247.                    <h1 class="index-header mb-4" style="color: var(--primary);"><span class="text-bold typed" data-strings='["Artists", "Influencers", "Content Creators", "Musicians", "Gamers", "Businesses", "Realtors", "Restaurateurs", "E-commerce Sellers", "Online Vendors", "Freelancers", "Industrialists"]'>Everything</span><span aria-hidden="true" class="typed-cursor">|</span></h1>
  248.                    <p class="index-subheader mb-5" style="color: var(--gray-700)">1INME - Create custom biolink landing pages to showcase your online presence. Features like link shortening, vCards, file sharing, event links, web forms, and web tools help optimize your social media marketing efforts, making your online presence cohesive and engaging for your audience.</p>
  249.  
  250.                    <div class="d-flex flex-column flex-lg-row">
  251.                                                                                    <a href="https://1in.me/register" class="btn index-button index-button-white bg-gradient border-0 mb-3 mb-lg-0 mr-lg-3" data-aos="fade-up" data-aos-delay="300">
  252.                                    Get Started <i class="fas fa-fw fa-sm fa-arrow-right"></i>
  253.                                </a>
  254.                                                                            <a href="https://1in.me/directory" class="btn btn-primary index-button mb-3 mb-lg-0 mb-sm-4 mb-xs-5" data-aos="fade-up" data-aos-delay="400">
  255.                            Discover Demos <i class="fas fa-fw fa-sm fa-external-link-alt"></i>
  256.                        </a>
  257.                    </div>
  258.                </div>
  259.            </div>
  260.        </div>
  261.    </div>
  262. </div>
  263. <div class="container pb-4" style="max-width: 100%;background: linear-gradient(180deg, transparent 50%, #740b37 50%);">
  264.    <div class="swiper swiper-roller-cards" style="width: 100%;height: 100%;">
  265.        <div class="swiper-wrapper pb-4">
  266.            <div class="swiper-slide px-2 px-sm-1">
  267.                <div class="card border-0 ">
  268.                    <div class="card-body text-center">
  269.                        <h3 class="logo mx-auto my-3 bold" style="color: #4169e1;"><i class="fas fa-hashtag fa-2x"></i></h3>
  270.                        <hr class="w-50 mx-auto my-3">
  271.                        <h3 class="text-bold mt-4">Link-in-bio</h3>
  272.                        <p class="">Link-in-bio is a feature that allows you to share multiple links on your social media profiles, like Instagram, using just one clickable link.</p>
  273.                    </div>
  274.                </div>
  275.            </div>
  276.            <div class="swiper-slide px-2 px-sm-1">
  277.                <div class="card border-0">
  278.                    <div class="card-body text-center">
  279.                        <h3 class="logo mx-auto my-3 bold" style="color: #9b59b6;"><i class="fas fa-link fa-2x"></i></h3>
  280.                        <hr class="w-50 mx-auto my-3">
  281.                        <h3 class="text-bold mt-4">URL Shortener</h3>
  282.                        <p class="">A URL shortener is a tool that takes a long and complex URL and creates a shorter and simpler version of it, which can be easily shared and accessed.</p>
  283.                    </div>
  284.                </div>
  285.            </div>
  286.            <div class="swiper-slide px-2 px-sm-1">
  287.                <div class="card border-0">
  288.                    <div class="card-body text-center">
  289.                        <h3 class="logo mx-auto my-3 bold" style="color: #ff4136;"><i class="fas fa-file fa-2x"></i></h3>
  290.                        <hr class="w-50 mx-auto my-3">
  291.                        <h3 class="text-bold mt-4">File Sharing</h3>
  292.                        <p class="">File sharing refers to the process of distributing or providing access to digital files, such as documents, images, audio, and video, to other users over a network.</p>
  293.                    </div>
  294.                </div>
  295.            </div>
  296.            <div class="swiper-slide px-2 px-sm-1">
  297.                <div class="card border-0 ">
  298.                    <div class="card-body text-center">
  299.                        <h3 class="logo mx-auto my-3 bold" style="color: #f1c40f;"><i class="fas fa-id-card fa-2x"></i></h3>
  300.                        <hr class="w-50 mx-auto my-3">
  301.                        <h3 class="text-bold mt-4">VCard Links</h3>
  302.                        <p class="">A vCard link leads to a digital business card contains contact information such as the person's name, phone, email, and other relevant details.</p>
  303.                    </div>
  304.                </div>
  305.            </div>
  306.            <div class="swiper-slide px-2 px-sm-1">
  307.                <div class="card border-0">
  308.                    <div class="card-body text-center">
  309.                        <h3 class="logo mx-auto my-3 bold" style="color: #00af08;"><i class="fas fa-calendar-alt fa-2x"></i></h3>
  310.                        <hr class="w-50 mx-auto my-3">
  311.                        <h3 class="text-bold mt-4">Event Link</h3>
  312.                        <p class="">An event link contains details about the event, including the date, time, location, and registration with generated ICS file imported into a user's calendar.</p>
  313.                    </div>
  314.                </div>
  315.            </div>
  316.            <div class="swiper-slide px-2 px-sm-1">
  317.                <div class="card border-0">
  318.                    <div class="card-body text-center">
  319.                        <h3 class="logo mx-auto my-3 bold" style="color: #ff7200;"><i class="fas fa-qrcode fa-2x"></i></h3>
  320.                        <hr class="w-50 mx-auto my-3">
  321.                        <h3 class="text-bold mt-4">QR Codes</h3>
  322.                        <p class="">A QR code generator and management system, allowing users to easily create, customize, and track QR codes for their campaigns and marketing efforts.</p>
  323.                    </div>
  324.                </div>
  325.            </div>
  326.            <div class="swiper-slide px-2 px-sm-1">
  327.                <div class="card border-0">
  328.                    <div class="card-body text-center">
  329.                        <h3 class="logo mx-auto my-3 bold" style="color: #3998c1;"><i class="fa-brands fa-wpforms fa-2x"></i></h3>
  330.                        <hr class="w-50 mx-auto my-3">
  331.                        <h3 class="text-bold mt-4">1INME Forms</h3>
  332.                        <p class="">1INME user forms allow users to create forms to collect information from their audience used for various purposes like surveys, feedback, subscription, and more.</p>
  333.                    </div>
  334.                </div>
  335.            </div>
  336.        </div>
  337.    </div>
  338. </div>
  339. <div class="container py-7 px-md-5 px-lg-9" style="max-width: 100%;background: #740b37;">
  340.    <div class="row">
  341.        <div class="col-lg-5 mb-5 mb-lg-0 pt-lg-7">
  342.            <div class="row">
  343.                <div class="col-12">
  344.                                        <div class="swiper swiper-flip-cards mb-3">
  345.                        <div class="swiper-wrapper">
  346.                                                            <div class="swiper-slide">
  347.                                    <div class="card border-0" style="background: #1877f2; color: #ffffff;">
  348.                                        <div class="card-body">
  349.                                            <div class="row align-items-center">
  350.                                                <div class="col-3">
  351.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/potraits/user.png" alt="User Image" style="width: 64px; height: 64px; border-radius: 50%;">
  352.                                                </div>
  353.                                                <div class="col-6">
  354.                                                    <h5 class="mt-0 font-weight-bold" style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">@Handle</h5>
  355.                                                    <p>facebook.com/<span style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">user</span></p>
  356.                                                </div>
  357.                                                <div class="col-3 text-right">
  358.                                        <span style="font-size: 40px;color: #ffffff">
  359.                                            <i class="fab fa-facebook-square"></i>
  360.                                        </span>
  361.                                                </div>
  362.                                            </div>
  363.                                        </div>
  364.                                    </div>
  365.                                </div>
  366.                                                            <div class="swiper-slide">
  367.                                    <div class="card border-0" style="background: #000000; color: #ffffff;">
  368.                                        <div class="card-body">
  369.                                            <div class="row align-items-center">
  370.                                                <div class="col-3">
  371.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/potraits/user.png" alt="User Image" style="width: 64px; height: 64px; border-radius: 50%;">
  372.                                                </div>
  373.                                                <div class="col-6">
  374.                                                    <h5 class="mt-0 font-weight-bold" style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">@Handle</h5>
  375.                                                    <p>twitter.com/<span style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">user</span></p>
  376.                                                </div>
  377.                                                <div class="col-3 text-right">
  378.                                        <span style="font-size: 40px;color: #ffffff">
  379.                                            <i class="fab fa-square-x-twitter"></i>
  380.                                        </span>
  381.                                                </div>
  382.                                            </div>
  383.                                        </div>
  384.                                    </div>
  385.                                </div>
  386.                                                            <div class="swiper-slide">
  387.                                    <div class="card border-0" style="background: #E1306C; color: #ffffff;">
  388.                                        <div class="card-body">
  389.                                            <div class="row align-items-center">
  390.                                                <div class="col-3">
  391.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/potraits/user.png" alt="User Image" style="width: 64px; height: 64px; border-radius: 50%;">
  392.                                                </div>
  393.                                                <div class="col-6">
  394.                                                    <h5 class="mt-0 font-weight-bold" style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">@Handle</h5>
  395.                                                    <p>instagram.com/<span style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">user</span></p>
  396.                                                </div>
  397.                                                <div class="col-3 text-right">
  398.                                        <span style="font-size: 40px;color: #ffffff">
  399.                                            <i class="fab fa-instagram-square"></i>
  400.                                        </span>
  401.                                                </div>
  402.                                            </div>
  403.                                        </div>
  404.                                    </div>
  405.                                </div>
  406.                                                            <div class="swiper-slide">
  407.                                    <div class="card border-0" style="background: #0077B5; color: #ffffff;">
  408.                                        <div class="card-body">
  409.                                            <div class="row align-items-center">
  410.                                                <div class="col-3">
  411.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/potraits/user.png" alt="User Image" style="width: 64px; height: 64px; border-radius: 50%;">
  412.                                                </div>
  413.                                                <div class="col-6">
  414.                                                    <h5 class="mt-0 font-weight-bold" style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">@Handle</h5>
  415.                                                    <p>linkedin.com/<span style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">user</span></p>
  416.                                                </div>
  417.                                                <div class="col-3 text-right">
  418.                                        <span style="font-size: 40px;color: #ffffff">
  419.                                            <i class="fab fa-linkedin"></i>
  420.                                        </span>
  421.                                                </div>
  422.                                            </div>
  423.                                        </div>
  424.                                    </div>
  425.                                </div>
  426.                                                            <div class="swiper-slide">
  427.                                    <div class="card border-0" style="background: #FF0000; color: #ffffff;">
  428.                                        <div class="card-body">
  429.                                            <div class="row align-items-center">
  430.                                                <div class="col-3">
  431.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/potraits/user.png" alt="User Image" style="width: 64px; height: 64px; border-radius: 50%;">
  432.                                                </div>
  433.                                                <div class="col-6">
  434.                                                    <h5 class="mt-0 font-weight-bold" style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">@Handle</h5>
  435.                                                    <p>youtube.com/<span style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">user</span></p>
  436.                                                </div>
  437.                                                <div class="col-3 text-right">
  438.                                        <span style="font-size: 40px;color: #ffffff">
  439.                                            <i class="fab fa-youtube-square"></i>
  440.                                        </span>
  441.                                                </div>
  442.                                            </div>
  443.                                        </div>
  444.                                    </div>
  445.                                </div>
  446.                                                            <div class="swiper-slide">
  447.                                    <div class="card border-0" style="background: #E60023; color: #ffffff;">
  448.                                        <div class="card-body">
  449.                                            <div class="row align-items-center">
  450.                                                <div class="col-3">
  451.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/potraits/user.png" alt="User Image" style="width: 64px; height: 64px; border-radius: 50%;">
  452.                                                </div>
  453.                                                <div class="col-6">
  454.                                                    <h5 class="mt-0 font-weight-bold" style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">@Handle</h5>
  455.                                                    <p>pinterest.com/<span style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">user</span></p>
  456.                                                </div>
  457.                                                <div class="col-3 text-right">
  458.                                        <span style="font-size: 40px;color: #ffffff">
  459.                                            <i class="fab fa-pinterest-square"></i>
  460.                                        </span>
  461.                                                </div>
  462.                                            </div>
  463.                                        </div>
  464.                                    </div>
  465.                                </div>
  466.                                                            <div class="swiper-slide">
  467.                                    <div class="card border-0" style="background: #FFFC00; color: #ffffff;">
  468.                                        <div class="card-body">
  469.                                            <div class="row align-items-center">
  470.                                                <div class="col-3">
  471.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/potraits/user.png" alt="User Image" style="width: 64px; height: 64px; border-radius: 50%;">
  472.                                                </div>
  473.                                                <div class="col-6">
  474.                                                    <h5 class="mt-0 font-weight-bold" style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">@Handle</h5>
  475.                                                    <p>snapchat.com/<span style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">user</span></p>
  476.                                                </div>
  477.                                                <div class="col-3 text-right">
  478.                                        <span style="font-size: 40px;color: #ffffff">
  479.                                            <i class="fab fa-snapchat-square"></i>
  480.                                        </span>
  481.                                                </div>
  482.                                            </div>
  483.                                        </div>
  484.                                    </div>
  485.                                </div>
  486.                                                            <div class="swiper-slide">
  487.                                    <div class="card border-0" style="background: #FE2C55; color: #ffffff;">
  488.                                        <div class="card-body">
  489.                                            <div class="row align-items-center">
  490.                                                <div class="col-3">
  491.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/potraits/user.png" alt="User Image" style="width: 64px; height: 64px; border-radius: 50%;">
  492.                                                </div>
  493.                                                <div class="col-6">
  494.                                                    <h5 class="mt-0 font-weight-bold" style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">@Handle</h5>
  495.                                                    <p>tiktok.com/<span style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">user</span></p>
  496.                                                </div>
  497.                                                <div class="col-3 text-right">
  498.                                        <span style="font-size: 40px;color: #ffffff">
  499.                                            <i class="fab fa-tiktok"></i>
  500.                                        </span>
  501.                                                </div>
  502.                                            </div>
  503.                                        </div>
  504.                                    </div>
  505.                                </div>
  506.                                                            <div class="swiper-slide">
  507.                                    <div class="card border-0" style="background: #0079C1; color: #ffffff;">
  508.                                        <div class="card-body">
  509.                                            <div class="row align-items-center">
  510.                                                <div class="col-3">
  511.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/potraits/user.png" alt="User Image" style="width: 64px; height: 64px; border-radius: 50%;">
  512.                                                </div>
  513.                                                <div class="col-6">
  514.                                                    <h5 class="mt-0 font-weight-bold" style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">@Handle</h5>
  515.                                                    <p>paypal.com/<span style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">user</span></p>
  516.                                                </div>
  517.                                                <div class="col-3 text-right">
  518.                                        <span style="font-size: 40px;color: #ffffff">
  519.                                            <i class="fab fa-paypal"></i>
  520.                                        </span>
  521.                                                </div>
  522.                                            </div>
  523.                                        </div>
  524.                                    </div>
  525.                                </div>
  526.                                                            <div class="swiper-slide">
  527.                                    <div class="card border-0" style="background: #F5C518; color: #ffffff;">
  528.                                        <div class="card-body">
  529.                                            <div class="row align-items-center">
  530.                                                <div class="col-3">
  531.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/potraits/user.png" alt="User Image" style="width: 64px; height: 64px; border-radius: 50%;">
  532.                                                </div>
  533.                                                <div class="col-6">
  534.                                                    <h5 class="mt-0 font-weight-bold" style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">@Handle</h5>
  535.                                                    <p>imdb.com/<span style="color: transparent; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);">user</span></p>
  536.                                                </div>
  537.                                                <div class="col-3 text-right">
  538.                                        <span style="font-size: 40px;color: #ffffff">
  539.                                            <i class="fab fa-imdb"></i>
  540.                                        </span>
  541.                                                </div>
  542.                                            </div>
  543.                                        </div>
  544.                                    </div>
  545.                                </div>
  546.                                                    </div>
  547.                    </div>
  548.                    <div class="input-group mb-3 shadow" style="border-radius: 1.35rem;">
  549.                        <div class="input-group-prepend">
  550.                            <button class="btn btn-outline-primary bg-white border-0" type="button">
  551.                                <img src="https://1in.me/themes/altum/assets/custom/logos/icon.webp" alt="Icon" style="width: 20px; height: 20px;">
  552.                            </button>
  553.                        </div>
  554.                        <p class="form-control text-primary-700 border-0" style="font-size:1rem;font-weight: 900;">1in.me/<span class="text-bold typed" data-strings='["my-profile", "brand-name", "product", "random-text"]'>example</span><span aria-hidden="true" class="typed-cursor">|</span></p>
  555.                        <div class="input-group-append">
  556.                            <a href="https://1in.me/register" class="btn btn-pink border-0" style="font-size:1rem;font-weight: 900;" role="button">Claim Your Link</a>
  557.                        </div>
  558.                    </div>
  559.                    <div class="row">
  560.                        <div class="col-8">
  561.                            <div class="swiper swiper-flip-1500-cards">
  562.                                <div class="swiper-wrapper">
  563.                                    <div class="swiper-slide">
  564.                                        <div class="card border-0" style="background-image: url('https://1in.me/themes/altum/assets/custom/mockups/potraits/img1.jpg');background-size: cover;background-position: center;">
  565.                                            <div class="card-body">
  566.                                                <div class="align-items-center">
  567.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/blank.png" alt="User Image" style="width: 64px; height: 64px;opacity: 0;">
  568.                                                </div>
  569.                                            </div>
  570.                                        </div>
  571.                                    </div>
  572.                                    <div class="swiper-slide">
  573.                                        <div class="card border-0" style="background-image: url('https://1in.me/themes/altum/assets/custom/mockups/potraits/img2.jpg');background-size: cover;background-position: center;">
  574.                                            <div class="card-body">
  575.                                                <div class="align-items-center">
  576.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/blank.png" alt="User Image" style="width: 64px; height: 64px;opacity: 0;">
  577.                                                </div>
  578.                                            </div>
  579.                                        </div>
  580.                                    </div>
  581.                                    <div class="swiper-slide">
  582.                                        <div class="card border-0" style="background-image: url('https://1in.me/themes/altum/assets/custom/mockups/potraits/img3.jpg');background-size: cover;background-position: center;">
  583.                                            <div class="card-body">
  584.                                                <div class="align-items-center">
  585.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/blank.png" alt="User Image" style="width: 64px; height: 64px;opacity: 0;">
  586.                                                </div>
  587.                                            </div>
  588.                                        </div>
  589.                                    </div>
  590.                                </div>
  591.                            </div>
  592.                        </div>
  593.                        <div class="col-4">
  594.                            <div class="swiper swiper-flip-500-cards">
  595.                                <div class="swiper-wrapper">
  596.                                    <div class="swiper-slide">
  597.                                        <div class="card border-0" style="background: var(--blue);">
  598.                                            <div class="card-body">
  599.                                                <div class="align-items-center">
  600.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/analytics.png" alt="User Image" style="width: 64px; height: 64px;">
  601.                                                </div>
  602.                                            </div>
  603.                                        </div>
  604.                                    </div>
  605.                                    <div class="swiper-slide">
  606.                                        <div class="card border-0" style="background: var(--green);">
  607.                                            <div class="card-body">
  608.                                                <div class="align-items-center">
  609.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/ai.png" alt="User Image" style="width: 64px; height: 64px;">
  610.                                                </div>
  611.                                            </div>
  612.                                        </div>
  613.                                    </div>
  614.                                    <div class="swiper-slide">
  615.                                        <div class="card border-0" style="background: var(--yellow);">
  616.                                            <div class="card-body">
  617.                                                <div class="align-items-center">
  618.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/content.png" alt="User Image" style="width: 64px; height: 64px;">
  619.                                                </div>
  620.                                            </div>
  621.                                        </div>
  622.                                    </div>
  623.                                    <div class="swiper-slide">
  624.                                        <div class="card border-0" style="background: var(--red);">
  625.                                            <div class="card-body">
  626.                                                <div class="align-items-center">
  627.                                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/id.png" alt="User Image" style="width: 64px; height: 64px;">
  628.                                                </div>
  629.                                            </div>
  630.                                        </div>
  631.                                    </div>
  632.                                </div>
  633.                            </div>
  634.                        </div>
  635.                    </div>
  636.                </div>
  637.            </div>
  638.        </div>
  639.        <div class="col-lg-7">
  640.            <div class="row">
  641.                <div class="col-12 px-5 text-lg-left text-center">
  642.                    <h1 class="" style="color: #fcd7e5;font-size: 3.5rem;font-weight: bold;">Know your audience and maintain their interest.</h1>
  643.                    <p class="mt-2" style="color:#ffffff">Monitor engagement, track revenue, and adapt to keep them coming back. Make informed, swift updates based on data for lasting engagement.</p>
  644.                    <p class="handwritten highlight text-contrast font-md mb-5" style="color:#ffffff">Follow us</p>
  645.                    <a href="https://1in.me/register" class="btn btn-yellow index-button zoom-animation mt-2">
  646.                        Get started for free <i class="fas fa-fw fa-arrow-right"></i>
  647.                    </a>
  648.                </div>
  649.            </div>
  650.        </div>
  651.    </div>
  652. </div>
  653. <div class="container py-7" style="max-width: 100%;background:  #221f40;">
  654.    <h1 class="text-center index-header m1-5" style="color:  #A8A2D6;">Everything you need</h1>
  655.    <h1 class="index-header text-center mb-5" style="color:  #D4D1E8;"><span class="text-bold typed" data-strings='["Bio link", "URL Shortener", "Event Cards", "Vcard Links", "File Sharing", "Static Pages", "All in One"]'>All in One</span><span aria-hidden="true" class="typed-cursor">|</span></h1>
  656.    <div class="row">
  657.        <div class="col-lg-6 pt-lg-6">
  658.                        <div class="row">
  659.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  660.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="AI Generated Content">
  661.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/ai.png" style="width: 64px; border-radius: 50%; background: var(--cyan-100); padding: 8px;" class="img-fluid" loading="lazy" />
  662.                        </div>
  663.                    </div>
  664.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  665.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="Detailed Analytics">
  666.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/analytics.png" style="width: 64px; border-radius: 50%; background: var(--purple-100); padding: 8px;" class="img-fluid" loading="lazy" />
  667.                        </div>
  668.                    </div>
  669.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  670.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="Multiple Payment Gateways">
  671.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/payment.png" style="width: 64px; border-radius: 50%; background: var(--indigo-100); padding: 8px;" class="img-fluid" loading="lazy" />
  672.                        </div>
  673.                    </div>
  674.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  675.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="QR Code Generation">
  676.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/qr.png" style="width: 64px; border-radius: 50%; background: var(--pink-100); padding: 8px;" class="img-fluid" loading="lazy" />
  677.                        </div>
  678.                    </div>
  679.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  680.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="Embedded Survey/Contact Forms">
  681.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/forms.png" style="width: 64px; border-radius: 50%; background: var(--orange-100); padding: 8px;" class="img-fluid" loading="lazy" />
  682.                        </div>
  683.                    </div>
  684.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  685.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="Social Medias">
  686.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/socials.png" style="width: 64px; border-radius: 50%; background: var(--primary-100); padding: 8px;" class="img-fluid" loading="lazy" />
  687.                        </div>
  688.                    </div>
  689.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  690.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="Multiple Personalized Profiles">
  691.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/id.png" style="width: 64px; border-radius: 50%; background: var(--yellow-100); padding: 8px;" class="img-fluid" loading="lazy" />
  692.                        </div>
  693.                    </div>
  694.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  695.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="Any Embedded Content">
  696.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/content.png" style="width: 64px; border-radius: 50%; background: var(--red-100); padding: 8px;" class="img-fluid" loading="lazy" />
  697.                        </div>
  698.                    </div>
  699.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  700.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="Albums/Gallery">
  701.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/gallery.png" style="width: 64px; border-radius: 50%; background: var(--red-100); padding: 8px;" class="img-fluid" loading="lazy" />
  702.                        </div>
  703.                    </div>
  704.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  705.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="Personalized Links">
  706.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/link.png" style="width: 64px; border-radius: 50%; background: var(--green-100); padding: 8px;" class="img-fluid" loading="lazy" />
  707.                        </div>
  708.                    </div>
  709.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  710.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="Any Content">
  711.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/content.png" style="width: 64px; border-radius: 50%; background: var(--blue-100); padding: 8px;" class="img-fluid" loading="lazy" />
  712.                        </div>
  713.                    </div>
  714.                                    <div class="col-lg-3 col-md-2 col-sm-3 col-xs-4 col-4 text-center">
  715.                        <div class="text-center d-flex align-items-center justify-content-center mb-5 h-100" data-toggle="tooltip" title="Eccomerce">
  716.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/biolink_blocks/shopping.png" style="width: 64px; border-radius: 50%; background: var(--green-100); padding: 8px;" class="img-fluid" loading="lazy" />
  717.                        </div>
  718.                    </div>
  719.                            </div>
  720.        </div>
  721.        <div class="col-lg-6">
  722.            <div class="swiper swiper-roller-full-arrow-cards">
  723.                <div class="swiper-wrapper pb-4">
  724.                    <div class="swiper-slide">
  725.                        <div class="card mx-7 my-5 p-sm-5 p-2 border-0" style="">
  726.                            <div class="card-body text-center">
  727.                                <div class="mb-3">
  728.                                    <i class="fas fa-chart-line fa-3x"></i>
  729.                                </div>
  730.                                <h2 class="text-bold text-primary mt-4">Powerful Dashboard</h2>
  731.                                <p class="mb-0 text-muted">An intuitive overview of your link performance, providing a summary of your links, daily visitor counts, searchable analytics, and a list of your created links.</p>
  732.                            </div>
  733.                        </div>
  734.                    </div>
  735.                    <div class="swiper-slide px-2 px-sm-1">
  736.                        <div class="card mx-7 my-5 p-sm-5 p-2 border-0" style="">
  737.                            <div class="card-body text-center">
  738.                                <div class="mb-3">
  739.                                    <i class="fas fa-paint-brush fa-3x"></i>
  740.                                </div>
  741.                                <h2 class="text-bold text-primary mt-4">Customization Features</h2>
  742.                                <p class="mb-0 text-muted">Customize your link in bio to match your brand's unique style and personality, a standout feature of 1INME.</p>
  743.                            </div>
  744.                        </div>
  745.                    </div>
  746.                    <div class="swiper-slide px-2 px-sm-1">
  747.                        <div class="card mx-7 my-5 p-sm-5 p-2 border-0" style="">
  748.                            <div class="card-body text-center">
  749.                                <div class="mb-3">
  750.                                    <i class="fas fa-chart-pie fa-3x"></i>
  751.                                </div>
  752.                                <h2 class="text-bold text-primary mt-4">Insightful Analytics</h2>
  753.                                <p class="mb-0 text-muted">Gain deep insights into user activity on your bio link. Track clicks and visitors from various popular social media platforms, allowing you to focus on what works for your audience.</p>
  754.                            </div>
  755.                        </div>
  756.                    </div>
  757.                </div>
  758.                <div class="swiper-button-next text-primary"></div>
  759.                <div class="swiper-button-prev text-primary"></div>
  760.            </div>
  761.        </div>
  762.    </div>
  763.    <div class="row py-lg-9 px-lg-5">
  764.        <div class="col-lg-4 col-md-5 col-12 d-lg-block d-none">
  765.            <div class="div-rotated">
  766.                <div class="phone-style phone-size">
  767.                    <div class="swiper swiper-dynamic-cards">
  768.                        <div class="swiper-wrapper">
  769.                            <div class="swiper-slide">
  770.                                <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-11.webp" class="index-card-image" style="border-radius: 1.75rem;" loading="lazy" />
  771.                            </div>
  772.                            <div class="swiper-slide">
  773.                                <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-12.webp" class="index-card-image" style="border-radius: 1.75rem;" loading="lazy" />
  774.                            </div>
  775.                            <div class="swiper-slide">
  776.                                <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-13.webp" class="index-card-image" style="border-radius: 1.75rem;" loading="lazy" />
  777.                            </div>
  778.                            <div class="swiper-slide">
  779.                                <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-14.webp" class="index-card-image" style="border-radius: 1.75rem;" loading="lazy" />
  780.                            </div>
  781.                        </div>
  782.                        <div class="swiper-pagination"></div>
  783.                    </div>
  784.                </div>
  785.            </div>
  786.        </div>
  787.        <div class="col-lg-8 col-md-7 col-12 d-lg-block d-none p-lg-7 p-5">
  788.            <div class="">
  789.                <div class="browser-style">
  790.                    <div class="button-bar">
  791.                        <div class="button minimize"><i class="fas fa-minus text-muted"></i></div>
  792.                        <div class="button full-screen"><i class="fas fa-square text-muted"></i></div>
  793.                        <div class="button close"><i class="fas fa-xmark text-muted"></i></div>
  794.                    </div>
  795.                    <div class="swiper swiper-fade-cards">
  796.                        <div class="swiper-wrapper">
  797.                            <div class="swiper-slide">
  798.                                <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-1.webp" class="index-card-image" loading="lazy" />
  799.                            </div>
  800.                            <div class="swiper-slide">
  801.                                <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-2.webp" class="index-card-image" loading="lazy" />
  802.                            </div>
  803.                            <div class="swiper-slide">
  804.                                <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-3.webp" class="index-card-image" loading="lazy" />
  805.                            </div>
  806.                            <div class="swiper-slide">
  807.                                <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-4.webp" class="index-card-image" loading="lazy" />
  808.                            </div>
  809.                        </div>
  810.                    </div>
  811.                </div>
  812.            </div>
  813.        </div>
  814.    </div>
  815.    <div class="row d-lg-none">
  816.        <div class="col-12 py-lg-7 px-lg-10 px-md-7 px-5">
  817.            <div class="swiper swiper-browser-cards">
  818.                <div class="swiper-wrapper">
  819.                    <div class="swiper-slide">
  820.                        <div class="browser-style">
  821.                            <div class="button-bar">
  822.                                <div class="button minimize"><i class="fas fa-minus text-muted"></i></div>
  823.                                <div class="button full-screen"><i class="fas fa-square text-muted"></i></div>
  824.                                <div class="button close"><i class="fas fa-xmark text-muted"></i></div>
  825.                            </div>
  826.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-1.webp" class="index-card-image" loading="lazy" />
  827.                        </div>
  828.                    </div>
  829.                    <div class="swiper-slide">
  830.                        <div class="browser-style">
  831.                            <div class="button-bar">
  832.                                <div class="button minimize"><i class="fas fa-minus text-muted"></i></div>
  833.                                <div class="button full-screen"><i class="fas fa-square text-muted"></i></div>
  834.                                <div class="button close"><i class="fas fa-xmark text-muted"></i></div>
  835.                            </div>
  836.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-2.webp" class="index-card-image" loading="lazy" />
  837.                        </div>
  838.                    </div>
  839.                    <div class="swiper-slide">
  840.                        <div class="browser-style">
  841.                            <div class="button-bar">
  842.                                <div class="button minimize"><i class="fas fa-minus text-muted"></i></div>
  843.                                <div class="button full-screen"><i class="fas fa-square text-muted"></i></div>
  844.                                <div class="button close"><i class="fas fa-xmark text-muted"></i></div>
  845.                            </div>
  846.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-3.webp" class="index-card-image" loading="lazy" />
  847.                        </div>
  848.                    </div>
  849.                    <div class="swiper-slide">
  850.                        <div class="browser-style">
  851.                            <div class="button-bar">
  852.                                <div class="button minimize"><i class="fas fa-minus text-muted"></i></div>
  853.                                <div class="button full-screen"><i class="fas fa-square text-muted"></i></div>
  854.                                <div class="button close"><i class="fas fa-xmark text-muted"></i></div>
  855.                            </div>
  856.                            <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-4.webp" class="index-card-image" loading="lazy" />
  857.                        </div>
  858.                    </div>
  859.                </div>
  860.            </div>
  861.        </div>
  862.    </div>
  863.    <div class="row">
  864.        <div class="col-12 text-center">
  865.            <p class="handwritten highlight font-md text-center my-5" style="color: #A8A2D6">Register with us</p>
  866.            <a href="https://1in.me/register" class="btn btn-blue index-button zoom-animation text-center mt-2">
  867.                Get started for free <i class="fas fa-fw fa-arrow-right"></i>
  868.            </a>
  869.        </div>
  870.    </div>
  871. </div>
  872. <div class="container py-7" style="max-width: 100%;background:  var(--yellow-100);">
  873.    <div class="row">
  874.        <div class="col-md-6 p-5 text-center text-md-left">
  875.            <h1 class="" style="color: var(--red-800);font-size: 3.5rem;font-weight: bold;">Looking for a better way to connect with your audience?</h1>
  876.            <p class="handwritten highlight font-md mb-5">Explore it now</p>
  877.            <a href="https://1in.me/pricing" class="btn btn-red index-button zoom-animation mt-2">
  878.                Upgrade your Link <i class="fas fa-fw fa-arrow-right"></i>
  879.            </a>
  880.        </div>
  881.        <div class="col-md-6 p-3">
  882.            <img src="https://1in.me/themes/altum/assets/custom/mockups/potraits/likes.jpg" alt="User Image" class="animated-icon-fade" style="width: 100%;border-radius:1.35rem;" loading="lazy">
  883.        </div>
  884.    </div>
  885. </div>
  886. <div class="container py-9 px-lg-9 px-md-5" style="max-width: 100%;background-image: radial-gradient(circle at 24% 76%, rgb(59, 9, 124) 0%, rgb(59, 9, 124) 20%, transparent 20%, transparent 100%), radial-gradient(circle at 76% 76%, rgb(59, 9, 124) 0%, rgb(59, 9, 124) 20%, transparent 20%, transparent 100%), radial-gradient(circle at 76% 24%, rgb(59, 9, 124) 0%, rgb(59, 9, 124) 20%, transparent 20%, transparent 100%), radial-gradient(circle at 24% 24%, rgb(59, 9, 124) 0%, rgb(59, 9, 124) 20%, transparent 20%, transparent 100%), radial-gradient(circle at center center, rgb(46, 0, 104) 0%, rgb(46, 0, 104) 71%, transparent 71%, transparent 100%), linear-gradient(90deg, rgb(59, 9, 124), rgb(59, 9, 124));">
  887.    <div class="card p-4 mb-4 border-0">
  888.        <div class="card-body">
  889.            <div class="row">
  890.                <div class="col-lg-5 col-md-6 mb-4 mb-md-0 pt-md-5">
  891.                    <div class="row mb-3">
  892.                        <div class="col-9">
  893.                                                        <div class="swiper swiper-flip-500-cards">
  894.                                <div class="swiper-wrapper">
  895.                                                                                                                <div class="swiper-slide">
  896.                                            <div class="card border-0" style="background: var(--yellow-100);">
  897.                                                <div class="card-body">
  898.                                                    <div class="row">
  899.                                                        <div class="col-auto">
  900.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--yellow-700);">
  901.                                                                <i class="fa fa-network-wired fa-lg" style="color: var(--yellow-100);"></i>
  902.                                                            </div>
  903.                                                        </div>
  904.                                                        <div class="col">
  905.                                                            <h6 class="mb-0" style="color: var(--yellow-700);">DNS Lookup</h6>
  906.                                                        </div>
  907.                                                    </div>
  908.                                                </div>
  909.                                            </div>
  910.                                        </div>
  911.                                                                                                                    <div class="swiper-slide">
  912.                                            <div class="card border-0" style="background: var(--blue-100);">
  913.                                                <div class="card-body">
  914.                                                    <div class="row">
  915.                                                        <div class="col-auto">
  916.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--blue-700);">
  917.                                                                <i class="fa fa-search-location fa-lg" style="color: var(--blue-100);"></i>
  918.                                                            </div>
  919.                                                        </div>
  920.                                                        <div class="col">
  921.                                                            <h6 class="mb-0" style="color: var(--blue-700);">IP Lookup</h6>
  922.                                                        </div>
  923.                                                    </div>
  924.                                                </div>
  925.                                            </div>
  926.                                        </div>
  927.                                                                                                                    <div class="swiper-slide">
  928.                                            <div class="card border-0" style="background: var(--purple-100);">
  929.                                                <div class="card-body">
  930.                                                    <div class="row">
  931.                                                        <div class="col-auto">
  932.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--purple-700);">
  933.                                                                <i class="fa fa-book fa-lg" style="color: var(--purple-100);"></i>
  934.                                                            </div>
  935.                                                        </div>
  936.                                                        <div class="col">
  937.                                                            <h6 class="mb-0" style="color: var(--purple-700);">Reverse IP Lookup</h6>
  938.                                                        </div>
  939.                                                    </div>
  940.                                                </div>
  941.                                            </div>
  942.                                        </div>
  943.                                                                                                                    <div class="swiper-slide">
  944.                                            <div class="card border-0" style="background: var(--red-100);">
  945.                                                <div class="card-body">
  946.                                                    <div class="row">
  947.                                                        <div class="col-auto">
  948.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--red-700);">
  949.                                                                <i class="fa fa-lock fa-lg" style="color: var(--red-100);"></i>
  950.                                                            </div>
  951.                                                        </div>
  952.                                                        <div class="col">
  953.                                                            <h6 class="mb-0" style="color: var(--red-700);">SSL Lookup</h6>
  954.                                                        </div>
  955.                                                    </div>
  956.                                                </div>
  957.                                            </div>
  958.                                        </div>
  959.                                                                                                                    <div class="swiper-slide">
  960.                                            <div class="card border-0" style="background: var(--pink-100);">
  961.                                                <div class="card-body">
  962.                                                    <div class="row">
  963.                                                        <div class="col-auto">
  964.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--pink-700);">
  965.                                                                <i class="fa fa-fingerprint fa-lg" style="color: var(--pink-100);"></i>
  966.                                                            </div>
  967.                                                        </div>
  968.                                                        <div class="col">
  969.                                                            <h6 class="mb-0" style="color: var(--pink-700);">Whois Lookup</h6>
  970.                                                        </div>
  971.                                                    </div>
  972.                                                </div>
  973.                                            </div>
  974.                                        </div>
  975.                                                                                                            </div>
  976.                            </div>
  977.                        </div>
  978.                        <div class="col-3"></div>
  979.                    </div>
  980.                    <div class="row mb-3">
  981.                        <div class="col-3"></div>
  982.                        <div class="col-9">
  983.                                                        <div class="swiper swiper-flip-500-cards">
  984.                                <div class="swiper-wrapper">
  985.                                                                                                                <div class="swiper-slide">
  986.                                            <div class="card border-0" style="background: var(--yellow-100);">
  987.                                                <div class="card-body">
  988.                                                    <div class="row">
  989.                                                        <div class="col-auto">
  990.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--yellow-700);">
  991.                                                                <i class="fab fa-html5 fa-fw fa-lg" style="color: var(--yellow-100);"></i>
  992.                                                            </div>
  993.                                                        </div>
  994.                                                        <div class="col">
  995.                                                            <h6 class="mb-0" style="color: var(--yellow-700);">HTML minifier</h6>
  996.                                                        </div>
  997.                                                    </div>
  998.                                                </div>
  999.                                            </div>
  1000.                                        </div>
  1001.                                                                                                                    <div class="swiper-slide">
  1002.                                            <div class="card border-0" style="background: var(--blue-100);">
  1003.                                                <div class="card-body">
  1004.                                                    <div class="row">
  1005.                                                        <div class="col-auto">
  1006.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--blue-700);">
  1007.                                                                <i class="fab fa-css3 fa-fw fa-lg" style="color: var(--blue-100);"></i>
  1008.                                                            </div>
  1009.                                                        </div>
  1010.                                                        <div class="col">
  1011.                                                            <h6 class="mb-0" style="color: var(--blue-700);">CSS minifier</h6>
  1012.                                                        </div>
  1013.                                                    </div>
  1014.                                                </div>
  1015.                                            </div>
  1016.                                        </div>
  1017.                                                                                                                    <div class="swiper-slide">
  1018.                                            <div class="card border-0" style="background: var(--purple-100);">
  1019.                                                <div class="card-body">
  1020.                                                    <div class="row">
  1021.                                                        <div class="col-auto">
  1022.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--purple-700);">
  1023.                                                                <i class="fab fa-js fa-fw fa-lg" style="color: var(--purple-100);"></i>
  1024.                                                            </div>
  1025.                                                        </div>
  1026.                                                        <div class="col">
  1027.                                                            <h6 class="mb-0" style="color: var(--purple-700);">JS minifier</h6>
  1028.                                                        </div>
  1029.                                                    </div>
  1030.                                                </div>
  1031.                                            </div>
  1032.                                        </div>
  1033.                                                                                                                    <div class="swiper-slide">
  1034.                                            <div class="card border-0" style="background: var(--red-100);">
  1035.                                                <div class="card-body">
  1036.                                                    <div class="row">
  1037.                                                        <div class="col-auto">
  1038.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--red-700);">
  1039.                                                                <i class="fa fa-project-diagram fa-fw fa-lg" style="color: var(--red-100);"></i>
  1040.                                                            </div>
  1041.                                                        </div>
  1042.                                                        <div class="col">
  1043.                                                            <h6 class="mb-0" style="color: var(--red-700);">JSON validator & beautifier</h6>
  1044.                                                        </div>
  1045.                                                    </div>
  1046.                                                </div>
  1047.                                            </div>
  1048.                                        </div>
  1049.                                                                                                                    <div class="swiper-slide">
  1050.                                            <div class="card border-0" style="background: var(--pink-100);">
  1051.                                                <div class="card-body">
  1052.                                                    <div class="row">
  1053.                                                        <div class="col-auto">
  1054.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--pink-700);">
  1055.                                                                <i class="fa fa-database fa-fw fa-lg" style="color: var(--pink-100);"></i>
  1056.                                                            </div>
  1057.                                                        </div>
  1058.                                                        <div class="col">
  1059.                                                            <h6 class="mb-0" style="color: var(--pink-700);">SQL formatter/beautifier</h6>
  1060.                                                        </div>
  1061.                                                    </div>
  1062.                                                </div>
  1063.                                            </div>
  1064.                                        </div>
  1065.                                                                                                            </div>
  1066.                            </div>
  1067.                        </div>
  1068.                    </div>
  1069.                    <div class="row mb-3">
  1070.                        <div class="col-9">
  1071.                                                        <div class="swiper swiper-flip-500-cards">
  1072.                                <div class="swiper-wrapper">
  1073.                                                                                                                <div class="swiper-slide">
  1074.                                            <div class="card border-0" style="background: var(--yellow-100);">
  1075.                                                <div class="card-body">
  1076.                                                    <div class="row">
  1077.                                                        <div class="col-auto">
  1078.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--yellow-700);">
  1079.                                                                <i class="fa fab fa-window-restore fa-lg" style="color: var(--yellow-100);"></i>
  1080.                                                            </div>
  1081.                                                        </div>
  1082.                                                        <div class="col">
  1083.                                                            <h6 class="mb-0" style="color: var(--yellow-700);">URL extractor</h6>
  1084.                                                        </div>
  1085.                                                    </div>
  1086.                                                </div>
  1087.                                            </div>
  1088.                                        </div>
  1089.                                                                                                                    <div class="swiper-slide">
  1090.                                            <div class="card border-0" style="background: var(--blue-100);">
  1091.                                                <div class="card-body">
  1092.                                                    <div class="row">
  1093.                                                        <div class="col-auto">
  1094.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--blue-700);">
  1095.                                                                <i class="fa fa fa-microphone fa-lg" style="color: var(--blue-100);"></i>
  1096.                                                            </div>
  1097.                                                        </div>
  1098.                                                        <div class="col">
  1099.                                                            <h6 class="mb-0" style="color: var(--blue-700);">Text to speech</h6>
  1100.                                                        </div>
  1101.                                                    </div>
  1102.                                                </div>
  1103.                                            </div>
  1104.                                        </div>
  1105.                                                                                                                    <div class="swiper-slide">
  1106.                                            <div class="card border-0" style="background: var(--purple-100);">
  1107.                                                <div class="card-body">
  1108.                                                    <div class="row">
  1109.                                                        <div class="col-auto">
  1110.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--purple-700);">
  1111.                                                                <i class="fa fa fa-yin-yang fa-lg" style="color: var(--purple-100);"></i>
  1112.                                                            </div>
  1113.                                                        </div>
  1114.                                                        <div class="col">
  1115.                                                            <h6 class="mb-0" style="color: var(--purple-700);">Reverse words</h6>
  1116.                                                        </div>
  1117.                                                    </div>
  1118.                                                </div>
  1119.                                            </div>
  1120.                                        </div>
  1121.                                                                                                                    <div class="swiper-slide">
  1122.                                            <div class="card border-0" style="background: var(--red-100);">
  1123.                                                <div class="card-body">
  1124.                                                    <div class="row">
  1125.                                                        <div class="col-auto">
  1126.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--red-700);">
  1127.                                                                <i class="fa fa fa-icons fa-lg" style="color: var(--red-100);"></i>
  1128.                                                            </div>
  1129.                                                        </div>
  1130.                                                        <div class="col">
  1131.                                                            <h6 class="mb-0" style="color: var(--red-700);">Emojis remover</h6>
  1132.                                                        </div>
  1133.                                                    </div>
  1134.                                                </div>
  1135.                                            </div>
  1136.                                        </div>
  1137.                                                                                                                    <div class="swiper-slide">
  1138.                                            <div class="card border-0" style="background: var(--pink-100);">
  1139.                                                <div class="card-body">
  1140.                                                    <div class="row">
  1141.                                                        <div class="col-auto">
  1142.                                                            <div class="p-3 w-fit-content rounded" style="background: var(--pink-700);">
  1143.                                                                <i class="fa fa fa-random fa-lg" style="color: var(--pink-100);"></i>
  1144.                                                            </div>
  1145.                                                        </div>
  1146.                                                        <div class="col">
  1147.                                                            <h6 class="mb-0" style="color: var(--pink-700);">List randomizer</h6>
  1148.                                                        </div>
  1149.                                                    </div>
  1150.                                                </div>
  1151.                                            </div>
  1152.                                        </div>
  1153.                                                                                                            </div>
  1154.                            </div>
  1155.                        </div>
  1156.                        <div class="col-3"></div>
  1157.                    </div>
  1158.                </div>
  1159.                <div class="col-lg-7 col-md-6 text-md-left text-center">
  1160.                    <h1 class="" style="color: var(--primary-800);font-size: 3.5rem;font-weight: bold;">Powerful Web Tools for Enhanced Presence</h1>
  1161.                    <p class="mt-2">475+ web tools that can be used for both daily tasks and developers to improve your site’s structure and quality of user experience.</p>
  1162.                    <p class="handwritten highlight font-md mb-5">Explore it now</p>
  1163.                    <a href="https://tools.1in.me/" class="btn btn-primary index-button zoom-animation mt-2" target="_blank">
  1164.                        Web Tools <i class="fas fa-fw fa-arrow-right"></i>
  1165.                    </a>
  1166.                </div>
  1167.            </div>
  1168.        </div>
  1169.    </div>
  1170.    <div class="card p-4 border-0">
  1171.        <div class="card-body">
  1172.            <div class="row">
  1173.                <div class="col-lg-5 col-md-6 pt-lg-5 text-md-left text-center">
  1174.                    <h1 class="" style="color: var(--primary-800);font-size: 3.5rem;font-weight: bold;">Web Forms: Advanced Form Builder and Manager</h1>
  1175.                </div>
  1176.                <div class="col-lg-7 col-md-6 mb-4 mb-md-0 pt-md-5">
  1177.                    <div class="swiper swiper-browser-cards">
  1178.                        <div class="swiper-wrapper">
  1179.                            <div class="swiper-slide">
  1180.                                <div class="browser-style">
  1181.                                    <div class="button-bar">
  1182.                                        <div class="button minimize"><i class="fas fa-minus text-muted"></i></div>
  1183.                                        <div class="button full-screen"><i class="fas fa-square text-muted"></i></div>
  1184.                                        <div class="button close"><i class="fas fa-xmark text-muted"></i></div>
  1185.                                    </div>
  1186.                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-8.webp" class="index-card-image" loading="lazy" />
  1187.                                </div>
  1188.                            </div>
  1189.                            <div class="swiper-slide">
  1190.                                <div class="browser-style">
  1191.                                    <div class="button-bar">
  1192.                                        <div class="button minimize"><i class="fas fa-minus text-muted"></i></div>
  1193.                                        <div class="button full-screen"><i class="fas fa-square text-muted"></i></div>
  1194.                                        <div class="button close"><i class="fas fa-xmark text-muted"></i></div>
  1195.                                    </div>
  1196.                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-9.webp" class="index-card-image" loading="lazy" />
  1197.                                </div>
  1198.                            </div>
  1199.                            <div class="swiper-slide">
  1200.                                <div class="browser-style">
  1201.                                    <div class="button-bar">
  1202.                                        <div class="button minimize"><i class="fas fa-minus text-muted"></i></div>
  1203.                                        <div class="button full-screen"><i class="fas fa-square text-muted"></i></div>
  1204.                                        <div class="button close"><i class="fas fa-xmark text-muted"></i></div>
  1205.                                    </div>
  1206.                                    <img src="https://1in.me/themes/altum/assets/custom/mockups/screens/index-10.webp" class="index-card-image" loading="lazy" />
  1207.                                </div>
  1208.                            </div>
  1209.                        </div>
  1210.                    </div>
  1211.                </div>
  1212.            </div>
  1213.            <div class="row">
  1214.                <div class="col-12 text-center">
  1215.                    <p class="mt-2">A full-featured, easy-to-use, online form builder tool that speeds up the form building process – so you can finish your online forms faster and enjoy the rest of your work without code.</p>
  1216.                    <p class="handwritten highlight font-md mb-5">Explore it now</p>
  1217.                    <a href="https://forms.1in.me/" class="btn btn-primary index-button zoom-animation mt-2" target="_blank">
  1218.                        Web Forms <i class="fas fa-fw fa-arrow-right"></i>
  1219.                    </a>
  1220.                </div>
  1221.            </div>
  1222.        </div>
  1223.    </div>
  1224. </div>
  1225. <div class="container py-9" style="max-width: 100%;background: var(--cyan-100);">
  1226.    <div class="row">
  1227.                    <div class="col-sm-3 col-4 p-2">
  1228.                <img src="https://1in.me/themes/altum/assets/custom/mockups/ai/ai1.jpg" style="width:100%;border-radius:1.35rem" class="image-fade"/>
  1229.            </div>
  1230.                                <div class="col-sm-3 col-4 p-2">
  1231.                <img src="https://1in.me/themes/altum/assets/custom/mockups/ai/ai2.jpg" style="width:100%;border-radius:1.35rem" class="image-fade"/>
  1232.            </div>
  1233.                                <div class="col-sm-3 col-4 p-2">
  1234.                <img src="https://1in.me/themes/altum/assets/custom/mockups/ai/ai3.jpg" style="width:100%;border-radius:1.35rem" class="image-fade"/>
  1235.            </div>
  1236.                                <div class="col-sm-3 col-4 p-2">
  1237.                <img src="https://1in.me/themes/altum/assets/custom/mockups/ai/ai4.jpg" style="width:100%;border-radius:1.35rem" class="image-fade"/>
  1238.            </div>
  1239.                                <div class="col-sm-3 col-4 p-2">
  1240.                <img src="https://1in.me/themes/altum/assets/custom/mockups/ai/ai5.jpg" style="width:100%;border-radius:1.35rem" class="image-fade"/>
  1241.            </div>
  1242.                            <div class="col-3 p-2 pl-5 d-none d-sm-block">
  1243.                    <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
  1244.                    <dotlottie-player src="https://lottie.host/b2238ce8-0d81-43ee-a402-de721ee1d23a/tMUUO1B1UX.json" background="transparent" speed="1" style="width: 100%;" loop autoplay></dotlottie-player>
  1245.                </div>
  1246.                <div class="col-3 p-2 pl-7 d-none d-sm-block">
  1247.                    <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
  1248.                    <dotlottie-player src="https://lottie.host/52973f8c-ff14-44b6-aeae-41aac6db9abc/qcbsREQS94.json" background="transparent" speed="1" style="width: 100%;" loop autoplay></dotlottie-player>
  1249.                </div>
  1250.                <div class="col-3 p-2 pl-7 d-none d-sm-block">
  1251.                    <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
  1252.                    <dotlottie-player src="https://lottie.host/ff3fc0a9-9181-4209-8ddc-18944d92a2db/rXcCLqAhtl.json" background="transparent" speed="1" style="width: 100%;" loop autoplay></dotlottie-player>
  1253.                </div>
  1254.                                <div class="col-sm-3 col-4 p-2">
  1255.                <img src="https://1in.me/themes/altum/assets/custom/mockups/ai/ai6.jpg" style="width:100%;border-radius:1.35rem" class="image-fade"/>
  1256.            </div>
  1257.                                <div class="col-sm-3 col-4 p-2">
  1258.                <img src="https://1in.me/themes/altum/assets/custom/mockups/ai/ai7.jpg" style="width:100%;border-radius:1.35rem" class="image-fade"/>
  1259.            </div>
  1260.                                <div class="col-sm-3 col-4 p-2">
  1261.                <img src="https://1in.me/themes/altum/assets/custom/mockups/ai/ai8.jpg" style="width:100%;border-radius:1.35rem" class="image-fade"/>
  1262.            </div>
  1263.                                <div class="col-sm-3 col-4 p-2">
  1264.                <img src="https://1in.me/themes/altum/assets/custom/mockups/ai/ai9.jpg" style="width:100%;border-radius:1.35rem" class="image-fade"/>
  1265.            </div>
  1266.                        </div>
  1267.    <div class="row mt-5">
  1268.        <div class="col-lg-8 col-md-7 pb-md-0 pb-3 px-5 text-md-left text-center">
  1269.            <h1 class="" style="color: var(--red-600);font-size: 3.5rem;font-weight: bold;">Embrace the Future of Content Creation with AI Writer</h1>
  1270.            <p class="mt-2">Discover AI Writer, your personal AI-powered writing assistant. Streamline your content creation process for blog posts, articles, academic papers, and more.</p>
  1271.        </div>
  1272.        <div class="col-lg-4 col-md-5 d-flex justify-content-center align-items-center">
  1273.            <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
  1274.            <dotlottie-player src="https://lottie.host/79e95dc8-40cb-49b4-b756-ce6c637f3f74/sZwZxvEVJO.json" background="transparent" speed="1" style="width: 100%;" loop autoplay></dotlottie-player>
  1275.        </div>
  1276.    </div>
  1277.    <div class="row">
  1278.        <div class="col-12 text-center">
  1279.            <p class="handwritten highlight font-md mb-5">Register now to transform your writing process!</p>
  1280.            <a href="https://1in.me/register" class="btn btn-red index-button zoom-animation mt-2">
  1281.                Start writing <i class="fas fa-fw fa-arrow-right"></i>
  1282.            </a>
  1283.        </div>
  1284.    </div>
  1285. </div>
  1286. <div class="container py-9" style="max-width: 100%;background:  var(--gray-100);">
  1287.        <style>
  1288.        .swiper-image-roller-cards .swiper-slide {
  1289.            position: relative;
  1290.        }
  1291.  
  1292.        .swiper-image-roller-cards .image-link {
  1293.            display: block;
  1294.            position: relative;
  1295.            overflow: hidden;
  1296.        }
  1297.  
  1298.        .swiper-image-roller-cards .main-image {
  1299.            display: block;
  1300.            width: 100%;
  1301.            transition: transform 0.3s ease-in-out;
  1302.        }
  1303.  
  1304.        .swiper-image-roller-cards .hover-content {
  1305.            display: none;
  1306.            position: absolute;
  1307.            top: 50%;
  1308.            left: 50%;
  1309.            transform: translate(-50%, -50%);
  1310.            text-align: center;
  1311.            background: rgba(0, 0, 0, 0.5);
  1312.            padding: 10px;
  1313.            border-radius: 5px;
  1314.        }
  1315.  
  1316.        .swiper-image-roller-cards .image-link:hover .hover-content {
  1317.            display: block;
  1318.        }
  1319.  
  1320.        .swiper-image-roller-cards .icon {
  1321.            width: 50px; /* Adjust as needed */
  1322.        }
  1323.  
  1324.        .swiper-image-roller-cards .text {
  1325.            color: #fff;
  1326.            font-size: 14px;
  1327.        }
  1328.    </style>
  1329.    <div class="swiper swiper-image-roller-cards mt-4" style="width: 100%; height: 100%;">
  1330.        <div class="swiper-wrapper pb-4">
  1331.                            <div class="swiper-slide">
  1332.                    <a href="https://1in.me/abhishek-pathania1" data-toggle="tooltip" title="Abhishek Pathania" target="_blank" class="image-link">
  1333.                        <img src="https://1in.me/themes/altum/assets/custom/mockups/directory/abhishek-pathania1.webp" alt="User Image" class="main-image" style="height: 200px;border-radius:1.35rem;" loading="lazy">
  1334.                        <div class="hover-content">
  1335.                            <p class="text"><img src="https://1in.me/themes/altum/assets/custom/logos/icon.webp" style="height:14px;width:14px;" alt="Icon" class="icon">/abhishek-pathania1</p>
  1336.                        </div>
  1337.                    </a>
  1338.                </div>
  1339.                            <div class="swiper-slide">
  1340.                    <a href="https://1in.me/GauravG" data-toggle="tooltip" title="Gaurav Gupta" target="_blank" class="image-link">
  1341.                        <img src="https://1in.me/themes/altum/assets/custom/mockups/directory/GauravG.webp" alt="User Image" class="main-image" style="height: 200px;border-radius:0.25rem;" loading="lazy">
  1342.                        <div class="hover-content">
  1343.                            <p class="text"><img src="https://1in.me/themes/altum/assets/custom/logos/icon.webp" style="height:14px;width:14px;" alt="Icon" class="icon">/GauravG</p>
  1344.                        </div>
  1345.                    </a>
  1346.                </div>
  1347.                            <div class="swiper-slide">
  1348.                    <a href="https://1in.me/Rahul-Tomar" data-toggle="tooltip" title="Rahul Tomar" target="_blank" class="image-link">
  1349.                        <img src="https://1in.me/themes/altum/assets/custom/mockups/directory/Rahul-Tomar.webp" alt="User Image" class="main-image" style="height: 200px;border-radius:1.35rem;" loading="lazy">
  1350.                        <div class="hover-content">
  1351.                            <p class="text"><img src="https://1in.me/themes/altum/assets/custom/logos/icon.webp" style="height:14px;width:14px;" alt="Icon" class="icon">/Rahul-Tomar</p>
  1352.                        </div>
  1353.                    </a>
  1354.                </div>
  1355.                            <div class="swiper-slide">
  1356.                    <a href="https://1in.me/Pradeep-Nigam" data-toggle="tooltip" title="Pradeep Nigam" target="_blank" class="image-link">
  1357.                        <img src="https://1in.me/themes/altum/assets/custom/mockups/directory/Pradeep-Nigam.webp" alt="User Image" class="main-image" style="height: 200px;border-radius:1.35rem;" loading="lazy">
  1358.                        <div class="hover-content">
  1359.                            <p class="text"><img src="https://1in.me/themes/altum/assets/custom/logos/icon.webp" style="height:14px;width:14px;" alt="Icon" class="icon">/Pradeep-Nigam</p>
  1360.                        </div>
  1361.                    </a>
  1362.                </div>
  1363.                            <div class="swiper-slide">
  1364.                    <a href="https://1in.me/shruti-ojha" data-toggle="tooltip" title="Shruti Ojha" target="_blank" class="image-link">
  1365.                        <img src="https://1in.me/themes/altum/assets/custom/mockups/directory/shruti-ojha.webp" alt="User Image" class="main-image" style="height: 200px;border-radius:1.35rem;" loading="lazy">
  1366.                        <div class="hover-content">
  1367.                            <p class="text"><img src="https://1in.me/themes/altum/assets/custom/logos/icon.webp" style="height:14px;width:14px;" alt="Icon" class="icon">/shruti-ojha</p>
  1368.                        </div>
  1369.                    </a>
  1370.                </div>
  1371.                            <div class="swiper-slide">
  1372.                    <a href="https://1in.me/SrijeetaTiwari" data-toggle="tooltip" title="Srijeeta Tiwari" target="_blank" class="image-link">
  1373.                        <img src="https://1in.me/themes/altum/assets/custom/mockups/directory/SrijeetaTiwari.webp" alt="User Image" class="main-image" style="height: 200px;border-radius:1.35rem;" loading="lazy">
  1374.                        <div class="hover-content">
  1375.                            <p class="text"><img src="https://1in.me/themes/altum/assets/custom/logos/icon.webp" style="height:14px;width:14px;" alt="Icon" class="icon">/SrijeetaTiwari</p>
  1376.                        </div>
  1377.                    </a>
  1378.                </div>
  1379.                            <div class="swiper-slide">
  1380.                    <a href="https://1in.me/prasad-surve" data-toggle="tooltip" title="Prasad Surve" target="_blank" class="image-link">
  1381.                        <img src="https://1in.me/themes/altum/assets/custom/mockups/directory/prasad-surve.webp" alt="User Image" class="main-image" style="height: 200px;border-radius:50%;" loading="lazy">
  1382.                        <div class="hover-content">
  1383.                            <p class="text"><img src="https://1in.me/themes/altum/assets/custom/logos/icon.webp" style="height:14px;width:14px;" alt="Icon" class="icon">/prasad-surve</p>
  1384.                        </div>
  1385.                    </a>
  1386.                </div>
  1387.                            <div class="swiper-slide">
  1388.                    <a href="https://1in.me/rahul" data-toggle="tooltip" title="Rahul Photography" target="_blank" class="image-link">
  1389.                        <img src="https://1in.me/themes/altum/assets/custom/mockups/directory/rahul.webp" alt="User Image" class="main-image" style="height: 200px;border-radius:50%;" loading="lazy">
  1390.                        <div class="hover-content">
  1391.                            <p class="text"><img src="https://1in.me/themes/altum/assets/custom/logos/icon.webp" style="height:14px;width:14px;" alt="Icon" class="icon">/rahul</p>
  1392.                        </div>
  1393.                    </a>
  1394.                </div>
  1395.                    </div>
  1396.    </div>
  1397.    <div class="row">
  1398.        <div class="col-12 px-lg-5 text-center">
  1399.            <h1 class="text-primary-600 mt-4" style="font-size: 3rem;font-weight: bold;">Know your audience and maintain their interest.</h1>
  1400.            <p class="mt-2">Monitor engagement, track revenue, and adapt to keep them coming back. Make informed, swift updates based on data for lasting engagement.</p>
  1401.        </div>
  1402.    </div>
  1403.    <div class="row pt-5 px-lg-10">
  1404.        <div class="col-12 text-center">
  1405.            <div class="row">
  1406.                <div class="col-md-6">
  1407.                    <div class="card border-0 mb-4" style="background:var(--green-100);color:var(--red-800);">
  1408.                        <div class="card-body text-center">
  1409.                            <a href="https://1in.me/blog/how-1inme-helped-streetwearxshad-boost-sales-and-reach-new-customers">
  1410.                                <h3 class="bold my-5">Boost Sales & Reach New Customers</h3>
  1411.                            </a>
  1412.                        </div>
  1413.                    </div>
  1414.                    <div class="card border-0 mb-4" style="background:var(--red-100);color:var(--pink-700);">
  1415.                        <div class="card-body text-center">
  1416.                            <a href="https://1in.me/blog/unleashing-the-power-of-digital-business-cards-with-1inme">
  1417.                                <h3 class="text-contrast bold my-5">Unleashing the Power of Digital Business Cards</h3>
  1418.                            </a>
  1419.                        </div>
  1420.                    </div>
  1421.                    <div class="card border-0 mb-4" style="background:var(--cyan-100);color:var(--blue-600);">
  1422.                        <div class="card-body text-center">
  1423.                            <a href="https://1in.me/blog/one-link-to-rule-them-all-1inme-s-revolutionary-biolink-feature">
  1424.                                <h3 class="text-contrast bold my-5">One Link to<br/>Rule Them All</h3>
  1425.                            </a>
  1426.                        </div>
  1427.                    </div>
  1428.                </div>
  1429.                <div class="col-md-6">
  1430.                    <div class="card border-0 mb-4" style="background:var(--blue-100);color:var(--indigo-800);">
  1431.                        <div class="card-body text-center">
  1432.                            <a href="https://1in.me/blog/how-to-boost-your-online-visibility-with-1inme-s-customization-and-seo-management-features">
  1433.                                <h3 class="text-contrast bold my-5">Customize &amp;<br/>SEO Features</h3>
  1434.                            </a>
  1435.                        </div>
  1436.                    </div>
  1437.                    <div class="card border-0 mb-4" style="background:var(--orange-100);color:var(--green-800);">
  1438.                        <div class="card-body text-center">
  1439.                            <a href="https://1in.me/blog/data-driven-decision-making-how-to-make-the-most-of-1inme-exportable-analytics-reports">
  1440.                                <h3 class="text-contrast bold my-5">Data-Driven<br/>Decision Making</h3>
  1441.                            </a>
  1442.                        </div>
  1443.                    </div>
  1444.                    <div class="card border-0 mb-4" style="background:var(--indigo-100);color:var(--purple-800);">
  1445.                        <div class="card-body text-center">
  1446.                            <a href="https://1in.me/blog/1inme-vs-the-competition-why-we-stand-out-in-a-crowded-market">
  1447.                                <h3 class="text-contrast bold my-5">1INME vs. <br/>the Competition</h3>
  1448.                            </a>
  1449.                        </div>
  1450.                    </div>
  1451.                </div>
  1452.            </div>
  1453.            <p class="handwritten highlight font-md my-5">Join our community and receive exclusive content straight to your inbox</p>
  1454.            <a href="https://1in.me/blog" class="btn btn-primary index-button zoom-animation mt-2">
  1455.                Read more <i class="fas fa-fw fa-arrow-right"></i>
  1456.            </a>
  1457.        </div>
  1458.    </div>
  1459. </div>
  1460. <div class="container py-9" style="max-width: 100%;background:  var(--gray-200);">
  1461.    <div class="text-center">
  1462.        <h2 style="color:var(--gray-800);">Here's what people are saying <i class="fas fa-fw fa-xs fa-check-circle text-success"></i></h2>
  1463.    </div>
  1464.    <div class="row">
  1465.        <div class="col-lg-8 col-md-7 pb-md-0 pb-3 px-5">
  1466.            <div class="swiper swiper-fade-cards">
  1467.                <div class="swiper-wrapper">
  1468.                                                                <div class="swiper-slide mt-5 p-5">
  1469.                            <div class="card border-0 zoom-animation">
  1470.                                <div class="card-body">
  1471.                                    <img src="https://1in.me/themes/altum/assets/custom/frontend/img/index/avatar/shad.jpg" class="img-fluid index-testimonial-avatar" loading="lazy" />
  1472.  
  1473.                                    <p class="mt-5">
  1474.                                        <span class="text-gray-800 font-weight-bold text-muted h5">“</span>
  1475.                                        <span>Seems easy enough to use and I recognize the need for it specifically sharing profile to agencies.</span>
  1476.                                        <span class="text-gray-800 font-weight-bold text-muted h5">”</span>
  1477.                                    </p>
  1478.  
  1479.                                    <div class="blockquote-footer mt-4">
  1480.                                        <span class="font-weight-bold">Md Shad</span>, <a href="https://1in.me/streetwearxshad" class="text-muted" target="_blank">FASHION INFLUENCER</a>
  1481.                                    </div>
  1482.                                </div>
  1483.                            </div>
  1484.                        </div>
  1485.                                            <div class="swiper-slide mt-5 p-5">
  1486.                            <div class="card border-0 zoom-animation">
  1487.                                <div class="card-body">
  1488.                                    <img src="https://1in.me/themes/altum/assets/custom/frontend/img/index/avatar/sajid.jpg" class="img-fluid index-testimonial-avatar" loading="lazy" />
  1489.  
  1490.                                    <p class="mt-5">
  1491.                                        <span class="text-gray-800 font-weight-bold text-muted h5">“</span>
  1492.                                        <span>Overall experience has been wonderful, eady yo use, eady to post, eady to remove things, it great to tool to have.</span>
  1493.                                        <span class="text-gray-800 font-weight-bold text-muted h5">”</span>
  1494.                                    </p>
  1495.  
  1496.                                    <div class="blockquote-footer mt-4">
  1497.                                        <span class="font-weight-bold">Sajid Bubere</span>, <a href="https://1in.me/sajidbubere" class="text-muted" target="_blank">ACTOR</a>
  1498.                                    </div>
  1499.                                </div>
  1500.                            </div>
  1501.                        </div>
  1502.                                            <div class="swiper-slide mt-5 p-5">
  1503.                            <div class="card border-0 zoom-animation">
  1504.                                <div class="card-body">
  1505.                                    <img src="https://1in.me/themes/altum/assets/custom/frontend/img/index/avatar/neha.jpg" class="img-fluid index-testimonial-avatar" loading="lazy" />
  1506.  
  1507.                                    <p class="mt-5">
  1508.                                        <span class="text-gray-800 font-weight-bold text-muted h5">“</span>
  1509.                                        <span>What I love most about this app is the ability to post multiple links and constantly update them as I need. I could sort them how I watch which is also quite useful.</span>
  1510.                                        <span class="text-gray-800 font-weight-bold text-muted h5">”</span>
  1511.                                    </p>
  1512.  
  1513.                                    <div class="blockquote-footer mt-4">
  1514.                                        <span class="font-weight-bold">Neha Rana</span>, <a href="https://1in.me/Neha-Rana" class="text-muted" target="_blank">ACTRESS</a>
  1515.                                    </div>
  1516.                                </div>
  1517.                            </div>
  1518.                        </div>
  1519.                                            <div class="swiper-slide mt-5 p-5">
  1520.                            <div class="card border-0 zoom-animation">
  1521.                                <div class="card-body">
  1522.                                    <img src="https://1in.me/themes/altum/assets/custom/frontend/img/index/avatar/sanskar.jpg" class="img-fluid index-testimonial-avatar" loading="lazy" />
  1523.  
  1524.                                    <p class="mt-5">
  1525.                                        <span class="text-gray-800 font-weight-bold text-muted h5">“</span>
  1526.                                        <span>It helps my traffic or audience to view all my latest album links at one single place. Professional look and ease of use or update.</span>
  1527.                                        <span class="text-gray-800 font-weight-bold text-muted h5">”</span>
  1528.                                    </p>
  1529.  
  1530.                                    <div class="blockquote-footer mt-4">
  1531.                                        <span class="font-weight-bold">Sanskar Mishra</span>, <a href="https://1in.me/2xans" class="text-muted" target="_blank">RAPPER / ARTIST</a>
  1532.                                    </div>
  1533.                                </div>
  1534.                            </div>
  1535.                        </div>
  1536.                                            <div class="swiper-slide mt-5 p-5">
  1537.                            <div class="card border-0 zoom-animation">
  1538.                                <div class="card-body">
  1539.                                    <img src="https://1in.me/themes/altum/assets/custom/frontend/img/index/avatar/needle.jpg" class="img-fluid index-testimonial-avatar" loading="lazy" />
  1540.  
  1541.                                    <p class="mt-5">
  1542.                                        <span class="text-gray-800 font-weight-bold text-muted h5">“</span>
  1543.                                        <span>Daam, highly configurable. Could design what I want with no code and almost instantly.</span>
  1544.                                        <span class="text-gray-800 font-weight-bold text-muted h5">”</span>
  1545.                                    </p>
  1546.  
  1547.                                    <div class="blockquote-footer mt-4">
  1548.                                        <span class="font-weight-bold">Needle Art</span>, <a href="https://1in.me/needleart" class="text-muted" target="_blank">INTERIOR DESIGN FIRM</a>
  1549.                                    </div>
  1550.                                </div>
  1551.                            </div>
  1552.                        </div>
  1553.                                            <div class="swiper-slide mt-5 p-5">
  1554.                            <div class="card border-0 zoom-animation">
  1555.                                <div class="card-body">
  1556.                                    <img src="https://1in.me/themes/altum/assets/custom/frontend/img/index/avatar/sameer.jpg" class="img-fluid index-testimonial-avatar" loading="lazy" />
  1557.  
  1558.                                    <p class="mt-5">
  1559.                                        <span class="text-gray-800 font-weight-bold text-muted h5">“</span>
  1560.                                        <span>Ease of use and easy to deploy. Best services to say even with the free plan.</span>
  1561.                                        <span class="text-gray-800 font-weight-bold text-muted h5">”</span>
  1562.                                    </p>
  1563.  
  1564.                                    <div class="blockquote-footer mt-4">
  1565.                                        <span class="font-weight-bold">Sameer Khatat</span>, <a href="https://1in.me/sameerkathat21" class="text-muted" target="_blank">DENTIST</a>
  1566.                                    </div>
  1567.                                </div>
  1568.                            </div>
  1569.                        </div>
  1570.                                            <div class="swiper-slide mt-5 p-5">
  1571.                            <div class="card border-0 zoom-animation">
  1572.                                <div class="card-body">
  1573.                                    <img src="https://1in.me/themes/altum/assets/custom/frontend/img/index/avatar/shreyash.jpg" class="img-fluid index-testimonial-avatar" loading="lazy" />
  1574.  
  1575.                                    <p class="mt-5">
  1576.                                        <span class="text-gray-800 font-weight-bold text-muted h5">“</span>
  1577.                                        <span>1INME is a great option for link in bio links. It's really easy to use and has great analytics functionality.</span>
  1578.                                        <span class="text-gray-800 font-weight-bold text-muted h5">”</span>
  1579.                                    </p>
  1580.  
  1581.                                    <div class="blockquote-footer mt-4">
  1582.                                        <span class="font-weight-bold">Shreyash Ade</span>, <a href="https://1in.me/ShreyashAde" class="text-muted" target="_blank">DIGITAL MARKETER</a>
  1583.                                    </div>
  1584.                                </div>
  1585.                            </div>
  1586.                        </div>
  1587.                                    </div>
  1588.            </div>
  1589.        </div>
  1590.        <div class="col-lg-4 col-md-5 d-flex justify-content-center align-items-center">
  1591.            <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
  1592.            <dotlottie-player src="https://lottie.host/eba4c7a7-6d3c-4775-a8f3-a0d99d1dbdfc/cWt7xL7aI0.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player>
  1593.        </div>
  1594.    </div>
  1595. </div>
  1596. <div class="container py-9 px-lg-9 px-md-5" style="max-width: 100%;background:#1d2025;">
  1597.    <div class="row">
  1598.        <div class="col-12 px-lg-5 text-center" style="color:#ffffff;">
  1599.            <h1 class="mt-4" style="font-size: 3.5rem;font-weight: bold;">Explore the plans.</h1>
  1600.            <p class="mt-2">Because every customer is different, 1INME comes with multiple licensing plans that fit your needs.</p>
  1601.        </div>
  1602.    </div>
  1603.    <div class="my-5 text-center">
  1604.        <div class="btn-group btn-group-toggle btn-group-custom" data-toggle="buttons">
  1605.            <label class="btn active" data-payment-frequency="monthly">
  1606.                <input type="radio" name="payment_frequency" checked="checked"> Monthly            </label>
  1607.            <label class="btn" data-payment-frequency="annual">
  1608.                <input type="radio" name="payment_frequency"> Annual            </label>
  1609.        </div>
  1610.    </div>
  1611.    <div class="row">
  1612.        <div class="col-md-6">
  1613.                        <div class="card bg-primary-700 border-0 mr-md-n5 shadow p-md-4" data-aos="fade-up" style="z-index:1000;">
  1614.                <div class="card-header bg-primary-700 text-center">
  1615.                    <div class="row">
  1616.                        <div class="col-12 text-primary-300" style="font-weight: bold;filter: drop-shadow(2px 3px 7px var(--black));">STANDARD PLAN</div>
  1617.                    </div>
  1618.                    <div class="row">
  1619.                        <div class="col-12 text-primary-100" style="font-size: 1.6rem;font-weight: bold;" data-plan-monthly="true" data-plan-annual="true" data-plan-lifetime="false">
  1620.                            <div class="pricing-price mt-0">
  1621.                                <div class="row">
  1622.                                    <div class="col-12" style="filter: drop-shadow(2px 3px 7px var(--black));">
  1623.                                        <span class="pricing-price-currency text-primary-300" style="font-size: 1.8rem;">₹</span>
  1624.                                        <span class="pricing-price-amount d-none" data-plan-payment-frequency="monthly">250</span>
  1625.                                        <span class="pricing-price-amount d-none" data-plan-payment-frequency="annual">125</span>
  1626.                                        <span class="pricing-price-amount d-none" data-plan-payment-frequency="lifetime">0</span>
  1627.                                        <span class="pricing-price-currency text-primary-300">/PER MONTH</span>
  1628.                                    </div>
  1629.                                </div>
  1630.                                <div class="row">
  1631.                                    <div class="col-12">
  1632.                                        <span class="pricing-price-currency text-primary-300" style="font-size: 1.1rem;">(BILLED </span>
  1633.                                        <span class="pricing-price-amount text-primary-300 d-none" style="font-size: 1.1rem;" data-plan-payment-frequency="monthly">250 INR MONTHLY</span>
  1634.                                        <span class="pricing-price-amount text-primary-300 d-none" style="font-size: 1.1rem;" data-plan-payment-frequency="annual">1,500 INR ANNUALLY</span>
  1635.                                        <span class="pricing-price-amount text-primary-300 d-none" style="font-size: 1.1rem;" data-plan-payment-frequency="lifetime">0 INR ONE TIME</span>
  1636.                                        <span class="pricing-price-currency text-primary-300" style="font-size: 1.1rem;">)</span>
  1637.                                    </div>
  1638.                                </div>
  1639.                            </div>
  1640.                        </div>
  1641.                    </div>
  1642.                </div>
  1643.                <div class="card-body bg-white pt-5" style="border-radius:1.35rem;">
  1644.                    <ul class="list-style-none pb-2">
  1645.                        <li class="d-flex align-items-center mb-3">
  1646.                            <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
  1647.                            <div>5 Biolink Pages, 500 Shortened Links, 5 File Links, 15 Vcard Links, 15 Event Links, 5 Static Pages, 50 QR Codes</div>
  1648.                        </li>
  1649.                        <li class="d-flex align-items-center mb-3">
  1650.                            <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
  1651.                            <div>180 days statistics retention</div>
  1652.                        </li>
  1653.                        <li class="d-flex align-items-center mb-3">
  1654.                            <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
  1655.                            <div>Full Customization</div>
  1656.                        </li>
  1657.                        <li class="d-flex align-items-center mb-3">
  1658.                            <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
  1659.                            <div>SEO Management</div>
  1660.                        </li>
  1661.                        <li class="d-flex align-items-center mb-3">
  1662.                            <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
  1663.                            <div>Multiple Payment Processors</div>
  1664.                        </li>
  1665.                        <li class="d-flex align-items-center mb-3">
  1666.                            <i class="fas fa-fw fa-sm fa-check-circle text-success mr-3"></i>
  1667.                            <div>Includes Team Management</div>
  1668.                        </li>
  1669.                    </ul>
  1670.                    <p class="mt-2">Visit our full <a class="text-primary" href="https://1in.me/pricing">pricing plans</a> page for more information.</p>
  1671.                    <a href="https://1in.me/register?redirect=pay/3" class="btn btn-primary index-button btn-block text-white text-center">
  1672.                        Get it now <i class="fas fa-fw fa-arrow-right"></i>
  1673.                    </a>
  1674.                </div>
  1675.            </div>
  1676.        </div>
  1677.        <div class="col-md-6 mt-md-6  mt-4">
  1678.            <div class="card border-0 ml-md-n4 p-md-4" data-aos="fade-right" data-aos-delay="600">
  1679.                <div class="card-header bg-white text-center">
  1680.                    <div class="row">
  1681.                        <div class="col-12 text-primary" style="font-size: 2rem;font-weight: bold;">CUSTOM PLAN</div>
  1682.                    </div>
  1683.                </div>
  1684.                <div class="card-body bg-gray-100 text-center" style="border-radius:1.35rem;">
  1685.                    <p class="mt-2">We offer more than an Enterprise solution, contact us now and request a custom build for your business.</p>
  1686.                    <div class="row">
  1687.                        <div class="col-6 border-bottom border-right">
  1688.                            <div class="text-center p-3">
  1689.                                <i class="fas fa-icons fa-2x text-dark"></i>
  1690.                                <p class="mb-0">Custom number of Links</p>
  1691.                            </div>
  1692.                        </div>
  1693.                        <div class="col-6 border-bottom">
  1694.                            <div class="text-center p-3">
  1695.                                <i class="fas fa-copyright fa-2x text-dark"></i>
  1696.                                <p class="mb-0">Multiple Custom Domains with Branding templates</p>
  1697.                            </div>
  1698.                        </div>
  1699.                    </div>
  1700.                    <div class="row">
  1701.                        <div class="col-6 border-right">
  1702.                            <div class="text-center p-3">
  1703.                                <i class="fas fa-users fa-2x text-dark"></i>
  1704.                                <p class="mb-0">Larger Team management</p>
  1705.                            </div>
  1706.                        </div>
  1707.                        <div class="col-6">
  1708.                            <div class="text-center p-3">
  1709.                                <i class="fas fa-code fa-2x text-dark"></i>
  1710.                                <p class="mb-0">API Access</p>
  1711.                            </div>
  1712.                        </div>
  1713.                    </div>
  1714.                    <div class="row">
  1715.                        <div class="col-12 px-5">
  1716.                            <a href="https://1in.me/contact" class="btn btn-dark index-button  btn-block text-white text-center mt-2">
  1717.                                Contact Support <i class="fas fa-fw fa-arrow-right"></i>
  1718.                            </a>
  1719.                        </div>
  1720.                    </div>
  1721.                </div>
  1722.            </div>
  1723.        </div>
  1724.    </div>
  1725.    <div class="accordion index-faq mt-7" id="faq_accordion">
  1726.                            <div class="card">
  1727.                <div class="card-body">
  1728.                    <div class="" id="faq_accordion_0">
  1729.                        <h3 class="mb-0">
  1730.                            <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_0" aria-expanded="true" aria-controls="faq_accordion_answer_0">
  1731.                                <span>What is 1INME and what services do you offer?</span>
  1732.                                <span data-icon>
  1733.                            <i class="fas fa-fw fa-circle-chevron-down"></i>
  1734.                        </span>
  1735.                            </button>
  1736.                        </h3>
  1737.                    </div>
  1738.                    <div id="faq_accordion_answer_0" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_0" data-parent="#faq_accordion">
  1739.                        1INME is a platform that offers a variety of tools for managing your online presence, including a link-in-bio service, custom domains, URL shortening, <a href="https://example.com">Example Link</a>, QR codes, and more.                    </div>
  1740.                </div>
  1741.            </div>
  1742.                    <div class="card">
  1743.                <div class="card-body">
  1744.                    <div class="" id="faq_accordion_1">
  1745.                        <h3 class="mb-0">
  1746.                            <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_1" aria-expanded="true" aria-controls="faq_accordion_answer_1">
  1747.                                <span>How do I create a link-in-bio page with 1INME?</span>
  1748.                                <span data-icon>
  1749.                            <i class="fas fa-fw fa-circle-chevron-down"></i>
  1750.                        </span>
  1751.                            </button>
  1752.                        </h3>
  1753.                    </div>
  1754.                    <div id="faq_accordion_answer_1" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_1" data-parent="#faq_accordion">
  1755.                        After registering with 1INME, you can easily create your own custom link-in-bio page by <a href="https://example.com">selecting from various templates</a> and customizing the links and branding to your liking.                    </div>
  1756.                </div>
  1757.            </div>
  1758.                    <div class="card">
  1759.                <div class="card-body">
  1760.                    <div class="" id="faq_accordion_2">
  1761.                        <h3 class="mb-0">
  1762.                            <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_2" aria-expanded="true" aria-controls="faq_accordion_answer_2">
  1763.                                <span>Can I use my own custom domain with 1INME?</span>
  1764.                                <span data-icon>
  1765.                            <i class="fas fa-fw fa-circle-chevron-down"></i>
  1766.                        </span>
  1767.                            </button>
  1768.                        </h3>
  1769.                    </div>
  1770.                    <div id="faq_accordion_answer_2" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_2" data-parent="#faq_accordion">
  1771.                        Yes, 1INME allows users to use their own <a href="https://example.com">custom domains</a> to create branded links and link-in-bio pages.                    </div>
  1772.                </div>
  1773.            </div>
  1774.                    <div class="card">
  1775.                <div class="card-body">
  1776.                    <div class="" id="faq_accordion_3">
  1777.                        <h3 class="mb-0">
  1778.                            <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_3" aria-expanded="true" aria-controls="faq_accordion_answer_3">
  1779.                                <span>Does 1INME offer analytics for tracking link clicks and visitor data?</span>
  1780.                                <span data-icon>
  1781.                            <i class="fas fa-fw fa-circle-chevron-down"></i>
  1782.                        </span>
  1783.                            </button>
  1784.                        </h3>
  1785.                    </div>
  1786.                    <div id="faq_accordion_answer_3" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_3" data-parent="#faq_accordion">
  1787.                        Yes, 1INME provides <a href="https://example.com">detailed analytics</a> for tracking link clicks, visitor data, and other key metrics to help you better understand your online audience.                    </div>
  1788.                </div>
  1789.            </div>
  1790.                    <div class="card">
  1791.                <div class="card-body">
  1792.                    <div class="" id="faq_accordion_4">
  1793.                        <h3 class="mb-0">
  1794.                            <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_4" aria-expanded="true" aria-controls="faq_accordion_answer_4">
  1795.                                <span>Is there a limit on the number of links I can create with 1INME?</span>
  1796.                                <span data-icon>
  1797.                            <i class="fas fa-fw fa-circle-chevron-down"></i>
  1798.                        </span>
  1799.                            </button>
  1800.                        </h3>
  1801.                    </div>
  1802.                    <div id="faq_accordion_answer_4" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_4" data-parent="#faq_accordion">
  1803.                        No, there is no limit to the number of links you can create with 1INME. You can create and manage as many links as you need to effectively manage your online presence.                    </div>
  1804.                </div>
  1805.            </div>
  1806.                    <div class="card">
  1807.                <div class="card-body">
  1808.                    <div class="" id="faq_accordion_5">
  1809.                        <h3 class="mb-0">
  1810.                            <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_5" aria-expanded="true" aria-controls="faq_accordion_answer_5">
  1811.                                <span>Can I use 1INME for my business or organization?</span>
  1812.                                <span data-icon>
  1813.                            <i class="fas fa-fw fa-circle-chevron-down"></i>
  1814.                        </span>
  1815.                            </button>
  1816.                        </h3>
  1817.                    </div>
  1818.                    <div id="faq_accordion_answer_5" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_5" data-parent="#faq_accordion">
  1819.                        Yes, 1INME can be used by <a href="https://example.com">businesses, organizations</a>, <a href="https://example.com">influencers, and individuals</a> alike to better manage their <a href="https://example.com">online presence</a> and create a more streamlined user experience for their audience.                    </div>
  1820.                </div>
  1821.            </div>
  1822.                    <div class="card">
  1823.                <div class="card-body">
  1824.                    <div class="" id="faq_accordion_6">
  1825.                        <h3 class="mb-0">
  1826.                            <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_6" aria-expanded="true" aria-controls="faq_accordion_answer_6">
  1827.                                <span>What kind of support does 1INME offer to users?</span>
  1828.                                <span data-icon>
  1829.                            <i class="fas fa-fw fa-circle-chevron-down"></i>
  1830.                        </span>
  1831.                            </button>
  1832.                        </h3>
  1833.                    </div>
  1834.                    <div id="faq_accordion_answer_6" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_6" data-parent="#faq_accordion">
  1835.                        1INME provides <a href="https://example.com">comprehensive support</a> to users through various channels, including email, live chat, and a knowledge base with helpful articles and tutorials.                    </div>
  1836.                </div>
  1837.            </div>
  1838.                    <div class="card">
  1839.                <div class="card-body">
  1840.                    <div class="" id="faq_accordion_7">
  1841.                        <h3 class="mb-0">
  1842.                            <button class="btn btn-lg font-weight-bold btn-block d-flex justify-content-between text-gray-800 px-0 icon-zoom-animation" type="button" data-toggle="collapse" data-target="#faq_accordion_answer_7" aria-expanded="true" aria-controls="faq_accordion_answer_7">
  1843.                                <span>How does 1INME ensure the security and privacy of user data?</span>
  1844.                                <span data-icon>
  1845.                            <i class="fas fa-fw fa-circle-chevron-down"></i>
  1846.                        </span>
  1847.                            </button>
  1848.                        </h3>
  1849.                    </div>
  1850.                    <div id="faq_accordion_answer_7" class="collapse text-muted mt-3" aria-labelledby="faq_accordion_7" data-parent="#faq_accordion">
  1851.                        1INME takes the security and privacy of user data very seriously and employs industry-standard security measures to protect user information. Additionally, 1INME does not share or sell user data to third parties.                    </div>
  1852.                </div>
  1853.            </div>
  1854.            </div>
  1855.        <div class="row mt-5">
  1856.        <div class="col-12 p-lg-9 p-md-5">
  1857.            <div class="swiper swiper-roller-full-cards">
  1858.                <div class="swiper-wrapper text-center">
  1859.                    <div class="swiper-slide px-6">
  1860.                        <h2 class="font-weight-bold" style="color:#f3ebff">The Ultimate Resource for <span style="text-decoration: underline;">Influencers</span> &amp; <span class="text-decoration-underline">Content Creators</span></h2>
  1861.                    </div>
  1862.                    <div class="swiper-slide px-6">
  1863.                        <h2 class="font-weight-bold" style="color:#f3ebff">Empowering <span style="text-decoration: underline;">Students</span> to streamline their academic journey.</h2>
  1864.                    </div>
  1865.                    <div class="swiper-slide px-6">
  1866.                        <h2 class="font-weight-bold" style="color:#f3ebff">Ultimate toolkit for <span style="text-decoration: underline;">Freelacers</span> managing &amp; simplifying workflows.</h2>
  1867.                    </div>
  1868.                    <div class="swiper-slide px-6">
  1869.                        <h2 class="font-weight-bold" style="color:#f3ebff">Powerful platform &amp; integrated tools to streamline <span style="text-decoration: underline;">Businesses</span>.</h2>
  1870.                    </div>
  1871.                    <div class="swiper-slide px-6">
  1872.                        <h2 class="font-weight-bold" style="color:#f3ebff">Managing <span style="text-decoration: underline;">Retailers</span> their operations and increase sales.</h2>
  1873.                    </div>
  1874.                    <div class="swiper-slide px-6">
  1875.                        <h2 class="font-weight-bold" style="color:#f3ebff">Maximize <span style="text-decoration: underline;">Artists</span> reach - easily connect with fans, &amp; showcase talent.</h2>
  1876.                    </div>
  1877.                </div>
  1878.                <div class="swiper-button-next text-primary"></div>
  1879.                <div class="swiper-button-prev text-primary"></div>
  1880.            </div>
  1881.        </div>
  1882.    </div>
  1883.    <div class="row">
  1884.        <div class="col-12 text-center">
  1885.            <p class="handwritten highlight font-md mb-5" style="color:#ffffff;">Save Time and Money with 1INME!</p>
  1886.            <a href="https://1in.me/register" class="btn btn-primary index-button zoom-animation mt-2">
  1887.                Sign up for free<i class="fas fa-fw fa-arrow-right"></i>
  1888.            </a>
  1889.        </div>
  1890.    </div>
  1891.    <div class="card border-0 index-cta mt-5 py-5 py-lg-6">
  1892.        <div class="card-body row align-items-center justify-content-center">
  1893.            <div class="col-12 col-lg-5">
  1894.                <div class="text-center text-lg-left mb-4 mb-lg-0">
  1895.                    <h1>Technical Support <i class="fas fa-fw fa-arrow-right"></i></h1>
  1896.                    <p class="h5">Any question about how to integrate your product?. Don't fret, our geek team is ready for you</p>
  1897.                </div>
  1898.            </div>
  1899.  
  1900.            <div class="col-12 col-lg-5 mt-4 mt-lg-0">
  1901.                <div class="text-center text-lg-right">
  1902.                    <a href="https://1in.me/contact" class="btn btn-primary zoom-animation">
  1903.                        Contact Us <i class="fas fa-fw fa-arrow-right"></i>
  1904.                    </a>
  1905.                </div>
  1906.            </div>
  1907.        </div>
  1908.    </div>
  1909. </div>
  1910.  
  1911.  
  1912.            <div class="dropdown">
  1913.    <button type="button" class="btn btn-primary btn-floating dropdown-toggle-simple" data-toggle="dropdown" data-boundary="viewport" data-tooltip title="Quick Actions">
  1914.        <i class="fas fa-fw fa-sm fa-plus"></i>
  1915.    </button>
  1916.    <div class="dropdown-menu dropdown-menu-right d-print-none" style="z-index:5000;">
  1917.        <button type="button" class="btn btn-primary dropdown-item switch_theme_style" data-toggle="tooltip" title="Switch to Dark Mode" data-title-theme-style-light="Switch to Light Mode" data-title-theme-style-dark="Switch to Dark Mode">
  1918.            <span data-theme-style="light" class=" "><i class="fas fa-fw fa-sm fa-sun mr-1"></i> Light</span>
  1919.            <span data-theme-style="dark" class=" d-none"><i class="fas fa-fw fa-sm fa-moon mr-1"></i> Dark</span>
  1920.        </button>
  1921.        <a class="dropdown-item scroll-btn" href="#" id="scroll-to-top">
  1922.            <i class="fas fa-fw fa-sm fa-arrow-up mr-2"></i> Scroll to Top
  1923.        </a>
  1924.        <a class="dropdown-item scroll-btn" href="#" id="scroll-to-bottom">
  1925.            <i class="fas fa-fw fa-sm fa-arrow-down mr-2"></i> Scroll to Bottom
  1926.        </a>
  1927.        <div class="dropdown-divider"></div>
  1928.        <a href="https://1in.me/" class="dropdown-item">
  1929.            <i class="fas fa-fw fa-sm fa-home mr-1"></i> Home
  1930.        </a>
  1931.        <a href="https://tools.1in.me/" target="_blank" class="dropdown-item">
  1932.            <i class="fas fa-fw fa-sm fa-screwdriver-wrench mr-1"></i> Web Tools
  1933.        </a>
  1934.        <a href="https://forms.1in.me/" target="_blank" class="dropdown-item">
  1935.            <i class="fab fa-fw fa-sm fa-wpforms mr-1"></i> Web Forms
  1936.        </a>
  1937.            </div>
  1938. </div>
  1939.        </main>
  1940.  
  1941.        
  1942.        <footer class="footer bg-image mt-0 pt-9">
  1943.            <div class="container d-print-none">
  1944.                <div class="card">
  1945.                    <div class="card-body">
  1946.                        
  1947. <div class="text-center mb-3" style="margin-top: -2.3rem !important;">
  1948.    <div class="btn-group btn-group-sm" role="group" aria-label="Button group" style="border-radius: 1.35rem;">
  1949.                    <div class="btn-group">
  1950.                <button type="button" class="btn btn-primary text-white dropdown-toggle" id="language_switch" data-toggle="dropdown" data-tooltip data-tooltip-hide-on-click aria-haspopup="true" aria-expanded="false" title="Choose Language">
  1951.                    <i class="fas fa-fw fa-sm fa-language mr-1"></i> english                </button>
  1952.  
  1953.                <div class="dropdown-menu dropdown-menu-right">
  1954.                                            <a class="dropdown-item" href="https://1in.me/en/?&set_language=english">
  1955.                                                            <i class="fas fa-fw fa-sm fa-check mr-2 text-success"></i>
  1956.                            
  1957.                            english                        </a>
  1958.                                    </div>
  1959.            </div>
  1960.                            <button type="button" class="btn btn-primary switch_theme_style" data-toggle="tooltip" title="Switch to Dark Mode" data-title-theme-style-light="Switch to Light Mode" data-title-theme-style-dark="Switch to Dark Mode">
  1961.                <span data-theme-style="light" class="text-white "><i class="fas fa-fw fa-sm fa-sun mr-1"></i> Light</span>
  1962.                <span data-theme-style="dark" class="text-white d-none"><i class="fas fa-fw fa-sm fa-moon mr-1"></i> Dark</span>
  1963.                            </button>
  1964.            </div>
  1965. </div>
  1966. <div class="row gap-y text-center text-md-start">
  1967.    <div class="col-4">
  1968.        <h6 class="bold py-2 text-primary text-uppercase">Company</h6>
  1969.        <nav class="nav flex-column">
  1970.            <a class="nav-item py-2 text-contrast" href="https://1in.me/about">About</a>
  1971.            <a class="nav-item py-2 text-contrast" href="https://1in.me/blog">Blog</a>
  1972.            <a class="nav-item py-2 text-contrast" href="https://1in.me/pricing">Pricing</a>
  1973.        </nav>
  1974.    </div>
  1975.    <div class="col-4">
  1976.        <h6 class="bold py-2 text-primary text-uppercase">Features</h6>
  1977.        <nav class="nav flex-column">
  1978.            <a class="nav-item py-2 text-contrast" href="https://1in.me/account-api">API Documentation</a>
  1979.            <a class="nav-item py-2 text-contrast" href="https://1in.me/faq">How it works</a>
  1980.            <a class="nav-item py-2 text-contrast" href="https://1in.me/services">Learn more</a>
  1981.        </nav>
  1982.    </div>
  1983.    <div class="col-4">
  1984.        <h6 class="bold py-2 text-primary text-uppercase">Resources</h6>
  1985.        <nav class="nav flex-column">
  1986.            <a class="nav-item py-2 text-contrast" href="https://1in.me/affiliate">Affiliate</a>
  1987.            <a class="nav-item py-2 text-contrast" href="https://1in.me/directory">Directory</a>
  1988.            <a class="nav-item py-2 text-contrast" href="https://1in.me/contact">Contact</a>
  1989.        </nav>
  1990.    </div>
  1991. </div>
  1992. <div class="card mt-5" style="background: var(--primary-100);">
  1993.    <div class="card-body p-5">
  1994.        <div class="row">
  1995.            <div class="col-12 col-md-7 col-about text-md-left text-center">
  1996.                <h6 class="bold py-2 text-primary text-uppercase">About Us</h6>
  1997.                <p>1INME is your one-stop solution for enhancing your online presence. Our "link-in-bio" feature simplifies sharing by consolidating all your important links in one place. Whether you're an individual or a business, our user-friendly tools, including custom forms and web utilities, offer endless possibilities. Discover how 1INME can empower you in the digital world by visiting <a href="https://1in.me/about">here</a>.</p>
  1998.            </div>
  1999.            <div class="col-12 col-md-5 text-center col-brand">
  2000.                <a
  2001.                        class="h5 footer-heading"
  2002.                        href="https://1in.me/"
  2003.                        data-logo
  2004.                        data-light-value="https://1in.me/themes/altum/assets/custom/logos/logo_icon.webp"
  2005.                        data-light-class="mb-3 footer-iconlogo"
  2006.                        data-light-tag="img"
  2007.                        data-dark-value="https://1in.me/themes/altum/assets/custom/logos/logo_icon_colorbg.webp"
  2008.                        data-dark-class="mb-3 footer-iconlogo"
  2009.                        data-dark-tag="img"
  2010.                >
  2011.                    <img src="https://1in.me/themes/altum/assets/custom/logos/logo_icon.webp" class="mb-3 footer-iconlogo" alt="Website Logo" style="height: 154px;" />
  2012.                </a>
  2013.                <p class="handwritten highlight text-contrast font-md">Follow us</p>
  2014.                <div class="d-flex flex-wrap justify-content-center align-items-center mt-5">
  2015.                                                                                                                    <a href="https://facebook.com/1INME.Biolink" class="mr-2 mr-lg-0 ml-lg-2 mb-2 p-1 brand-facebook" target="_blank" data-toggle="tooltip" title="Facebook" style="border-radius: .35rem;"><i class="fab fa-facebook fa-fw " style="color:#ffffff"></i></a>
  2016.                                                                                                                                            <a href="https://x.com/1IN_ME" class="mr-2 mr-lg-0 ml-lg-2 mb-2 p-1 brand-twitter" target="_blank" data-toggle="tooltip" title="X" style="border-radius: .35rem;"><i class="fab fa-x-twitter fa-fw " style="color:#ffffff"></i></a>
  2017.                                                                                                <a href="https://instagram.com/1IN.ME" class="mr-2 mr-lg-0 ml-lg-2 mb-2 p-1 brand-instagram" target="_blank" data-toggle="tooltip" title="Instagram" style="border-radius: .35rem;"><i class="fab fa-instagram fa-fw " style="color:#ffffff"></i></a>
  2018.                                                                                                                                            <a href="https://linkedin.com/company/80438365/" class="mr-2 mr-lg-0 ml-lg-2 mb-2 p-1 brand-linkedin" target="_blank" data-toggle="tooltip" title="LinkedIn" style="border-radius: .35rem;"><i class="fab fa-linkedin fa-fw " style="color:#ffffff"></i></a>
  2019.                                                                                                                                            <a href="mailto:support@1in.me" class="mr-2 mr-lg-0 ml-lg-2 mb-2 p-1 brand-email" target="_blank" data-toggle="tooltip" title="Email" style="border-radius: .35rem;"><i class="fa fa-envelope fa-fw " style="color:#ffffff"></i></a>
  2020.                                                            </div>
  2021.            </div>
  2022.        </div>
  2023.    </div>
  2024. </div>
  2025. <hr/>
  2026. <div class="row">
  2027.    <div class="col-12 text-center">
  2028.        <p class="mt-2 mb-0">
  2029.            <a class="" href="https://1in.me/terms">Terms and Conditions</a> |
  2030.            <a class="" href="https://1in.me/privacy">Privacy Policy</a> |
  2031.            <a class="" href="#" data-cc="c-settings">Cookies</a>
  2032.            <br>
  2033.            © 2021-23 1INME, <em>by</em> <a class="brand bold" href="https://therebelmanifesto.com/" target="_blank">Rebellion Digital</a>. All Rights Reserved.
  2034.        </p>
  2035.    </div>
  2036. </div>
  2037.                    </div>
  2038.                </div>
  2039.            </div>
  2040.        </footer>
  2041.  
  2042.        
  2043.        
  2044. <input type="hidden" name="global_site_url" value="https://1in.me/" />
  2045. <input type="hidden" name="global_url" value="https://1in.me/" />
  2046. <input type="hidden" name="global_token" value="043d917818be2feda141cc68b010241a" />
  2047. <input type="hidden" name="global_number_decimal_point" value="." />
  2048. <input type="hidden" name="global_number_thousands_separator" value="," />
  2049.  
  2050. <script>
  2051.    /* Some global variables */
  2052.    window.altum = {};
  2053.    let global_token = document.querySelector('input[name="global_token"]').value;
  2054.    let site_url = document.querySelector('input[name="global_site_url"]').value;
  2055.    let url = document.querySelector('input[name="global_url"]').value;
  2056.    let decimal_point = document.querySelector('[name="global_number_decimal_point"]').value;
  2057.    let thousands_separator = document.querySelector('[name="global_number_thousands_separator"]').value;
  2058. </script>
  2059.  
  2060.                    <script src="https://1in.me/themes/altum/assets/js/libraries/jquery.min.js?v=4000"></script>
  2061.                    <script src="https://1in.me/themes/altum/assets/js/libraries/popper.min.js?v=4000"></script>
  2062.                    <script src="https://1in.me/themes/altum/assets/js/libraries/bootstrap.min.js?v=4000"></script>
  2063.                    <script src="https://1in.me/themes/altum/assets/js/custom.js?v=4000"></script>
  2064.                    <script src="https://1in.me/themes/altum/assets/js/libraries/fontawesome.min.js?v=4000"></script>
  2065.                    <script src="https://1in.me/themes/altum/assets/js/libraries/fontawesome-solid.min.js?v=4000"></script>
  2066.                    <script src="https://1in.me/themes/altum/assets/js/libraries/fontawesome-brands.min.js?v=4000"></script>
  2067.                <script>
  2068.            let lastScrollTop = 0;
  2069.            $(window).scroll(function() {
  2070.                let currentScroll = $(this).scrollTop();
  2071.                if (currentScroll > lastScrollTop) {
  2072.                    // Scrolling down
  2073.                    $('#navbar').fadeOut();
  2074.                } else {
  2075.                    // Scrolling up
  2076.                    $('#navbar').fadeIn();
  2077.                }
  2078.                lastScrollTop = currentScroll <= 0 ? 0 : currentScroll; // For Mobile or negative scrolling
  2079.            });
  2080.        </script>
  2081.        <script>
  2082.            $(document).ready(function() {
  2083.                $(window).scroll(function() {
  2084.                    var scrollTop = $(this).scrollTop();
  2085.                    $('.parallax-text').css({
  2086.                        'transform': 'translate(0px, ' + scrollTop / 2 + '%)'
  2087.                    });
  2088.                });
  2089.            });
  2090.        </script>
  2091.        <script>
  2092.            function typeText(span) {
  2093.                const words = JSON.parse(span.getAttribute('data-strings'));
  2094.                let currentWordIndex = 0;
  2095.                let letterIndex = 0;
  2096.                let direction = 1; // 1 for typing, -1 for deleting
  2097.                let currentWord = words[currentWordIndex];
  2098.  
  2099.                function updateText() {
  2100.                    const text = currentWord.substring(0, letterIndex);
  2101.                    span.textContent = text;
  2102.                }
  2103.  
  2104.                function type() {
  2105.                    letterIndex += direction;
  2106.                    updateText();
  2107.  
  2108.                    if (letterIndex === currentWord.length && direction === 1) {
  2109.                        direction = -1; // Change direction to delete
  2110.                        setTimeout(type, 1000); // Delay before deleting
  2111.                    } else if (letterIndex === 0 && direction === -1) {
  2112.                        direction = 1; // Change direction to type
  2113.                        currentWordIndex = (currentWordIndex + 1) % words.length; // Move to the next word
  2114.                        currentWord = words[currentWordIndex];
  2115.                        setTimeout(type, 500); // Delay before typing the next word
  2116.                    } else {
  2117.                        setTimeout(type, 100); // Typing/deleting speed
  2118.                    }
  2119.                }
  2120.  
  2121.                // Start the typing animation
  2122.                type();
  2123.            }
  2124.  
  2125.            // Start the typing animation when the page loads
  2126.            document.addEventListener('DOMContentLoaded', function() {
  2127.                const typedElements = document.querySelectorAll('.typed');
  2128.                typedElements.forEach(function(span) {
  2129.                    typeText(span);
  2130.                });
  2131.            });
  2132.  
  2133.        </script>
  2134.        <script>
  2135.            'use strict';
  2136.  
  2137.            let payment_frequency_handler = (event = null) => {
  2138.  
  2139.                let payment_frequency = null;
  2140.  
  2141.                if(event) {
  2142.                    payment_frequency = $(event.currentTarget).data('payment-frequency');
  2143.                } else {
  2144.                    payment_frequency = $('[name="payment_frequency"]:checked').closest('label').data('payment-frequency');
  2145.                }
  2146.  
  2147.                switch(payment_frequency) {
  2148.                    case 'monthly':
  2149.                        $(`[data-plan-payment-frequency="annual"]`).removeClass('d-inline-block').addClass('d-none');
  2150.                        $(`[data-plan-payment-frequency="lifetime"]`).removeClass('d-inline-block').addClass('d-none');
  2151.  
  2152.                        break;
  2153.  
  2154.                    case 'annual':
  2155.                        $(`[data-plan-payment-frequency="monthly"]`).removeClass('d-inline-block').addClass('d-none');
  2156.                        $(`[data-plan-payment-frequency="lifetime"]`).removeClass('d-inline-block').addClass('d-none');
  2157.  
  2158.                        break
  2159.  
  2160.                    case 'lifetime':
  2161.                        $(`[data-plan-payment-frequency="monthly"]`).removeClass('d-inline-block').addClass('d-none');
  2162.                        $(`[data-plan-payment-frequency="annual"]`).removeClass('d-inline-block').addClass('d-none');
  2163.  
  2164.                        break
  2165.                }
  2166.  
  2167.                $(`[data-plan-payment-frequency="${payment_frequency}"]`).addClass('d-inline-block');
  2168.  
  2169.                $(`[data-plan-${payment_frequency}="true"]`).removeClass('d-none').addClass('');
  2170.                $(`[data-plan-${payment_frequency}="false"]`).addClass('d-none').removeClass('');
  2171.  
  2172.            };
  2173.  
  2174.            $('[data-payment-frequency]').on('click', payment_frequency_handler);
  2175.  
  2176.            payment_frequency_handler();
  2177.        </script>
  2178.  
  2179.                    <script>
  2180.                'use strict';
  2181.  
  2182.                let payment_frequency_handler = (event = null) => {
  2183.  
  2184.                    let payment_frequency = null;
  2185.  
  2186.                    if(event) {
  2187.                        payment_frequency = $(event.currentTarget).data('payment-frequency');
  2188.                    } else {
  2189.                        payment_frequency = $('[name="payment_frequency"]:checked').closest('label').data('payment-frequency');
  2190.                    }
  2191.  
  2192.                    switch(payment_frequency) {
  2193.                        case 'monthly':
  2194.                            $(`[data-plan-payment-frequency="annual"]`).removeClass('d-inline-block').addClass('d-none');
  2195.                            $(`[data-plan-payment-frequency="lifetime"]`).removeClass('d-inline-block').addClass('d-none');
  2196.  
  2197.                            break;
  2198.  
  2199.                        case 'annual':
  2200.                            $(`[data-plan-payment-frequency="monthly"]`).removeClass('d-inline-block').addClass('d-none');
  2201.                            $(`[data-plan-payment-frequency="lifetime"]`).removeClass('d-inline-block').addClass('d-none');
  2202.  
  2203.                            break
  2204.  
  2205.                        case 'lifetime':
  2206.                            $(`[data-plan-payment-frequency="monthly"]`).removeClass('d-inline-block').addClass('d-none');
  2207.                            $(`[data-plan-payment-frequency="annual"]`).removeClass('d-inline-block').addClass('d-none');
  2208.  
  2209.                            break
  2210.                    }
  2211.  
  2212.                    $(`[data-plan-payment-frequency="${payment_frequency}"]`).addClass('d-inline-block');
  2213.  
  2214.                    $(`[data-plan-${payment_frequency}="true"]`).removeClass('d-none').addClass('');
  2215.                    $(`[data-plan-${payment_frequency}="false"]`).addClass('d-none').removeClass('');
  2216.  
  2217.                };
  2218.  
  2219.                $('[data-payment-frequency]').on('click', payment_frequency_handler);
  2220.  
  2221.                payment_frequency_handler();
  2222.            </script>
  2223.            <script>
  2224.        'use strict';
  2225.  
  2226.        $('#faq_accordion').on('show.bs.collapse', event => {
  2227.            let svg = event.target.parentElement.querySelector('[data-icon] svg')
  2228.            svg.style.transform = 'rotate(180deg)';
  2229.            svg.style.color = 'var(--primary)';
  2230.        })
  2231.  
  2232.        $('#faq_accordion').on('hide.bs.collapse', event => {
  2233.            let svg = event.target.parentElement.querySelector('[data-icon] svg')
  2234.            svg.style.color = 'var(--primary-800)';
  2235.            svg.style.removeProperty('transform');
  2236.        })
  2237.    </script>
  2238.    <script src="https://1in.me/themes/altum/assets/js/libraries/aos.min.js"></script>
  2239.  
  2240. <script>
  2241.    AOS.init({
  2242.        delay: 100,
  2243.        duration: 600
  2244.    });
  2245. </script>
  2246. <script>
  2247.    let images = document.querySelectorAll('.image-fade');
  2248.    let index = 0;
  2249.    images[index].classList.add('active');
  2250.  
  2251.    // Function to fade in/out images
  2252.    function fadeImages() {
  2253.        images[index].classList.remove('active');
  2254.        index = (index + 1) % images.length;
  2255.        images[index].classList.add('active');
  2256.    }
  2257.  
  2258.    // Automatically switch images every 3 seconds
  2259.    setInterval(fadeImages, 3000);
  2260. </script>
  2261. <script>
  2262.    var swiper = new Swiper(".swiper-photos-cards", {
  2263.        effect: "coverflow",
  2264.        grabCursor: true,
  2265.        centeredSlides: true,
  2266.        slidesPerView: "auto",
  2267.        coverflowEffect: {
  2268.            rotate: 50,
  2269.            stretch: 0,
  2270.            depth: 100,
  2271.            modifier: 1,
  2272.            slideShadows: true,
  2273.        },
  2274.        autoplay: {
  2275.            delay: 3000, // Delay between slides in milliseconds (e.g., 3000ms = 3 seconds)
  2276.            disableOnInteraction: false, // Set to false to prevent autoplay from stopping when the user interacts with the swiper
  2277.        },
  2278.    });
  2279. </script>
  2280. <script>
  2281.    var swiper = new Swiper(".swiper-tinder-cards", {
  2282.        // Default settings
  2283.        effect: "cards",
  2284.        grabCursor: true,
  2285.        autoplay: {
  2286.            delay: 3000,
  2287.            disableOnInteraction: false,
  2288.        },
  2289.  
  2290.        // Responsive breakpoints
  2291.        breakpoints: {
  2292.            0: {
  2293.                // For XS screen sizes and below (up to 575px)
  2294.                effect: "flip",
  2295.            },
  2296.            992: {
  2297.                // For SM screen sizes and above (from 576px and up)
  2298.                effect: "cards",
  2299.            },
  2300.        },
  2301.    });
  2302.  
  2303. </script>
  2304. <script>
  2305.    var swiper = new Swiper(".swiper-dynamic-cards", {
  2306.        effect: "flip",
  2307.        grabCursor: true,
  2308.        pagination: {
  2309.            el: ".swiper-pagination",
  2310.            dynamicBullets: true,
  2311.        },
  2312.        autoplay: {
  2313.            delay: 3000, // Delay between slides in milliseconds (e.g., 3000ms = 3 seconds)
  2314.            disableOnInteraction: false, // Set to false to prevent autoplay from stopping when the user interacts with the swiper
  2315.        },
  2316.    });
  2317. </script>
  2318. <script>
  2319.    var swiper = new Swiper(".swiper-fade-cards", {
  2320.        effect: "fade",
  2321.        grabCursor: true,
  2322.        autoplay: {
  2323.            delay: 3000, // Delay between slides in milliseconds (e.g., 3000ms = 3 seconds)
  2324.            disableOnInteraction: false, // Set to false to prevent autoplay from stopping when the user interacts with the swiper
  2325.        },
  2326.    });
  2327. </script>
  2328. <script>
  2329.    var swiper = new Swiper(".swiper-image-roller-cards", {
  2330.        slidesPerView: 1,
  2331.        spaceBetween: 30,
  2332.        freeMode: true,
  2333.        loop: true,
  2334.        padding: {
  2335.            left   :'0px',
  2336.            right: '80px',
  2337.        },
  2338.        breakpoints: {
  2339.            // when window width is >= 320px
  2340.            576: {
  2341.                slidesPerView: 1,
  2342.                spaceBetween: 20
  2343.            },
  2344.            // when window width is >= 480px
  2345.            768: {
  2346.                slidesPerView: 2,
  2347.                spaceBetween: 30
  2348.            },
  2349.            // when window width is >= 640px
  2350.            992: {
  2351.                slidesPerView: 3,
  2352.                spaceBetween: 20
  2353.            },
  2354.            1200: {
  2355.                slidesPerView: 4,
  2356.                spaceBetween: 20
  2357.            }
  2358.        },
  2359.        autoplay: {
  2360.            delay: 2000, // Delay between slides in milliseconds (e.g., 3000ms = 3 seconds)
  2361.            disableOnInteraction: false, // Set to false to prevent autoplay from stopping when the user interacts with the swiper
  2362.        },
  2363.    });
  2364. </script>
  2365. <script>
  2366.    var swiper = new Swiper(".swiper-roller-full-arrow-cards", {
  2367.        slidesPerView: 1,
  2368.        spaceBetween: 30,
  2369.        freeMode: true,
  2370.        loop: true,
  2371.        breakpoints: {
  2372.            // when window width is >= 320px
  2373.            576: {
  2374.            },
  2375.            // when window width is >= 480px
  2376.            768: {
  2377.            },
  2378.            // when window width is >= 640px
  2379.            992: {
  2380.                navigation: {
  2381.                    nextEl: ".swiper-button-next",
  2382.                    prevEl: ".swiper-button-prev",
  2383.                },
  2384.            },
  2385.            1200: {
  2386.                navigation: {
  2387.                    nextEl: ".swiper-button-next",
  2388.                    prevEl: ".swiper-button-prev",
  2389.                },
  2390.            }
  2391.        },
  2392.        autoplay: {
  2393.            delay: 3000, // Delay between slides in milliseconds (e.g., 3000ms = 3 seconds)
  2394.            disableOnInteraction: false, // Set to false to prevent autoplay from stopping when the user interacts with the swiper
  2395.        },
  2396.    });
  2397.    var swiper = new Swiper(".swiper-roller-full-cards", {
  2398.        slidesPerView: 1,
  2399.        spaceBetween: 30,
  2400.        freeMode: true,
  2401.        loop: true,
  2402.        navigation: {
  2403.            nextEl: ".swiper-button-next",
  2404.            prevEl: ".swiper-button-prev",
  2405.        },
  2406.        autoplay: {
  2407.            delay: 3000, // Delay between slides in milliseconds (e.g., 3000ms = 3 seconds)
  2408.            disableOnInteraction: false, // Set to false to prevent autoplay from stopping when the user interacts with the swiper
  2409.        },
  2410.    });
  2411. </script>
  2412. <script>
  2413.    var swiper = new Swiper(".swiper-roller-cards", {
  2414.        slidesPerView: 1,
  2415.        spaceBetween: 30,
  2416.        freeMode: true,
  2417.        loop: true,
  2418.        padding: {
  2419.            left   :'0px',
  2420.            right: '80px',
  2421.        },
  2422.        breakpoints: {
  2423.            // when window width is >= 320px
  2424.            576: {
  2425.                slidesPerView: 1,
  2426.                spaceBetween: 20
  2427.            },
  2428.            // when window width is >= 480px
  2429.            768: {
  2430.                slidesPerView: 2,
  2431.                spaceBetween: 30
  2432.            },
  2433.            // when window width is >= 640px
  2434.            992: {
  2435.                slidesPerView: 3,
  2436.                spaceBetween: 20
  2437.            },
  2438.            1200: {
  2439.                slidesPerView: 3,
  2440.                spaceBetween: 20
  2441.            }
  2442.        },
  2443.        autoplay: {
  2444.            delay: 3000, // Delay between slides in milliseconds (e.g., 3000ms = 3 seconds)
  2445.            disableOnInteraction: false, // Set to false to prevent autoplay from stopping when the user interacts with the swiper
  2446.        },
  2447.    });
  2448. </script>
  2449. <script>
  2450.    var swiper = new Swiper(".swiper-flip-cards", {
  2451.        effect: "flip",
  2452.        grabCursor: true,
  2453.        loop: true,
  2454.        autoplay: {
  2455.            delay: 3000, // Delay between slides in milliseconds (e.g., 3000ms = 3 seconds)
  2456.            disableOnInteraction: false, // Set to false to prevent autoplay from stopping when the user interacts with the swiper
  2457.        },
  2458.    });
  2459.    var swiper = new Swiper(".swiper-flip-500-cards", {
  2460.        effect: "flip",
  2461.        grabCursor: true,
  2462.        loop: true,
  2463.        autoplay: {
  2464.            delay: 2300, // Delay between slides in milliseconds (e.g., 3000ms = 3 seconds)
  2465.            disableOnInteraction: false, // Set to false to prevent autoplay from stopping when the user interacts with the swiper
  2466.        },
  2467.    });
  2468.    var swiper = new Swiper(".swiper-flip-1500-cards", {
  2469.        effect: "flip",
  2470.        grabCursor: true,
  2471.        loop: true,
  2472.        autoplay: {
  2473.            delay: 1500, // Delay between slides in milliseconds (e.g., 3000ms = 3 seconds)
  2474.            disableOnInteraction: false, // Set to false to prevent autoplay from stopping when the user interacts with the swiper
  2475.        },
  2476.    });
  2477. </script>
  2478. <script>
  2479.    var swiper = new Swiper(".swiper-browser-cards", {
  2480.        effect: "creative",
  2481.        creativeEffect: {
  2482.            prev: {
  2483.                shadow: true,
  2484.                translate: ["-120%", 0, -500],
  2485.            },
  2486.            next: {
  2487.                shadow: true,
  2488.                translate: ["120%", 0, -500],
  2489.            },
  2490.        },
  2491.        grabCursor: true,
  2492.        loop: true,
  2493.        autoplay: {
  2494.            delay: 3000, // Delay between slides in milliseconds (e.g., 3000ms = 3 seconds)
  2495.            disableOnInteraction: false, // Set to false to prevent autoplay from stopping when the user interacts with the swiper
  2496.        },
  2497.    });
  2498. </script>
  2499. <script>
  2500.    document.querySelectorAll('.switch_theme_style').forEach(button => {
  2501.        button.addEventListener('click', event => {
  2502.            let theme_style = document.querySelector('body[data-theme-style]').getAttribute('data-theme-style');
  2503.            let new_theme_style = theme_style == 'light' ? 'dark' : 'light';
  2504.  
  2505.            /* Set a cookie with the new theme style */
  2506.            set_cookie('theme_style', new_theme_style, 30, "\/");
  2507.  
  2508.            /* Change the CSS and button on the page */
  2509.            let css = document.querySelector(`#css_theme_style`);
  2510.  
  2511.            document.querySelector(`body[data-theme-style]`).setAttribute('data-theme-style', new_theme_style);
  2512.  
  2513.            switch (new_theme_style) {
  2514.                case 'dark':
  2515.                    css.setAttribute('href', "https:\/\/1in.me\/themes\/altum\/assets\/css\/bootstrap-dark.min.css?v=4000");
  2516.                    document.body.classList.add('c_darkmode');
  2517.                    break;
  2518.  
  2519.                case 'light':
  2520.                    css.setAttribute('href', "https:\/\/1in.me\/themes\/altum\/assets\/css\/bootstrap.min.css?v=4000");
  2521.                    document.body.classList.remove('c_darkmode');
  2522.                    break;
  2523.            }
  2524.  
  2525.            /* Refresh the logo/title */
  2526.            document.querySelectorAll('[data-logo]').forEach(element => {
  2527.                let new_brand_value = element.getAttribute(`data-${new_theme_style}-value`);
  2528.                let new_brand_class = element.getAttribute(`data-${new_theme_style}-class`);
  2529.                let new_brand_tag = element.getAttribute(`data-${new_theme_style}-tag`)
  2530.                let new_brand_html = new_brand_tag == 'img' ? `<img src="${new_brand_value}" class="${new_brand_class}" alt="Website Logo" />` : `<${new_brand_tag} class="${new_brand_class}">${new_brand_value}</${new_brand_tag}>`;
  2531.                element.innerHTML = new_brand_html;
  2532.            });
  2533.  
  2534.            document.querySelectorAll(`.switch_theme_style`).forEach(button => {
  2535.                button.setAttribute('data-original-title', button.getAttribute(`data-title-theme-style-${theme_style}`));
  2536.                button.querySelector(`[data-theme-style="${new_theme_style}"]`).classList.remove('d-none');
  2537.                button.querySelector(`[data-theme-style="${theme_style}"]`).classList.add('d-none');
  2538.            });
  2539.  
  2540.            $(`.switch_theme_style`).tooltip('hide').tooltip('show');
  2541.  
  2542.            event.preventDefault();
  2543.        });
  2544.    });
  2545.    document.querySelectorAll('.scroll-btn').forEach(button => {
  2546.        button.addEventListener('click', event => {
  2547.            event.preventDefault();
  2548.  
  2549.            let scrollPosition;
  2550.            if (button.id === 'scroll-to-top') {
  2551.                scrollPosition = 0; // Scrolls to the top
  2552.            } else if (button.id === 'scroll-to-bottom') {
  2553.                scrollPosition = document.documentElement.scrollHeight; // Scrolls to the bottom
  2554.            }
  2555.  
  2556.            window.scrollTo({
  2557.                top: scrollPosition,
  2558.                behavior: 'smooth' // Adds smooth scrolling effect
  2559.            });
  2560.        });
  2561.    });
  2562. </script>
  2563.    <script src="https://1in.me/themes/altum/assets/js/libraries/cookieconsent.js?v=4000"></script>
  2564.    <link href="https://1in.me/themes/altum/assets/css/libraries/cookieconsent.css?v=4000" rel="stylesheet" media="screen">
  2565.  
  2566.    <script>
  2567.        let language_code = document.documentElement.getAttribute('lang');
  2568.        let languages = {};
  2569.        languages[language_code] = {
  2570.            consent_modal: {
  2571.                title: "We use cookies \ud83c\udf6a",
  2572.                description: "Hi, this website uses essential cookies to ensure its proper operation and tracking cookies to understand how you interact with it. The latter will be set only after consent. <button type=\"button\" data-cc=\"c-settings\" class=\"cc-link\">Let me choose<\/button>",
  2573.                primary_btn: {
  2574.                    text: "Accept all",
  2575.                    role: 'accept_all'
  2576.                },
  2577.                secondary_btn: {
  2578.                    text: "Reject all",
  2579.                    role: 'accept_necessary'
  2580.                }
  2581.            },
  2582.            settings_modal: {
  2583.                title: "Cookie preferences",
  2584.                save_settings_btn: "Save settings",
  2585.                accept_all_btn: "Accept all",
  2586.                reject_all_btn: "Reject all",
  2587.                close_btn_label: "Close",
  2588.                blocks: [
  2589.                    {
  2590.                        title: "Cookie usage \ud83d\udce2",
  2591.                        description: "We use cookies to ensure the basic functionalities of the website and to enhance your online experience. You can choose for each category to opt-in\/out whenever you want. For more details relative to cookies and other sensitive data, please read the full <a href=\"https:\/\/1in.me\/privacy\" class=\"cc-link\">privacy policy<\/a>."                    },
  2592.  
  2593.                                        {
  2594.                        title: "Strictly necessary cookies",
  2595.                        description: "These cookies are essential for the proper functioning of my website. Without these cookies, the website would not work properly.",
  2596.                        toggle: {
  2597.                            value: 'necessary',
  2598.                            enabled: true,
  2599.                            readonly: true
  2600.                        }
  2601.                    },
  2602.                    
  2603.                                        {
  2604.                        title: "Performance and Analytics cookies",
  2605.                        description: "These cookies allow the website to remember the choices you have made in the past.",
  2606.                        toggle: {
  2607.                            value: 'analytics',
  2608.                            enabled: false,
  2609.                            readonly: false
  2610.                        }
  2611.                    },
  2612.                    
  2613.                                        {
  2614.                        title: "Advertisement and Targeting cookies",
  2615.                        description: "These cookies collect information about how you use the website, which pages you visited and which links you clicked on. All of the data is anonymized and cannot be used to identify you.",
  2616.                        toggle: {
  2617.                            value: 'targeting',
  2618.                            enabled: false,
  2619.                            readonly: false
  2620.                        }
  2621.                    }
  2622.                                    ]
  2623.            }
  2624.        };
  2625.  
  2626.        window.addEventListener('load', () => {
  2627.            let cc = initCookieConsent();
  2628.  
  2629.            cc.run({
  2630.                current_lang: language_code,
  2631.                autoclear_cookies: true,
  2632.                page_scripts: true,
  2633.                gui_options: {
  2634.                    consent_modal: {
  2635.                        layout: "box",
  2636.                        position: "bottom center",
  2637.                        transition: 'slide',
  2638.                        swap_buttons: false
  2639.                    },
  2640.                    settings_modal: {
  2641.                        layout: 'box',
  2642.                        transition: 'slide'
  2643.                    }
  2644.                },
  2645.                languages: languages,
  2646.  
  2647.                                onAccept: (cookie) => {
  2648.                    if(!get_cookie('cookie_consent_logged')) {
  2649.                        navigator.sendBeacon(`${url}cookie-consent`, JSON.stringify({global_token, level: cookie.level}));
  2650.                        set_cookie('cookie_consent_logged', '1', 182, "\/");
  2651.                    }
  2652.                },
  2653.                onChange: (cookie) => {
  2654.                    navigator.sendBeacon(`${url}cookie-consent`, JSON.stringify({global_token, level: cookie.level}));
  2655.                    set_cookie('cookie_consent_logged', '1', 182, "\/");
  2656.                }
  2657.                            });
  2658.        });
  2659.    </script>
  2660.        </body>
  2661. </html>
  2662.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda