1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 5-6
5 6<script async src="https://www.googletagmanager.com/gtag/js?id=
6UA-681821-30
vendor: 13 bytes, line 6
6"></script>
7<script> 8
vendor: 138 bytes, lines 8-12
8window.dataLayer = window.dataLayer || []; 9 function gtag() { dataLayer.push(arguments); } 10 gtag('js', new Date()); 11 12 gtag('config', '
12UA-681821-30
vendor: 5 bytes, line 12
12');
13</script>
13 14 15<!-- Google Tag Manager -->
16<script>
vendor: 403 bytes, lines 16-24
16 17 (function (w, d, s, l, i) { 18 w[l] = w[l] || []; w[l].push({ 19 'gtm.start': 20 new Date().getTime(), event: 'gtm.js' 21 }); var f = d.getElementsByTagName(s)[0], 22 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 23 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 24 })(window, document, 'script', 'dataLayer', '
24GTM-5RCV9HL
vendor: 3 bytes, line 24
24');
24</script>
24 25<!-- End Google Tag Manager --> 26 27<title>Link in Bio™ • Official Platform for Instagram, TikTok & YouTube</title> 28 29<meta charset="utf-8" /> 30<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 31 32<!-- HTML Meta Tags --> 33<meta name="description" content="Create your Link in Bio Free! Add Links, Videos, Music, Email / SMS Sign Up & Shops to your Instagram, TikTok, YouTube, X or other Social Media profiles!"> 34<meta name="keywords" content="link in bio, link in bio app, linkinbio, instagram link in bio, link in bio instagram, bio link, how to link instagram to tiktok, link bio, lnk bio, tiktok link in bio, link in bio tiktok, in bio, link in bio free, link in bio platforms, linkinbio free, linkinbio login, linkin.bio, link in bio tools, best link in bio, best link in bio platform, link in bio.com, linknbio, music bio link, instagram, digital marketing, marketing digital, data driven marketing, data-driven marketing, social media marketing, email marketing, email marketing software, sms marketing, social login, facebook login, google sign in, sign in with apple, facebook ads, email subscription form, subscription form, subscribe form, email signup form, mailchimp, constant contact, convertkit, linktree" /> 35<meta name="robots" content="index, follow"> 36<meta name="facebook-domain-verification" content="oceq0qthne3rl3xwgy1r4504em4hjb" /> 37 38<!-- Schema.org Structured Data -->
39<script type="application/ld+json">{"@context": "https://schema.org","@type": "Organization","url": "https://linknbio.com","email": "[email protected]","logo": "https://linknbio.com/assets/images/app-icons/icon-512.png","name": "Link in Bio"}</script>
39 40 41<!-- CSS References --> 42<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 43<link href="/css/site.min.css?v=wh0HAThYXXfD1XJq7Ls5j71HEHMbwDhYpkGOtQ_Shbw" rel="stylesheet" /> 44 45<!-- JavaScript References -->
46<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
46
47<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" async></script>
47
48<script src="/js/site.js?v=h8kqzSmroBap4Urc1WGytO_1hOstN3LX5hZyN3-sHJ8" async></script>
48 49 50<!-- Favicon for Various Sizes --> 51<link rel="icon" type="image/x-icon" href="/assets/images/favicon/favicon.ico?v=K_QbM-JVPkVaZ4W64QYDFAS-wOEFY5ukX7VVgJGuQ1M"> 52<link rel="icon" type="image/png" href="/assets/images/favicon/16x16.png?v=uPTkc6eibV8yzFocyU7-wMPtkCeIgWzXs_K2JIi2AT8" sizes="16x16"> 53<link rel="icon" type="image/png" href="/assets/images/favicon/32x32.png?v=9u2tIIhoeuACvfTnYbO5pU_-Mi9_QvOprFuC2lgDBgo" sizes="32x32"> 54<link rel="icon" type="image/png" href="/assets/images/favicon/48x48.png?v=WEjthW_INx1dyx_NuO0p8OH-i_XlZ3xD3JsD_Bg2DjQ" sizes="48x48"> 55<link rel="icon" type="image/png" href="/assets/images/favicon/64x64.png?v=Ph0xdDgpxlOhwhxvmmNdWSjAfu9ELAcQ_m0Hg3SBcuU" sizes="64x64"> 56<link rel="icon" type="image/png" href="/assets/images/favicon/192x192.png?v=kXtzAJN5syGcx9tCLS7urQFXqIf8p2t_VofC7cn6lOY" sizes="192x192"> 57 58<!-- Apple App Store Smart App Banner --> 59<meta name="apple-itunes-app" content="app-id=6478511423"> 60 61<!-- PWA Configuration -->
62<script>if (location.hostname === 'linknbio.com') { navigator.serviceWorker.register('/service-worker.js'); }</script>
62 63<link rel="manifest" href="/manifest.json"> 64<link rel="shortcut icon" type="image/png" href="https://linknbio.com/assets/images/app-icons/icon-192.png"> 65<meta name="mobile-web-app-capable" content="yes" /> 66<meta name="apple-touch-fullscreen" content="yes" /> 67<meta name="apple-mobile-web-app-title" content="Link in Bio" /> 68<meta name="apple-mobile-web-app-capable" content="yes" /> 69<meta name="apple-mobile-web-app-status-bar-style" content="default" /> 70<link rel="apple-touch-icon" sizes="192x192" href="/assets/images/app-icons/icon-192.png" /> 71<link rel="apple-touch-startup-image" media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/images/splash_screens/iPhone_14_Pro_Max_landscape.png"> 72<link rel="apple-touch-startup-image" media="screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/images/splash_screens/iPhone_14_Pro_landscape.png"> 73<link rel="apple-touch-startup-image" media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/images/splash_screens/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_landscape.png"> 74<link rel="apple-touch-startup-image" media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/images/splash_screens/iPhone_14__iPhone_13_Pro__iPhone_13__iPhone_12_Pro__iPhone_12_landscape.png"> 75<link rel="apple-touch-startup-image" media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/images/splash_screens/iPhone_13_mini__iPhone_12_mini__iPhone_11_Pro__iPhone_XS__iPhone_X_landscape.png"> 76<link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/images/splash_screens/iPhone_11_Pro_Max__iPhone_XS_Max_landscape.png"> 77<link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/images/splash_screens/iPhone_11__iPhone_XR_landscape.png"> 78<link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/images/splash_screens/iPhone_8_Plus__iPhone_7_Plus__iPhone_6s_Plus__iPhone_6_Plus_landscape.png"> 79<link rel="apple-touch-startup-image" media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/images/splash_screens/iPhone_8__iPhone_7__iPhone_6s__iPhone_6__4.7__iPhone_SE_landscape.png"> 80<link rel="apple-touch-startup-image" media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/images/splash_screens/4__iPhone_SE__iPod_touch_5th_generation_and_later_landscape.png"> 81<link rel="apple-touch-startup-image" media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/images/splash_screens/12.9__iPad_Pro_landscape.png"> 82<link rel="apple-touch-startup-image" media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/images/splash_screens/11__iPad_Pro__10.5__iPad_Pro_landscape.png"> 83<link rel="apple-touch-startup-image" media="screen and (device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/images/splash_screens/10.9__iPad_Air_landscape.png"> 84<link rel="apple-touch-startup-image" media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/images/splash_screens/10.5__iPad_Air_landscape.png"> 85<link rel="apple-touch-startup-image" media="screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/images/splash_screens/10.2__iPad_landscape.png"> 86<link rel="apple-touch-startup-image" media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/images/splash_screens/9.7__iPad_Pro__7.9__iPad_mini__9.7__iPad_Air__9.7__iPad_landscape.png"> 87<link rel="apple-touch-startup-image" media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/images/splash_screens/8.3__iPad_Mini_landscape.png"> 88<link rel="apple-touch-startup-image" media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/images/splash_screens/iPhone_14_Pro_Max_portrait.png"> 89<link rel="apple-touch-startup-image" media="screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/images/splash_screens/iPhone_14_Pro_portrait.png"> 90<link rel="apple-touch-startup-image" media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/images/splash_screens/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_portrait.png"> 91<link rel="apple-touch-startup-image" media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/images/splash_screens/iPhone_14__iPhone_13_Pro__iPhone_13__iPhone_12_Pro__iPhone_12_portrait.png"> 92<link rel="apple-touch-startup-image" media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/images/splash_screens/iPhone_13_mini__iPhone_12_mini__iPhone_11_Pro__iPhone_XS__iPhone_X_portrait.png"> 93<link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/images/splash_screens/iPhone_11_Pro_Max__iPhone_XS_Max_portrait.png"> 94<link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/images/splash_screens/iPhone_11__iPhone_XR_portrait.png"> 95<link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/images/splash_screens/iPhone_8_Plus__iPhone_7_Plus__iPhone_6s_Plus__iPhone_6_Plus_portrait.png"> 96<link rel="apple-touch-startup-image" media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/images/splash_screens/iPhone_8__iPhone_7__iPhone_6s__iPhone_6__4.7__iPhone_SE_portrait.png"> 97<link rel="apple-touch-startup-image" media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/images/splash_screens/4__iPhone_SE__iPod_touch_5th_generation_and_later_portrait.png"> 98<link rel="apple-touch-startup-image" media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/images/splash_screens/12.9__iPad_Pro_portrait.png"> 99<link rel="apple-touch-startup-image" media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/images/splash_screens/11__iPad_Pro__10.5__iPad_Pro_portrait.png"> 100<link rel="apple-touch-startup-image" media="screen and (device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/images/splash_screens/10.9__iPad_Air_portrait.png"> 101<link rel="apple-touch-startup-image" media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/images/splash_screens/10.5__iPad_Air_portrait.png"> 102<link rel="apple-touch-startup-image" media="screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/images/splash_screens/10.2__iPad_portrait.png"> 103<link rel="apple-touch-startup-image" media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/images/splash_screens/9.7__iPad_Pro__7.9__iPad_mini__9.7__iPad_Air__9.7__iPad_portrait.png"> 104<link rel="apple-touch-startup-image" media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/images/splash_screens/8.3__iPad_Mini_portrait.png"> 105 106 107 <!-- Facebook Meta Tags --> 108 <meta property="og:url" content="https://linknbio.com" /> 109 <meta property="og:type" content="website" /> 110 <meta property="og:title" content="Link in Bio⢠| Supercharge your Link in Bio on Instagram, TikTok, YouTube ..." /> 111 <meta property="og:description" content="Create your Link in Bio Free! Add Links, Videos, Music, Email / SMS Sign Up & Shops to your Instagram, TikTok, YouTube, X or other Social Media profiles!" /> 112 <meta property="og:image" content="https://linknbio.com/assets/images/og-image.png" asp-append-version="true" /> 113 <meta property="fb:app_id" content="464146447108125" /> 114 <!-- Twitter Meta Tags --> 115 <meta name="twitter:card" content="summary_large_image"> 116 <meta property="twitter:domain" content="linknbio.com"> 117 <meta property="twitter:url" content="https://linknbio.com"> 118 <meta name="twitter:title" content="Link in Bio⢠| Supercharge your Link in Bio on Instagram, TikTok, YouTube ..."> 119 <meta name="twitter:description" content="Create your Link in Bio Free! Add Links, Videos, Music, Email / SMS Sign Up & Shops to your Instagram, TikTok, YouTube, X or other Social Media profiles!"> 120 <meta name="twitter:image" content="https://linknbio.com/assets/images/og-image.png" asp-append-version="true"> 121 <!-- Canonical Tags --> 122 <link rel="canonical" href="https://linknbio.com" /> 123 124 125 <style type="text/css"> 126 .navbar-light .navbar-toggler { 127 border-color: #ffffff; 128 } 129 130 .navbar-toggler:focus, 131 .nav-link:focus { 132 outline: none; 133 box-shadow: none; 134 } 135 136 .btn { 137 padding: .6rem 1rem; 138 } 139 140 a, button { 141 touch-action: manipulation; 142 } 143 </style> 144 145 <!-- Facebook Pixel Code --> 146
146<script>
vendor: 607 bytes, lines 146-158
146 147 !function (f, b, e, v, n, t, s) { 148 if (f.fbq) return; n = f.fbq = function () { 149 n.callMethod ? 150 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 151 }; 152 if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; 153 n.queue = []; t = b.createElement(e); t.async = !0; 154 t.src = v; s = b.getElementsByTagName(e)[0]; 155 s.parentNode.insertBefore(t, s) 156 }(window, document, 'script', 157 'https://connect.facebook.net/en_US/fbevents.js'); 158 fbq('init', '
158233082638258829
vendor: 44 bytes, lines 158-160
158'); 159 fbq('track', 'PageView'); 160
160</script>
160 161 <noscript> 162 <img height="1" width="1" style="display:none" 163 src="https://www.facebook.com/tr?id=233082638258829&ev=PageView&noscript=1" /> 164 </noscript> 165 <!-- End Facebook Pixel Code --> 166 167
167<script src="/js/web-view.js"></script>
167 168</head> 169<body style="padding-top:4rem;"> 170 <header> 171 <nav class="navbar fixed-top navbar-expand-xl navbar-toggleable-xl navbar-light bg-white box-shadow mb-3" style="min-height:4rem;"> 172 <div class="container"> 173 <a class="navbar-brand" href="/"> 174 <i class="fa-solid fa-link-simple fa-rotate-by" style="--fa-rotate-angle: -45deg;"></i> 175<span style="font-family: unineue, sans-serif;">linkinbio</span> 176 </a> 177 <div class="navbar-text d-xl-none justify-content:right;"> 178 <a href="/signin" class="btn btn-primary px-3 me-1" style="padding:.3rem; background-color:#fff; border-color:#c0c0c0; color:#000; font-size:.9rem; font-weight:500;">Sign In</a> 179 <a href="/signup" class="btn btn-primary px-3" style="padding:.3rem; color:#fff; font-size:.9rem; font-weight:500;">Sign Up Free</a> 180 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" style="padding-left:0.3rem; padding-right:0.3rem;"> 181 <i class="fa-solid fa-bars" style=""></i> 182 </button> 183 </div> 184 185 <div class="navbar-collapse collapse justify-content-between bg-white" id="navbarSupportedContent"> 186 <ul class="navbar-nav flex-grow-1"> 187 <li class="nav-item conditionalContent"> 188 <a class="nav-link text-dark" href="/pricing" data-toggle="collapse" data-target="#navbarSupportedContent">Pricing</a> 189 </li> 190 <li class="nav-item conditionalContent"> 191 <a class="nav-link text-dark" href="/featured" data-toggle="collapse" data-target="#navbarSupportedContent">Featured</a> 192 </li> 193 <li class="nav-item conditionalContent"> 194 <a class="nav-link text-dark" href="/download" data-toggle="collapse" data-target="#navbarSupportedContent">Download</a> 195 </li> 196 <li class="nav-item"> 197 <a class="nav-link text-dark" href="/blog" data-toggle="collapse" data-target="#navbarSupportedContent">Blog</a> 198 </li> 199 <li class="nav-item"> 200 <a class="nav-link text-dark" href="/#podcast" data-toggle="collapse" data-target="#navbarSupportedContent">Podcast</a> 201 </li> 202 <li class="nav-item"> 203 <a class="nav-link text-dark" href="/news" data-toggle="collapse" data-target="#navbarSupportedContent">News</a> 204 </li> 205 <li class="nav-item"> 206 <a class="nav-link text-dark" href="/tools" data-toggle="collapse" data-target="#navbarSupportedContent">Tools</a> 207 </li> 208 <li class="nav-item"> 209 <a class="nav-link text-dark" href="/contact" data-toggle="collapse" data-target="#navbarSupportedContent">Help</a> 210 </li> 211 </ul> 212 213 <div class="navbar-text me-2 d-none d-xl-block justify-content:right;"> 214 <a href="/signin" class="btn btn-primary px-3 me-2" style="padding:.3rem; padding-left:7px; padding-right:7px; background-color:#fff; border-color:#c0c0c0; color:#000; font-weight:500;">Sign In</a> 215 <a href="/signup" class="btn btn-primary px-3" style="padding:.3rem; padding-left:7px; padding-right:7px; color:#fff; font-weight:500;">Sign Up Free</a> 216 </div> 217 </div> 218 </div> 219 </nav> 220 </header> 221 222 <main role="main" class="pb-3"> 223 224 225 226<!-- Vendor JS Files -->
227<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
227
228<script src="js/infiniteslidev2.js"></script>
228 229 230<style type="text/css"> 231 ul { 232 list-style-type: none; 233 padding-left: 0; 234 } 235 236 .scroll1, 237 .scroll2, 238 .scroll3, 239 .scroll4, 240 .scroll5, 241 .scroll6 { 242 display: none; 243 } 244 245 .scroll1 img, 246 .scroll2 img, 247 .scroll3 img, 248 .scroll4 img, 249 .scroll5 img, 250 .scroll6 img { 251 vertical-align: bottom; 252 } 253</style> 254
255<script type="text/javascript"> 256 $(function () { 257 $('.scroll1').infiniteslide({ 258 speed: 40 259 }); 260 }); 261</script>
261 262 263<!-- ======= Section - Hero ======= --> 264<section class="pt-3 pt-lg-5"> 265 <div class="container"> 266 <div class="row"> 267 <div class="col-md-6 order-2 order-sm-1 px-4 ps-sm-3 pe-sm-2"> 268 <h1 class="mt-3" style="line-height: 1; font-size:1.45rem">Your Most Powerful <span id="typedHeader"></span></h1> 269 270 <h2 class="mt-3" style="line-height: 1.25; font-size:1rem; font-weight:normal;"> 271 Create your Link in Bio Free! 272 </h2> 273 274 <h2 class="mt-3" style="line-height: 1.25; font-size:1rem; font-weight:normal;"> 275 Add Links, Videos, Music, Email / SMS Sign Up & Shops to your Instagram, TikTok, YouTube, X or other Social Media profiles! <a href="/goldenbarbie" target="_blank">Preview a Profile</a> 276 </h2> 277 <form method="post"> 278 <div class="actions" style="margin-top:1.5rem;"> 279 280 <div class="form-group form-hero" style="margin-top: 1.5rem;"> 281 <div class="input-group mb-3"> 282 <span class="input-group-text pe-0" id="basic-addon1" style="background-color:#fff; padding-right:0rem; font-weight:500;">linknbio.com/</span> 283 <input type="text" name="Username" class="form-control" minlength="2" maxlength="30" pattern="[a-zA-Z0-9_&'./ ]*$" placeholder="yourname" aria-label="Username" aria-describedby="basic-addon1" style="padding:.75rem; border-left:none; padding-left:0.25rem; text-transform:lowercase;" required value="" oninput="this.value=this.value.toLowerCase();"> 284 </div> 285 286 <div style="margin-top:.75rem;"> 287 <input type="submit" class="btn btn-primary w-100" value="CLAIM YOUR LINK IN BIO FREE" /> 288 </div> 289 </div> 290 <div style="font-size:.75rem; margin-top:1rem;">Already on Link in Bio? <a href="signin">Sign In</a> · <a href="featured">Explore Featured Profiles</a></div> 291 <div style="font-size:.75rem; margin-top:1rem;">No risk. No credit card required. By clicking Claim Your Link in Bio Free, you agree to the <a href="/terms">Terms of Service</a> and <a href="/privacy">Privacy Policy</a></div> 292 </div> 293 <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BoDffFGPkBGv97HHEurISwudJ92C_0UfB31ZBLIaaZ0Ww4Ha7YmPaCowPXLkven_HZsiIueQ_VhshMNnOn4Bhy56epFqJvF1zmRrNiuxvut5bj2egFtKBL8eROOObshPSHR3X541z3tX6KlgxWh4LE" /></form> 294 </div> 295 <div class="col-md-6 order-1 order-sm-2 px-4 ps-sm-3 text-end"> 296 <div id="carouselCategories" class="carousel slide carousel-fade" data-bs-ride="carousel"> 297 <div class="carousel-inner"> 298 <div class="carousel-item active" data-bs-interval="1750"> 299 <img src="assets/images/header/header-1-circles.webp" class="img-fluid" alt="Creator" style="max-height:400px;"> 300 </div> 301 <div class="carousel-item" data-bs-interval="1750"> 302 <img src="assets/images/header/header-2-circles.webp" class="img-fluid" alt="Artist" style="max-height:400px;"> 303 </div> 304 <div class="carousel-item" data-bs-interval="1750"> 305 <img src="assets/images/header/header-3-circles.webp" class="img-fluid" alt="Influencer" style="max-height:400px;"> 306 </div> 307 <div class="carousel-item" data-bs-interval="1750"> 308 <img src="assets/images/header/header-4-circles.webp" class="img-fluid" alt="Entrepreneur" style="max-height:400px;"> 309 </div> 310 <div class="carousel-item" data-bs-interval="1750"> 311 <img src="assets/images/header/header-5-circles.webp" class="img-fluid" alt="Professional" style="max-height:400px;"> 312 </div> 313 <div class="carousel-item" data-bs-interval="1750"> 314 <img src="assets/images/header/header-6-circles.webp" class="img-fluid" alt="Designer" style="max-height:400px;"> 315 </div> 316 <div class="carousel-item" data-bs-interval="1750"> 317 <img src="assets/images/header/header-7-circles.webp" class="img-fluid" alt="App" style="max-height:400px;"> 318 </div> 319 <div class="carousel-item" data-bs-interval="1750"> 320 <img src="assets/images/header/header-8-circles.webp" class="img-fluid" alt="Podcast" style="max-height:400px;"> 321 </div> 322 </div> 323 </div> 324 </div> 325 </div> 326 </div> 327</section> 328 329<!-- ======= Section - Available on all Major Platforms ======= --> 330<section class="section-bg"> 331 <div class="container"> 332 <div class="section-title"> 333 <h2 class="text-center">Available on All Major Platforms</h2> 334 <p class="text-center"> 335 Access Link in Bio on your favorite platform. Download our app on iOS, iPadOS, macOS, visionOS, Android, Windows, or add to your home screen. 336 </p> 337 </div> 338 <div class="row justify-content-center mt-4"> 339 <!-- iOS --> 340<div class="col-3 mt-2 me-2" style="width:10rem;"> 341 <a href="https://apps.apple.com/us/app/link-in-bio-official-platform/id6478511423" target="_blank"> 342 <div class="card shadow border-0 mb-2"> 343 <div class="card-body" style="padding:.4rem; padding-left:1rem; color:#000;"> 344 <div style="margin-right:.42rem; float:left; font-size:1.2rem;"> 345 <i class="fab fa-apple"></i> 346 </div> 347 <div style="line-height:.68rem;"> 348 <span style="font-size:.7rem;">Download on</span><br /> 349 <span style="font-size:.7rem; font-weight:600;">App Store</span> 350 </div> 351 </div> 352 </div> 353 </a> 354</div> 355<!-- Google Play --> 356<div class="col-3 mt-2 me-2" style="width:10rem;"> 357 <a href="https://play.google.com/store/apps/details?id=com.linknbio.www.twa" target="_blank"> 358 <div class="card shadow border-0 mb-2"> 359 <div class="card-body" style="padding:.4rem; padding-left:1rem; color:#000;"> 360 <div style="margin-right:.42rem; float:left; font-size:1.2rem;"> 361 <i class="fab fa-google-play"></i> 362 </div> 363 <div style="line-height:.68rem;"> 364 <span style="font-size:.7rem;">Get it on</span><br /> 365 <span style="font-size:.7rem; font-weight:600;">Google Play</span> 366 </div> 367 </div> 368 </div> 369 </a> 370</div> 371<!-- Microsoft Store --> 372<div class="col-3 mt-2 me-2" style="width:10rem;"> 373 <a href="https://www.microsoft.com/store/productid/9NTCFR5KBQW0" target="_blank"> 374 <div class="card shadow border-0 mb-2"> 375 <div class="card-body" style="padding:.4rem; padding-left:1rem; color:#000;"> 376 <div style="margin-right:.42rem; float:left; font-size:1.2rem;"> 377 <i class="fab fa-microsoft"></i> 378 </div> 379 <div style="line-height:.68rem;"> 380 <span style="font-size:.7rem;">Get it from</span><br /> 381 <span style="font-size:.7rem; font-weight:600;">Microsoft</span> 382 </div> 383 </div> 384 </div> 385 </a> 386</div> 387<!-- Add to Home Screen --> 388<div class="col-3 mt-2 me-2" style="width:10rem;"> 389 <a href="#" data-bs-toggle="modal" data-bs-target="#addToHomeScreenModal"> 390 <div class="card shadow border-0 mb-2"> 391 <div class="card-body" style="padding:.4rem; padding-left:1rem; color:#000;"> 392 <div style="margin-right:.42rem; float:left; font-size:1.2rem;"> 393 <i class="far fa-mobile"></i> 394 </div> 395 <div style="line-height:.68rem;"> 396 <span style="font-size:.7rem;">Add to</span><br /> 397 <span style="font-size:.7rem; font-weight:600;">Home Screen</span> 398 </div> 399 </div> 400 </div> 401 </a> 402</div> 403 404<style type="text/css"> 405 .modal.fade .modal-dialog { 406 transform: translate3d(0, 100vh, 0); 407 } 408 409 .modal.show .modal-dialog { 410 transform: translate3d(0, 0, 0); 411 } 412</style> 413 414<div class="modal fade" id="addToHomeScreenModal" tabindex="-1" aria-labelledby="addToHomeScreenModalLabel" aria-hidden="true"> 415 <div class="modal-dialog" style="position: fixed; inset: 0; top: auto; bottom: 0; margin: auto; margin-bottom: 0px;"> 416 <div class="modal-content" style="border-top-left-radius:1rem; border-top-right-radius:1rem; border-bottom-left-radius:0rem; border-bottom-right-radius:0rem; border:none; height:auto;"> 417 <div class="modal-header mb-3" style="padding-bottom:0px; border-bottom:none;"> 418 <h6 class="modal-title ms-1" id="addToHomeScreenModalLabel"><i class="far fa-mobile me-2" style="font-size:1.25rem;"></i> Add to Home Screen</h6> 419 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" style="background-color:#fff; border-color:#fff; color:#ccc; border-style:none; padding-right:0;"> 420 <span aria-hidden="true"><i class="fa-solid fa-circle-xmark" style="font-size:1.5rem;"></i></span> 421 </button> 422 </div> 423 <div class="modal-body" style="padding-top:0px;"> 424 <div class="container"> 425 <div style="height:5rem;"> 426 <div class="me-4" style="float:left;"> 427 <img src="/assets/images/app-icons/icon-192.png" class="img-fluid shadow" style="height:4.5rem; width:4.5rem; border-radius:1rem;" /> 428 </div> 429 <div> 430 <span style="font-weight:500">Link in Bio: Official Platform</span><br /> 431 <span>Social</span><br /> 432 <span><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></span> 433 </div> 434 </div> 435 <div class="mt-5" style="clear:both;"> 436 <h6><i class="fa-brands fa-apple me-2" style="font-size:1.25rem;"></i> iOS & iPadOS</h6> 437 <ol style="padding-inline-start:1.2rem;"> 438 <li><i class="fa-solid fa-arrow-up-from-bracket"></i> Tap in your browser window</li> 439 <li class="mt-2"><i class="fa-regular fa-square-plus"></i> Select Add to Home Screen</li> 440 </ol> 441 </div> 442 <div class="mt-5" style="clear:both;"> 443 <h6><i class="fa-brands fa-android me-2" style="font-size:1.25rem;"></i> Android</h6> 444 <ol style="padding-inline-start:1.2rem;"> 445 <li><i class="fa-solid fa-ellipsis-vertical"></i> Tap the menu button</li> 446 <li class="mt-2"><i class="fa-solid fa-plus"></i> Select Add to Home Screen</li> 447 </ol> 448 </div> 449 </div> 450 </div> 451 <div class="modal-footer" style="border-top:none;"> 452 </div> 453 </div> 454 </div> 455</div> 456 </div> 457 </div> 458</section> 459 460<!-- ======= Section - Marquee ======= --> 461<section style="padding-top:3rem; padding-bottom:2rem;"> 462 <div class="container"> 463 <ul class="scroll1"> 464 <li><a href="/apple" target="_blank"><img src="assets/images/marquee/apple.png" class="rounded-circle image me-3 marquee-item" alt="Apple" loading="lazy" /></a></li> 465 <li><a href="/arianagrande" target="_blank"><img src="assets/images/marquee/ariana-grande.webp" class="rounded-circle image me-3 marquee-item" alt="Ariana Grande" loading="lazy" /></a></li> 466 <li><a href="/chrisbrownofficial" target="_blank"><img src="assets/images/marquee/chris-brown.webp" class="rounded-circle image me-3 marquee-item" alt="Chris Brown" loading="lazy" /></a></li> 467 <li><a href="/cristiano" target="_blank"><img src="assets/images/marquee/cristiano.webp" class="rounded-circle image me-3 marquee-item" alt="Cristiano" loading="lazy" /></a></li> 468 <li><a href="/realdonaldtrump" target="_blank"><img src="assets/images/marquee/donald-trump.png" class="rounded-circle image me-3 marquee-item" alt="Donald Trump" loading="lazy" /></a></li> 469 <li><a href="/fashionnova" target="_blank"><img src="assets/images/marquee/fashion-nova.png" class="rounded-circle image me-3 marquee-item" alt="Fashion Nova" loading="lazy" /></a></li> 470 <li><a href="/jlo" target="_blank"><img src="assets/images/marquee/jennifer-lopez.png" class="rounded-circle image me-3 marquee-item" alt="Jennifer Lopez" loading="lazy" /></a></li> 471 <li><a href="/karolg" target="_blank"><img src="assets/images/marquee/karol-g.webp" class="rounded-circle image me-3 marquee-item" alt="Karol G" loading="lazy" /></a></li> 472 <li><a href="/kimkardashian" target="_blank"><img src="assets/images/marquee/kim-kardashian.png" class="rounded-circle image me-3 marquee-item" alt="Kim Kardashian" loading="lazy" /></a></li> 473 <li><a href="/kyliejenner" target="_blank"><img src="assets/images/marquee/kylie-jenner.png" class="rounded-circle image me-3 marquee-item" alt="Kylie Jenner" loading="lazy" /></a></li> 474 <li><a href="/leomessi" target="_blank"><img src="assets/images/marquee/leo-messi.png" class="rounded-circle image me-3 marquee-item" alt="Leo Messi" loading="lazy" /></a></li> 475 <li><a href="/hbo" target="_blank"><img src="assets/images/marquee/hbo.png" class="rounded-circle image me-3 marquee-item" alt="HBO" loading="lazy" /></a></li> 476 <li><a href="/louisvuitton" target="_blank"><img src="assets/images/marquee/louis-vuitton.png" class="rounded-circle image me-3 marquee-item" style="border: 1px solid #efefef;" alt="Louis Vuitton" loading="lazy" /></a></li> 477 <li><a href="/marcanthony" target="_blank"><img src="assets/images/marquee/marc-anthony.webp" class="rounded-circle image me-3 marquee-item" style="border: 1px solid #efefef;" alt="Marc Anthony" loading="lazy" /></a></li> 478 <li><a href="/microsoft" target="_blank"><img src="assets/images/marquee/microsoft.png" class="rounded-circle image me-3 marquee-item" style="border: 1px solid #efefef;" alt="Microsoft" loading="lazy" /></a></li> 479 <li><a href="/netflix" target="_blank"><img src="assets/images/marquee/netflix.png" class="rounded-circle image me-3 marquee-item" alt="Netflix" loading="lazy" /></a></li> 480 <li><a href="/selenagomez" target="_blank"><img src="assets/images/marquee/selena-gomez.png" class="rounded-circle image me-3 marquee-item" alt="Selena Gomez" loading="lazy" /></a></li> 481 <li><a href="/taylorswift" target="_blank"><img src="assets/images/marquee/taylor-swift.png" class="rounded-circle image me-3 marquee-item" alt="Taylor Swift" loading="lazy" /></a></li> 482 <li><a href="/therock" target="_blank"><img src="assets/images/marquee/the-rock.png" class="rounded-circle image me-3 marquee-item" alt="The Rock" loading="lazy" /></a></li> 483 <li><a href="/zuck" target="_blank"><img src="assets/images/marquee/zuck.png" class="rounded-circle image me-3 marquee-item" alt="Mark Zuckerberg" loading="lazy" /></a></li> 484 <li><a href="/nike" target="_blank"><img src="assets/images/marquee/nike.png" class="rounded-circle image me-3 marquee-item" alt="Nike" loading="lazy" /></a></li> 485 <li><a href="/kevinhart4real" target="_blank"><img src="assets/images/marquee/kevin-hart.png" class="rounded-circle image me-3 marquee-item" alt="Kevin Hart" loading="lazy" /></a></li> 486 <li><a href="/kingjames" target="_blank"><img src="assets/images/marquee/lebron-james.png" class="rounded-circle image me-3 marquee-item" alt="Lebron James" loading="lazy" /></a></li> 487 <li><a href="/badgalriri" target="_blank"><img src="assets/images/marquee/rihanna.png" class="rounded-circle image me-3 marquee-item" alt="Rihanna" loading="lazy" /></a></li> 488 <li><a href="/realmadrid" target="_blank"><img src="assets/images/marquee/real-madrid.png" class="rounded-circle image me-3 marquee-item" alt="Real Madrid" loading="lazy" /></a></li> 489 <li><a href="/iamcardib" target="_blank"><img src="assets/images/marquee/cardi-b.png" class="rounded-circle image me-3 marquee-item" alt="Cardi B" loading="lazy" /></a></li> 490 </ul> 491 </div> 492</section> 493 494<!-- ======= Section - Social Icons ======= --> 495<section class="section-bg"> 496 <div class="container"> 497 <div class="section-title"> 498
498<h2 style="font-size:32px;">Welcome to the Official Link in Bio Platform</h2> 499 <p>All your content. All your social media. You'll never need another link. <a href="/goldenbarbie" target="_blank">Try Demo</a></p> 500 </div> 501 <div class="row"> 502 <div class="col-md-12" style="text-align:center; margin-top:1rem;"> 503 <img src="/assets/images/social-icons.webp" class="img-fluid" alt="Social Icons" loading="lazy" /> 504 </div> 505 </div> 506 <div class="row" style="margin-top:2rem;"> 507 <div class="col-md-12" style="text-align:center;"> 508 <a href="signup" class="btn btn-cta btn-primary" style="width:100%; max-width:350px;">Create Your Link in Bio Free</a> 509 </div> 510 </div> 511 </div> 512</section> 513 514<!-- ======= Section - Instagram for Links ======= --> 515<section> 516 <div class="container" style="padding-left: 2rem; padding-right: 2rem;"> 517 <div class="row align-items-center"> 518 <!-- Left Side: Content --> 519 <div class="col-lg-6 mb-4 mb-lg-0"> 520 <div class="section-title text-start"> 521 <h2 style="font-size: 2.5rem; line-height: 1.2;"> 522 <span style="background: linear-gradient(135deg, #833ab4 0%, #fd1d1d 50%, #fcb045 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">Instagram</span> for Links 523 </h2> 524 <p class="lead mt-3">The social network for your content</p> 525 </div> 526 527 <div class="mt-4"> 528 <div class="d-flex align-items-start mb-3"> 529 <div class="me-3" style="min-width: 40px;"> 530 <i class="fa-solid fa-user-circle" style="font-size: 1.5rem; color: #0095f6;"></i> 531 </div> 532 <div> 533 <h5 class="mb-1">Your Profile</h5> 534 <p class="text-muted mb-0">Beautiful, customizable link page that represents your brand</p> 535 </div> 536 </div> 537 538 <div class="d-flex align-items-start mb-3"> 539 <div class="me-3" style="min-width: 40px;"> 540 <i class="fa-solid fa-fire" style="font-size: 1.5rem; color: #E1306C;"></i> 541 </div> 542 <div> 543 <h5 class="mb-1">The Feed</h5> 544 <p class="text-muted mb-0">Discover content from creators you follow and the community</p> 545 </div> 546 </div> 547 548 <div class="d-flex align-items-start mb-3"> 549 <div class="me-3" style="min-width: 40px;"> 550 <i class="fa-solid fa-compass" style="font-size: 1.5rem; color: #ffa109;"></i> 551 </div> 552 <div> 553 <h5 class="mb-1">Explore</h5> 554 <p class="text-muted mb-0">Find trending links and new creators from around the world</p> 555 </div> 556 </div> 557 558 <div class="d-flex align-items-start mb-3"> 559 <div class="me-3" style="min-width: 40px;"> 560 <i class="fa-solid fa-heart" style="font-size: 1.5rem; color: #ff3366;"></i> 561 </div> 562 <div> 563 <h5 class="mb-1">Social Features</h5> 564 <p class="text-muted mb-0">Follow creators, share links, and build your community</p> 565 </div> 566 </div> 567 568 <div class="d-flex align-items-start"> 569 <div class="me-3" style="min-width: 40px;"> 570 <i class="fa-solid fa-chart-line" style="font-size: 1.5rem; color: #25D366;"></i> 571 </div> 572 <div> 573 <h5 class="mb-1">Analytics</h5> 574 <p class="text-muted mb-0">Track clicks, views, and engagement on all your content</p> 575 </div> 576 </div> 577 </div> 578 579 <div class="mt-4"> 580 <a href="signup" class="btn btn-primary"> 581 Join the Community <i class="fa-solid fa-arrow-right ms-2"></i> 582 </a> 583 </div> 584 </div> 585 586 <!-- Right Side: Visual --> 587 <div class="col-lg-6 text-center"> 588 <div class="position-relative"> 589 <!-- Main Phone Mockup --> 590 <div class="d-flex justify-content-center"> 591 <div class="position-relative instagram-phone-mockup" style="width: 350px; max-width: 100%;"> 592 <!-- Phone Frame --> 593 <div class="shadow-lg" style="border-radius: 2.5rem; overflow: hidden; padding: 0.25rem;"> 594 <div style="background: white; border-radius: 2.25rem; overflow: hidden;"> 595 <!-- Status Bar --> 596 <div class="d-flex justify-content-between align-items-center px-3 py-2" style="background: #f8f9fa; height: 44px;">
597 <span style="font-size: 0.75rem; font-weight: 600;">9:41</span> 598 <div style="font-size: 0.7rem;"> 599 <i class="fa-solid fa-signal"></i> 600 <i class="fa-solid fa-wifi"></i> 601 <i class="fa-solid fa-battery-full"></i> 602 </div> 603 </div> 604 605 <!-- Carousel Container --> 606 <div id="phoneCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000"> 607 <div class="carousel-inner" style="height: calc(675px - 44px - 49px);"> 608 609 <!-- Screen 1: Profile View --> 610 <div class="carousel-item active"> 611 <div class="p-3" style="height: 100%; overflow-y: auto; overflow-x: hidden;"> 612 <!-- Profile Header (mimics Tenant view) --> 613 <div class="text-center mb-3"> 614 <div class="d-flex justify-content-center mb-2"> 615 <div class="rounded-circle d-flex align-items-center justify-content-center" 616 style="width: 80px; height: 80px; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border: 2px solid #efefef;"> 617 <i class="fa-solid fa-user" style="font-size: 2rem; color: white;"></i> 618 </div> 619 </div> 620 <h6 class="mb-1" style="font-size: 0.95rem; font-weight: 600;">Your Brand</h6> 621 <p class="text-muted mb-2" style="font-size: 0.75rem;">Creator ⢠Entrepreneur ⢠Influencer</p> 622 </div> 623 624 <!-- Social Links --> 625 <div class="d-flex justify-content-center gap-2 mb-3"> 626 <a class="d-flex align-items-center justify-content-center" style="width: 32px; height: 32px; background: #f8f9fa; border-radius: 50%; text-decoration: none;"> 627 <i class="fab fa-instagram" style="font-size: 0.9rem; color: #E1306C;"></i> 628 </a> 629 <a class="d-flex align-items-center justify-content-center" style="width: 32px; height: 32px; background: #f8f9fa; border-radius: 50%; text-decoration: none;"> 630 <i class="fab fa-tiktok" style="font-size: 0.9rem; color: #000;"></i> 631 </a> 632 <a class="d-flex align-items-center justify-content-center" style="width: 32px; height: 32px; background: #f8f9fa; border-radius: 50%; text-decoration: none;"> 633 <i class="fab fa-youtube" style="font-size: 0.9rem; color: #FF0000;"></i> 634 </a> 635 <a class="d-flex align-items-center justify-content-center" style="width: 32px; height: 32px; background: #f8f9fa; border-radius: 50%; text-decoration: none;"> 636 <i class="fab fa-spotify" style="font-size: 0.9rem; color: #1DB954;"></i> 637 </a> 638 </div> 639 640 <!-- Follow and
640Sign Up Buttons --> 641 <div class="d-flex gap-2 mb-3 px-2"> 642 <button class="btn btn-primary" style="flex: 1; font-size: 0.75rem; padding: 0.5rem; border-radius: 0.5rem; font-weight: 600;"> 643 Follow 644 </button> 645 <button class="btn btn-outline-secondary" style="flex: 1; font-size: 0.75rem; padding: 0.5rem; border-radius: 0.5rem; font-weight: 600; background: #f8f9fa; color: #000; border-color: #dee2e6;"> 646 Sign Up 647 </button> 648 </div> 649 650 <!-- Link Cards --> 651 <div class="d-flex flex-column gap-2"> 652 <div style="background: #fff; border: 1px solid #e9ecef; border-radius: 0.75rem; padding: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05);"> 653 <div class="d-flex align-items-center"> 654 <div style="width: 48px; height: 48px; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 0.5rem; margin-right: 0.75rem;"></div> 655 <div style="flex: 1; text-align: left;"> 656 <div style="font-size: 0.8rem; font-weight: 600; color: #212529;">Latest Video</div> 657 <div style="font-size: 0.7rem; color: #6c757d;">Watch Now</div> 658 </div> 659 </div> 660 </div> 661 <div style="background: #fff; border: 1px solid #e9ecef; border-radius: 0.75rem; padding: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05);"> 662 <div class="d-flex align-items-center"> 663 <div style="width: 48px; height: 48px; background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); border-radius: 0.5rem; margin-right: 0.75rem;"></div> 664 <div style="flex: 1; text-align: left;"> 665 <div style="font-size: 0.8rem; font-weight: 600; color: #212529;">Shop My Store</div> 666 <div style="font-size: 0.7rem; color: #6c757d;">New Collection</div> 667 </div> 668 </div> 669 </div> 670 <div style="background: #fff; border: 1px solid #e9ecef; border-radius: 0.75rem; padding: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05);"> 671 <div class="d-flex align-items-center"> 672 <div style="width: 48px; height: 48px; background: linear-gradient(135deg, #0077b6 0%, #005f99 100%); border-radius: 0.5rem; margin-right: 0.75rem;"></div> 673 <div style="flex: 1; text-align: left;"> 674 <div style="font-size: 0.8rem; font-weight: 600; color: #212529;">Subscribe</div> 675 <div style="font-size: 0.7rem; color: #6c757d;">Get Updates</div> 676 </div> 677 </div> 678 </div> 679 <div style="background: #fff; border: 1px solid #e9ecef; border-radius: 0.75rem; padding: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05);"> 680 <div class="d-flex align-items-center"> 681 <div style="width: 48px; height: 48px;
681 background: linear-gradient(135deg, #374151 0%, #4b5563 100%); border-radius: 0.5rem; margin-right: 0.75rem;"></div> 682 <div style="flex: 1; text-align: left;"> 683 <div style="font-size: 0.8rem; font-weight: 600; color: #212529;">Book a Session</div> 684 <div style="font-size: 0.7rem; color: #6c757d;">Available Now</div> 685 </div> 686 </div> 687 </div> 688 </div> 689 </div> 690 </div> 691 692 <!-- Screen 2: Feed View --> 693 <div class="carousel-item"> 694 <div class="p-3" style="height: 100%; overflow-y: auto; overflow-x: hidden;"> 695 <!-- Feed Header --> 696 <div class="mb-3 pb-2 border-bottom"> 697 <h6 style="font-size: 1rem; font-weight: 600; margin-bottom: 0;"> 698 <i class="fa-solid fa-fire" style="color: #E1306C; margin-right: 0.5rem;"></i> 699 The Feed 700 </h6> 701 </div> 702 703 <!-- Feed Items --> 704 <div class="d-flex flex-column gap-3"> 705 <!-- Feed Item 1 --> 706 <div> 707 <div class="d-flex align-items-center mb-2"> 708 <div class="rounded-circle d-flex align-items-center justify-content-center" style="width: 32px; height: 32px; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); margin-right: 0.5rem;"> 709 <i class="fa-solid fa-user" style="font-size: 0.9rem; color: white;"></i> 710 </div> 711 <div style="flex: 1; text-align: left;"> 712 <div style="font-size: 0.8rem; font-weight: 600; color: #212529;">creator_name</div> 713 </div> 714 </div> 715 <div style="background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); height: 180px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.9rem; font-weight: 600; margin-bottom: 0.5rem;"> 716 Latest Video 717 </div> 718 <div class="d-flex align-items-center gap-3" style="font-size: 0.75rem; color: #6c757d;"> 719 <span><i class="fa-regular fa-heart" style="margin-right: 0.25rem;"></i>234</span> 720 <span><i class="fa-regular fa-comment" style="margin-right: 0.25rem;"></i>12</span> 721 <span><i class="fa-regular fa-share-nodes" style="margin-right: 0.25rem;"></i>Share</span> 722 </div> 723 </div> 724 725 <!-- Feed Item 2 --> 726 <div> 727 <div class="d-flex align-items-center mb-2"> 728 <div class="rounded-circle d-flex align-items-center justify-content-center" style="width: 32px; height: 32px; background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); margin-right: 0.5rem;"> 729 <i class="fa-solid fa-user" style="font-size: 0.9rem; color: white;"></i> 730 </div> 731 <div style="flex: 1; text-align: left;"> 732 <div style="font-size: 0.8rem; font-weight: 600; color: #212529;">brand_official</div> 733 </div> 734 </div> 735 <div style="background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); height: 180px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.9rem; font-weight: 600; margin-bottom: 0.5rem;"> 736 Shop My Store 737 </div> 738 <div class="d-flex align-items-center gap-3" style="font-size: 0.75rem; color: #6c757d;"> 739 <sp
739an><i class="fa-regular fa-heart" style="margin-right: 0.25rem;"></i>156</span> 740 <span><i class="fa-regular fa-comment" style="margin-right: 0.25rem;"></i>8</span> 741 <span><i class="fa-regular fa-share-nodes" style="margin-right: 0.25rem;"></i>Share</span> 742 </div> 743 </div> 744 </div> 745 </div> 746 </div> 747 748 <!-- Screen 3: Explore View --> 749 <div class="carousel-item"> 750 <div class="p-3" style="height: 100%; overflow-y: auto; overflow-x: hidden;"> 751 <!-- Explore Header --> 752 <div class="mb-3 pb-2 border-bottom"> 753 <h6 style="font-size: 1rem; font-weight: 600; margin-bottom: 0;"> 754 <i class="fa-solid fa-compass" style="color: #ffa109; margin-right: 0.5rem;"></i> 755 Explore 756 </h6> 757 </div> 758 759 <!-- Explore Grid --> 760 <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px;"> 761 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 0.25rem;"></div> 762 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); border-radius: 0.25rem;"></div> 763 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #0077b6 0%, #005f99 100%); border-radius: 0.25rem;"></div> 764 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #374151 0%, #4b5563 100%); border-radius: 0.25rem;"></div> 765 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #1e3a5f 0%, #2d5986 100%); border-radius: 0.25rem;"></div> 766 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 0.25rem;"></div> 767 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #334155 0%, #475569 100%); border-radius: 0.25rem;"></div> 768 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #1e3a5f 0%, #374151 100%); border-radius: 0.25rem;"></div> 769 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #0077b6 0%, #1a1a2e 100%); border-radius: 0.25rem;"></div> 770 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #2c3e50 0%, #1a1a2e 100%); border-radius: 0.25rem;"></div> 771 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #374151 0%, #1e293b 100%); border-radius: 0.25rem;"></div> 772 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #16213e 0%, #0f172a 100%); border-radius: 0.25rem;"></div> 773 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #0077b6 0%, #2c3e50 100%); border-radius: 0.25rem;"></div> 774 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #1a1a2e 0%, #334155 100%); border-radius: 0.25rem;"></div> 775 <div style="aspect-ratio: 1; background: linear-gradient(135deg, #1e3a5f 0%, #16213e 100%); border-radius: 0.25rem;"></div> 776 </div> 777 </div> 778 </div> 779 780 </div> 781 782 <!-- Carousel Indicators (Dots) --> 783 <div class="carousel-indicators" style="bottom: -30px; margin-bottom: 0;"> 784 <button type="button" data-bs-target="#phoneCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Profile"></button> 785 <button type="button" data-bs-target="#phoneCarousel" data-bs-slide-to="1" aria-label="Feed"></button> 786 <button type="button" data-bs-target="#phoneCarousel" data-bs-slide-to="2" aria-label="Explore"></button> 787 </div> 788 </div> 789 790 <!-- Bottom Nav - Part of Phone Frame (Not Rotating) --> 791 <div class="d-flex justify-content-around align-items-center border-top" style="height: 49px; background: white;"> 792 <i class="fa-solid fa-user" style="font-size: 0.85rem; color: #262626;"></i> 793 <i class="fa-solid fa-fire" style="font-size: 0.85rem; color: #8e8e8e;"></i> 794 <i class="fa-solid fa-compass" style="font-size: 0.85rem; color: #8e8e8e;"></i> 795 <i class="fa-solid fa-bell" style="font-size: 0.85rem; color: #8e8e8e;"></i> 796 </div> 797 </div> 798 </div> 799 800 <!-- Floating Icons --> 801 <div class="position-absolute" style="top: 12%; right: -25px; animation: float 3s ease-in-out infinite;"> 802 <div class="shadow" style="width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); display: flex; align-items: center; justify-content: center;"> 803 <i class="fa-solid fa-heart" style="color: white; font-size: 1.2rem;"></i> 804 </div> 805 </div> 806 807 <div class="position-absolute" style="bottom: 25%; left: -25px; animation: float 3s ease-in-out infinite; animation-delay: 1s;"> 808 <div class="shadow" style="width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, #0077b6 0%, #005f99 100%); display: flex; align-items: center; justify-content: center;"> 809 <i class="fa-solid fa-share-nodes" style="color: white; font-size: 1.2rem;"></i> 810 </div> 811 </div> 812 </div> 813 </div> 814 </div> 815 </div> 816 </div> 817 </div> 818</section> 819 820<style> 821 @keyframes float { 822 0%, 100% { transform: translateY(0px); } 823 50% { transform: translateY(-15px); } 824 } 825 826 /* Instagram for Links section mobile padding */ 827 @media (max-width: 768px) { 828 .section-bg .container { 829 padding-left: 1.5rem !important; 830 padding-right: 1.5rem !important; 831 } 832 } 833 834 /* Phone mockup responsive scaling */ 835 @media (max-width: 576px) { 836 .instagram-phone-mockup { 837 transform: scale(0.85); 838 transform-origin: center; 839 } 840 } 841 842 /* Carousel smooth transitions */ 843 #phoneCarousel .carousel-item { 844 transition: transform 0.6s ease-in-out; 845 } 846 847 /* Carousel indicators styling */ 848 #phoneCarousel .carousel-indicators { 849 position: relative; 850 margin-top: 1.5rem; 851 } 852 853 #phoneCarousel .carousel-indicators button { 854 width: 8px; 855 height: 8px; 856 border-radius: 50%; 857 background-color: #dee2e6; 858 opacity: 1;
859 border: none; 860 margin: 0 4px; 861 } 862 863 #phoneCarousel .carousel-indicators button.active { 864 background-color: #0d6efd; 865 width: 24px; 866 border-radius: 4px; 867 } 868</style> 869 870<!-- ======= Section - Import Your Links ======= --> 871<section class ="section-bg"> 872 <div class="container"> 873 <div class="section-title"> 874 <h2><i class="fa-brands fa-instagram"></i> Connect Instagram in One Tap</h2> 875 <p>Import your profile, media posts, follower stats, and get the Instagram grid layout â all automatically</p> 876 </div> 877 878 <style> 879 .app-icon { 880 width: 3.5rem; 881 height: 3.5rem; 882 background-color: #fff; 883 border-radius: .5rem; 884 display: flex; 885 justify-content: center; 886 align-items: center; 887 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 888 } 889 890 .icon { 891 font-size: 2.25rem; 892 color: #000; 893 } 894 895 .horizontal { 896 display: flex; 897 align-items: center; 898 justify-content: center; 899 } 900 </style> 901 902 <div class="row justify-content-center"> 903 <div class="col-lg-3 col-md-6 mb-4"> 904 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:14rem;"> 905 <div class="card-body"> 906 <div class="mb-3"> 907 <i class="fa-solid fa-user" style="font-size: 2rem; color: #E1306C;"></i> 908 </div> 909 <h5 class="card-title">Profile & Image</h5> 910 <p class="card-text">Your name, category, and profile photo synced from Instagram automatically.</p> 911 </div> 912 </div> 913 </div> 914 <div class="col-lg-3 col-md-6 mb-4"> 915 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:14rem;"> 916 <div class="card-body"> 917 <div class="mb-3"> 918 <i class="fa-solid fa-grid-2" style="font-size: 2rem; color: #E1306C;"></i> 919 </div> 920 <h5 class="card-title">Media Grid</h5> 921 <p class="card-text">Your recent posts become linkable image cards in a 3-column Instagram-style grid.</p> 922 </div> 923 </div> 924 </div> 925 <div class="col-lg-3 col-md-6 mb-4"> 926 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:14rem;"> 927 <div class="card-body"> 928 <div class="mb-3"> 929 <i class="fa-solid fa-chart-simple" style="font-size: 2rem; color: #E1306C;"></i> 930 </div> 931 <h5 class="card-title">Follower Stats</h5> 932 <p class="card-text">Followers, following, and post count synced from your Instagram profile.</p> 933 </div> 934 </div> 935 </div> 936 <div class="col-lg-3 col-md-6 mb-4"> 937 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:14rem;"> 938 <div class="card-body"> 939 <div class="mb-3"> 940 <i class="fa-brands fa-instagram" style="font-size: 2rem; color: #E1306C;"></i> 941 </div> 942 <h5 class="card-title">Instagram Theme</h5> 943 <p class="card-text">Template and grid layout auto-applied so your page looks great instantly.</p> 944 </div> 945 </div> 946 </div> 947 </div> 948 949 <div class="row"> 950 <div class="col-12" style="text-align:center; margin-top:1rem; margin-bottom:1rem;"> 951 <div class="horizontal"> 952 <div class="app-icon"> 953 <i class="fab fa-instagram" style="font-size:2rem; color:#E4405F;"></i> 954 </div> 955
956 <span><i class="fa-solid fa-arrow-right mx-3" style="font-size:1.25rem; color: #6c757d;"></i></span> 957 958 <div class="app-icon"> 959 <i class="fa-solid fa-link-simple fa-rotate-by" style="--fa-rotate-angle: -45deg; font-size:2rem; color:#495057;"></i> 960 </div> 961 </div> 962 </div> 963 </div> 964 965 <div class="row" style="margin-top:2rem;"> 966 <div class="col-md-12" style="text-align:center;"> 967 <a href="signup" class="btn btn-cta btn-primary" style="width:100%; max-width:350px;">Create Your Link in Bio Free</a> 968 </div> 969 </div> 970 </div> 971</section> 972 973<!-- ======= Section - Discover Amazing Content on The Feed ======= --> 974<section> 975 <div class="container"> 976 <div class="section-title"> 977 <h2><i class="fa-solid fa-fire"></i> Discover Amazing Content on The Feed</h2> 978 <p>Explore trending links from creators, influencers, brands, and entrepreneurs around the world. Get inspired and share your own content!</p> 979 </div> 980 981 <div class="row justify-content-center"> 982 <div class="col-lg-4 col-md-6 mb-4"> 983 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:14rem;"> 984 <div class="card-body"> 985 <div class="mb-3"> 986 <i class="fa-solid fa-infinity" style="font-size: 2rem; color: #0095f6;"></i> 987 </div> 988 <h5 class="card-title">Infinite Scroll Experience</h5> 989 <p class="card-text">Seamlessly browse through endless content with Instagram-like infinite scroll on any device.</p> 990 </div> 991 </div> 992 </div> 993 <div class="col-lg-4 col-md-6 mb-4"> 994 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:14rem;"> 995 <div class="card-body"> 996 <div class="mb-3"> 997 <i class="fa-solid fa-shuffle" style="font-size: 2rem; color: #E1306C;"></i> 998 </div> 999 <h5 class="card-title">Always Fresh Content</h5> 1000 <p class="card-text">Discover new and interesting links in randomized order. Every visit shows you something different!</p> 1001 </div> 1002 </div> 1003 </div> 1004 <div class="col-lg-4 col-md-6 mb-4"> 1005 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:14rem;"> 1006 <div class="card-body"> 1007 <div class="mb-3"> 1008 <i class="fa-solid fa-share-nodes" style="font-size: 2rem; color: #25D366;"></i> 1009 </div> 1010 <h5 class="card-title">Share & Get Discovered</h5> 1011 <p class="card-text">Your published links automatically appear in The Feed, helping you reach a global audience instantly.</p> 1012 </div> 1013 </div> 1014 </div> 1015 </div> 1016 1017 <div class="row mt-3"> 1018 <div class="col-12" style="text-align:center;"> 1019 <div class="d-inline-flex align-items-center gap-3 flex-wrap justify-content-center"> 1020 <div class="d-flex align-items-center"> 1021 <i class="fa-solid fa-mobile-screen" style="font-size: 1.5rem; color: #0095f6;"></i> 1022 <span class="ms-2" style="font-size: 0.9rem; color: #666;">Pull to Refresh on Mobile</span> 1023 </div> 1024 <div class="d-flex align-items-center"> 1025 <i class="fa-solid fa-bolt" style="font-size: 1.5rem; color: #ffa109;"></i> 1026 <span class="ms-2" style="font-size: 0.9rem; color: #666;">Lightning Fast Loading</span> 1027 </div> 1028 <div class="d-flex align-items-center"> 1029 <i class="fa-solid fa-globe" style="font-size: 1.5rem; color: #25D366;"></i>
1030 <span class="ms-2" style="font-size: 0.9rem; color: #666;">Global Community</span> 1031 </div> 1032 </div> 1033 </div> 1034 </div> 1035 1036 <div class="row" style="margin-top:2rem;"> 1037 <div class="col-md-12" style="text-align:center;"> 1038 <a href="signup" class="btn btn-cta btn-primary" style="width:100%; max-width:350px;">Create Your Link in Bio Free</a> 1039 </div> 1040 </div> 1041 </div> 1042</section> 1043 1044<!-- ======= Section - Explore Trending Content ======= --> 1045<section class="section-bg"> 1046 <div class="container"> 1047 <div class="section-title"> 1048 <h2><i class="fa-solid fa-compass"></i> Explore Trending Content</h2> 1049 <p>Discover amazing links from creators, brands, and influencers worldwide. Find inspiration and connect with a global community!</p> 1050 </div> 1051 1052 <div class="row justify-content-center"> 1053 <div class="col-lg-4 col-md-6 mb-4"> 1054 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:14rem;"> 1055 <div class="card-body"> 1056 <div class="mb-3"> 1057 <i class="fa-solid fa-grid-2" style="font-size: 2rem; color: #0095f6;"></i> 1058 </div> 1059 <h5 class="card-title">Visual Grid Discovery</h5> 1060 <p class="card-text">Browse through a beautiful masonry grid of content images, just like Instagram's Explore tab.</p> 1061 </div> 1062 </div> 1063 </div> 1064 <div class="col-lg-4 col-md-6 mb-4"> 1065 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:14rem;"> 1066 <div class="card-body"> 1067 <div class="mb-3"> 1068 <i class="fa-solid fa-rocket" style="font-size: 2rem; color: #E1306C;"></i> 1069 </div> 1070 <h5 class="card-title">Find What's Trending</h5> 1071 <p class="card-text">See the latest and most popular content from the community. Stay ahead of trends and discover new interests.</p> 1072 </div> 1073 </div> 1074 </div> 1075 <div class="col-lg-4 col-md-6 mb-4"> 1076 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:14rem;"> 1077 <div class="card-body"> 1078 <div class="mb-3"> 1079 <i class="fa-solid fa-users" style="font-size: 2rem; color: #25D366;"></i> 1080 </div> 1081 <h5 class="card-title">Connect with Creators</h5> 1082 <p class="card-text">Click any content to visit the creator's profile and discover more amazing links they've shared.</p> 1083 </div> 1084 </div> 1085 </div> 1086 </div> 1087 1088 <div class="row" style="margin-top:2rem;"> 1089 <div class="col-md-12" style="text-align:center;"> 1090 <a href="signup" class="btn btn-cta btn-primary" style="width:100%; max-width:350px;">Create Your Link in Bio Free</a> 1091 </div> 1092 </div> 1093 </div> 1094</section> 1095 1096<!-- ======= Section - Link in Bio AI ======= --> 1097<section> 1098 <div class="container text-center"> 1099 <div class="section-title"> 1100 <h2 class="text-center" style="background: linear-gradient(94deg, #58cdff, #229bff, #df62db, #fb6159, #ffa109); -webkit-background-clip: text; color: transparent;"> 1101 <i class="fa-solid fa-sparkles" style="font-size:2rem;"></i> Link in Bio AI is Here! 1102 </h2> 1103 <p style="margin-top: 1rem;">Unlock intelligent features that amplify your online presence and engagement.</p> 1104 </div> 1105 1106 <!-- Feature Cards --> 1107 <div class="row mt-3"> 1108 <!-- Card 1: Intelligent Bio Generation --> 1109 <div class="col-sm-12 col-md-6 col-lg-3 mb-4"> 1110 <div class="card shadow border-0 text-start" style="border-radius: 2rem; height: 15rem;"> 1111 <div class="card-body"> 1112 <p><i class="fa-solid fa-robot" style="font-size: 1.25rem;"></i></p> 1113 <h5 class="card-title">Intelligent Bio Generation</h5> 1114 <p class="card-text">Create an engaging bio with AI-powered insights.</p> 1115 </div> 1116 </div> 1117 </div> 1118 1119 <!-- Card 2: Intelligent Link Title Generation --> 1120 <div class="col-sm-12 col-md-6 col-lg-3 mb-4"> 1121 <div class="card shadow border-0 text-start" style="border-radius: 2rem; height: 15rem;"> 1122 <div class="card-body"> 1123 <p><i class="fa-solid fa-pencil-alt" style="font-size: 1.25rem;"></i></p> 1124 <h5 class="card-title">Intelligent Link Title Generation</h5> 1125 <p class="card-text">Get optimized link titles tailored to your content.</p> 1126 </div> 1127 </div> 1128 </div> 1129 1130 <!-- Card 3: Intelligent Link Image Generation --> 1131 <div class="col-sm-12 col-md-6 col-lg-3 mb-4"> 1132 <div class="card shadow border-0 text-start" style="border-radius: 2rem; height: 15rem;"> 1133 <div class="card-body"> 1134 <p><i class="fa-solid fa-image" style="font-size: 1.25rem;"></i></p> 1135 <h5 class="card-title">Intelligent Link Image Generation</h5> 1136 <p class="card-text">Generate relevant images for your links with AI.</p> 1137 </div> 1138 </div> 1139 </div> 1140 1141 <!-- Card 4: .ai Domain (linknbio.ai/yourname) --> 1142 <div class="col-sm-12 col-md-6 col-lg-3 mb-4"> 1143 <div class="card shadow border-0 text-start" style="border-radius: 2rem; height: 15rem;"> 1144 <div class="card-body"> 1145 <p><i class="fa-solid fa-globe" style="font-size: 1.25rem;"></i></p> 1146 <h5 class="card-title">.ai Domain (linknbio.ai/yourname)</h5> 1147 <p class="card-text">Get a custom AI-powered domain for your links.</p> 1148 </div> 1149 </div> 1150 </div> 1151 </div> 1152 1153 <!-- Call to Action --> 1154 <div class="mt-4"> 1155 <a href="pricing" class="btn btn-primary" style=""> 1156 Explore the AI Plan 1157 </a> 1158 </div> 1159 </div> 1160</section> 1161 1162<!-- ======= Section - Verified ======= --> 1163<section class="section-bg"> 1164 <div class="container"> 1165 <div class="section-title"> 1166 <h2>Link in Bio Verified <i class="fa-solid fa-badge-check" style="color:#3478f6;"></i></h2> 1167 <p>Get verified instantly and enjoy all the perks! <a href="/goldenbarbie" target="_blank">Try Demo</a></p> 1168 </div> 1169 <div class="row"> 1170 <!-- Card 1 --> 1171 <div class="col-sm-12 col-md-6 col-lg-3 text-center"> 1172 <img src="assets/images/header-9-circles.webp" class="img-fluid" alt="Verified" loading="lazy"> 1173 </div> 1174 <!-- Card 2 --> 1175 <div class="col-sm-12 col-md-6 col-lg-3"> 1176 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:15rem;"> 1177 <div class="card-body"> 1178 <p><i class="fa-solid fa-handshake"></i></p> 1179 <h5 class="card-title">Build Trust</h5> 1180 <p class="card-text"> 1181 Display the Verified badge on your profile to show authenticity and increase follower confidence. 1182 </p> 1183 </div> 1184 </div> 1185 </div> 1186 <!-- Card 3 --> 1187 <div class="col-sm-12 col-md-6 col-lg-3"> 1188 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:15rem;"> 1189 <div class="card-body"> 1190 <p><i class="fa-regular fa-unlock"></i></p> 1191 <h5 class="card-title">Exclusive Features</h5> 1192 <p class="card-text"> 1193 Gain access to exclusive tools and features that are only available to Verified users. 1194 </p> 1195 </div> 1196 </div> 1197 </div> 1198 <!-- Card 4 --> 1199 <div class="col-sm-12 col-md-6 col-lg-3"> 1200 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:15rem;"> 1201 <div class="card-body"> 1202 <p><i class="fa-solid fa-headset "></i></p> 1203 <h5 class="card-title">Priority Support</h5> 1204 <p class="card-text"> 1205 Enjoy priority customer support with faster response times and dedicated assistance. 1206 </p> 1207 </div> 1208 </div> 1209 </div> 1210 </div> 1211 <div class="row mt-5"> 1212 </div> 1213 <div class="row" style="margin-top:2rem;"> 1214 <div class="col-md-12" style="text-align:center;"> 1215 <a href="signup" class="btn btn-cta btn-primary" style="width:100%; max-width:350px;">Create Your Link in Bio Free</a> 1216 </div> 1217 </div> 1218 </div> 1219</section> 1220 1221<!-- ======= Section - News ======= --> 1222<section> 1223 <div class="container"> 1224 <div class="section-title"> 1225 <h2 class="text-center">Trusted by the world's largest News Sources</h2> 1226 <p class="text-center"> 1227 Stay updated with the latest stories shared through Link in Bio. 1228 </p> 1229 </div> 1230 <ul class="scroll1 mt-3"> 1231 <li><a href="/bbcnews" target="_blank"><img src="assets/images/marquee/news/bbc-news.png" class="rounded-circle image me-3 marquee-item" alt="BBC News" loading="lazy" /></a></li> 1232 <li><a href="/billboard" target="_blank"><img src="assets/images/marquee/news/billboard.png" class="rounded-circle image me-3 marquee-item" alt="Billboard" loading="lazy" /></a></li> 1233 <li><a href="/cbsnews" target="_blank"><img src="assets/images/marquee/news/cbs-news.png" class="rounded-circle image me-3 marquee-item" alt="CBS News" loading="lazy" /></a></li> 1234 <li><a href="/cnn" target="_blank"><img src="assets/images/marquee/news/cnn.png" class="rounded-circle image me-3 marquee-item" alt="CNN" loading="lazy" /></a></li> 1235 <li><a href="/cnbc" target="_blank"><img src="assets/images/marquee/news/cnbc.png" class="rounded-circle image me-3 marquee-item" style="border: 1px solid #efefef;" alt="CNBC" loading="lazy" /></a></li> 1236 <li><a href="/entertainmenttonight" target="_blank"><img src="assets/images/marquee/news/entertainment-tonight.png" class="rounded-circle image me-3 marquee-item" alt="Entertainment Tonight" loading="lazy" /></a></li> 1237 <li><a href="/entrepreneur" target="_blank"><img src="assets/images/marquee/news/entrepreneur.png" class="rounded-circle image me-3 marquee-item" alt="Entrepreneur" loading="lazy" /></a></li> 1238 <li><a href="/enews" target="_blank"><img src="assets/images/marquee/news/e-news.png" class="rounded-circle image me-3 marquee-item" alt="ENews!" loading="lazy" /></a></li> 1239 <li><a href="/espn" target="_blank"><img src="assets/images/marquee/news/espn.png" class="rounded-circle image me-3 marquee-item" alt="ESPN" loading="lazy" /></a></li> 1240 <li><a href="/foxnews" target="_blank"><img src="assets/images/marquee/news/fox-news.png" class="rounded-circle image me-3 marquee-item" alt="Fox News" loading="lazy" /></a></li> 1241 <li><a href="/mashable" target="_blank"><img src="assets/images/marquee/news/mashable.png" class="rounded-circle image me-3 marquee-item" alt="Mashable" loading="lazy" /></a></li> 1242 <li><a href="/perezhilton" target="_blank"><img src="assets/images/marquee/news/perez-hilton.png" class="rounded-circle image me-3 marquee-item" alt="Perez Hilton" loading="lazy" /></a></li> 1243 <li><a href="/verge" target="_blank"><img src="assets/images/marquee/news/the-verge.png" class="rounded-circle image me-3 marquee-item" style="border: 1px solid #efefef;" alt="The Verge" loading="lazy" /></a></li> 1244 <li><a href="/tmz-tv" target="_blank"><img src="assets/images/marquee/news/tmz.png" class="rounded-circle image me-3 marquee-item" style="border: 1px solid #efefef;" alt="TMZ" loading="lazy" /></a></li> 1245 </ul> 1246 <div class="row mt-4"> 1247 <div class="col-md-12" style="text-align:center;"> 1248 <a href="news" class="btn btn-cta btn-primary" style="width:100%; max-width:350px;">View News from around The Bios</a> 1249 </div> 1250 </div> 1251 </div> 1252</section> 1253 1254<!-- ======= Section - One Account, Multiple Link in Bios ======= --> 1255<section class="section-bg"> 1256 <div class="container"> 1257 <div class="section-title"> 1258 <h2>One Account, Multiple Link in Bios</h2> 1259 <p>Manage all your profiles seamlessly with just one account.</p> 1260 </div> 1261 <div class="row justify-content-center"> 1262 <div class="col-lg-4 col-md-6 mb-4"> 1263 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:12rem;"> 1264 <div class="card-body">
1265 <i class="fa-solid fa-chevron-down mb-3"></i> 1266 <h5 class="card-title">Simplified Management</h5> 1267 <p class="card-text">Easily switch between multiple Link in Bio profiles and manage them all from a single account.</p> 1268 </div> 1269 </div> 1270 </div> 1271 <div class="col-lg-4 col-md-6 mb-4"> 1272 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:12rem;"> 1273 <div class="card-body"> 1274 <i class="fa-solid fa-link mb-3"></i> 1275 <h5 class="card-title">Unlimited Links</h5> 1276 <p class="card-text">Create as many links as you need, with unique profiles tailored for different audiences.</p> 1277 </div> 1278 </div> 1279 </div> 1280 <div class="col-lg-4 col-md-6 mb-4"> 1281 <div class="card shadow border-0 mt-3 text-start" style="border-radius:1rem; height:12rem;"> 1282 <div class="card-body"> 1283 <i class="fa-solid fa-cogs mb-3"></i> 1284 <h5 class="card-title">Advanced Customization</h5> 1285 <p class="card-text">Customize each profile with branding, layouts and content to stand out.</p> 1286 </div> 1287 </div> 1288 </div> 1289 </div> 1290 <div class="row" style="margin-top:2rem;"> 1291 <div class="col-md-12" style="text-align:center;"> 1292 <a href="signup" class="btn btn-cta btn-primary" style="width:100%; max-width:350px;">Create Your Link in Bio Free</a> 1293 </div> 1294 </div> 1295 </div> 1296</section> 1297 1298<!-- ======= Section - Sign Up Providers ======= --> 1299<section> 1300 <div class="container"> 1301 <div class="section-title"> 1302 <h2>Your Visitors can Sign Up in Multiple Ways</h2> 1303 <p>Streamline user sign-ups for your brand using Email, SMS and major platforms</p> 1304 </div> 1305 1306 <div class="row"> 1307 <div class="col-12"> 1308 <div class="p-3 shadow" style="padding-left:5rem!important; border-radius: 0.375rem; width: 100%; max-width: 350px; color: #5d6778; font-weight: 500; margin: 0 auto;"> 1309 <div class="me-1" style="display: inline-block;">Sign Up with</div> 1310 <div style="display: inline-block;"><span id="typed"></span></div> 1311 </div> 1312 </div> 1313 </div> 1314 1315 <div class="row mt-5"> 1316 <div class="col-md-12" style="text-align:center;"> 1317 <a href="signup" class="btn btn-cta btn-primary" style="width:100%; max-width:350px;">Create Your Link in Bio Free</a> 1318 </div> 1319 </div> 1320 </div> 1321</section> 1322 1323<!-- ======= Section - Features ======= --> 1324<section class="services section-bg"> 1325 <div class="container"> 1326 <div class="section-title"> 1327 <h2>Everything you need in ONE Link</h2> 1328 <p>Unlimited Links with Previews • Email / SMS Sign Up • Videos • Music • Social</p> 1329 </div> 1330 1331 <div class="row"> 1332 <div class="col-md-6 mt-4"> 1333 <div class="icon-box"> 1334 <i class="fas fa-external-link-square-alt"></i> 1335 <h4>Unlimited Links</h4> 1336 <p>Add as many external and social links to your Link in Bio as you like</p> 1337 </div> 1338 </div> 1339 <div class="col-md-6 mt-4"> 1340 <div class="icon-box"> 1341 <i class="fas fa-images"></i> 1342 <h4>Link Previews</h4> 1343 <p>The only platform that automatically generates previews for all of your links</p> 1344 </div> 1345 </div> 1346 <div class="col-md-6 mt-4"> 1347 <div class="icon-box"> 1348 <i class="fas fa-project-diagram"></i> 1349 <h4>Multiple Sign Up Providers</h4> 1350 <p>Leverage the world's largest platforms to simplify Email & SMS Sign Up to your brand</p> 1351 </div> 1352 </div> 1353 <div class="col-md-6 mt-4"> 1354 <div class="icon-box"> 1355 <i class="fas fa-bolt"></i> 1356 <h4>One Click Sign Up</h4> 1357 <p>In one user click, obtain First Name, Last Name, Email Address / SMS Number, Location & more</p> 1358 </div> 1359 </div> 1360 <div class="col-md-6 mt-4"> 1361 <div class="icon-box"> 1362 <i class="fas fa-user-check"></i> 1363 <h4>Validated Email Addresses</h4> 1364 <p>Obtain pre-validated email addresses and begin communicating immediately</p> 1365 </div> 1366 </div> 1367 <div class="col-md-6 mt-4"> 1368 <div class="icon-box"> 1369 <i class="fas fa-globe"></i> 1370 <h4>No Website Needed</h4> 1371 <p>
1371Get your own Link in Bio URL that you can share across all your social accounts</p> 1372 </div> 1373 </div> 1374 <div class="col-md-6 mt-4"> 1375 <div class="icon-box"> 1376 <i class="fas fa-times-circle"></i> 1377 <h4>No Forms</h4> 1378 <p>Filling out forms is old technology and one of the greatest reasons people exit your website</p> 1379 </div> 1380 </div> 1381 <div class="col-md-6 mt-4"> 1382 <div class="icon-box"> 1383 <i class="fab fa-connectdevelop"></i> 1384 <h4>Easy Integration</h4> 1385 <p>Easily export your Subscribers and import them to your favorite apps and web services</p> 1386 </div> 1387 </div> 1388 </div> 1389 1390 <div class="row" style="margin-top:2rem;"> 1391 <div class="col-md-12" style="text-align:center;"> 1392 <a href="signup" class="btn btn-cta btn-primary" style="width:100%; max-width:350px;">Create Your Link in Bio Free</a> 1393 </div> 1394 </div> 1395 </div> 1396</section> 1397 1398<!-- ======= Section - Blog ======= --> 1399<style type="text/css"> 1400 .blog-section .blog-card { 1401 border-radius: 1rem; 1402 overflow: hidden; 1403 transition: transform 0.3s ease, box-shadow 0.3s ease; 1404 border: none; 1405 } 1406 .blog-section .blog-card:hover { 1407 transform: translateY(-5px); 1408 box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important; 1409 } 1410 .blog-section .blog-card img { 1411 height: 200px; 1412 object-fit: cover; 1413 transition: transform 0.3s ease; 1414 } 1415 .blog-section .blog-card:hover img { 1416 transform: scale(1.05); 1417 } 1418 .blog-section .card-img-wrapper { 1419 overflow: hidden; 1420 } 1421 .blog-section .card-title { 1422 overflow: hidden; 1423 text-overflow: ellipsis; 1424 display: -webkit-box; 1425 -webkit-line-clamp: 2; 1426 -webkit-box-orient: vertical; 1427 line-height: 1.4; 1428 } 1429 .blog-section .card-title a { 1430 color: inherit; 1431 text-decoration: none; 1432 transition: color 0.2s ease; 1433 } 1434 .blog-section .card-title a:hover { 1435 color: #0095f6; 1436 } 1437 .blog-section .side-card img { 1438 height: 100%; 1439 min-height: 100px; 1440 } 1441 .blog-section .side-posts-container { 1442 display: flex; 1443 flex-direction: column; 1444 height: 100%; 1445 } 1446 .blog-section .side-post-wrapper { 1447 flex: 1; 1448 display: flex; 1449 } 1450 .blog-section .side-post-wrapper .card { 1451 width: 100%; 1452 } 1453</style> 1454 1455<section class="blog-section"> 1456 <div class="container"> 1457 <div class="section-title"> 1458 <h2>Latest from Our Blog</h2> 1459 <p>Tips, trends, and strategies to grow your online presence</p> 1460 </div> 1461 1462 <div class="row g-4"> 1463 <!-- Featured Post --> 1464 <div class="col-lg-6"> 1465 <div class="card blog-card shadow h-100"> 1466 <div class="card-img-wrapper"> 1467 <a href="/blog/nick-pinheiro-the-tech-titan-of-wall-street"> 1468 <img src="/assets/images/blog/nick-pinheiro-the-tech-titan-of-wall-street.webp" class="card-img-top" alt="The Tech Titan of Wall Street: How Nick Pinheiro is Bringing Enterprise-Grade AI, Agentic AI, and Algorithmic Trading to Modern Financial Markets" style="height: 280px;" loading="lazy"> 1469 </a> 1470 </div> 1471 <div class="card-body p-4 d-flex flex-column"> 1472 <div class="d-flex align-items-center mb-2"> 1473 <span class="badge text-white me-2" style="background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);"> 1474 <i class="fa-solid fa-star me-1"></i>Latest 1475 </span> 1476 <small class="text-muted"> 1477 <i class="fa-regular fa-calendar me-1"></i>Jun 18, 2026 1478 </small> 1479 </div> 1480 <h5 class="card-title fw-bold mb-3"> 1481 <a href="/blog/nick-pinheiro-the-tech-titan-of-wall-street">The Tech Titan of Wall Street: How Nick Pinheiro is Bringing Enterprise-Grade AI, Agentic AI, and Algorithmic Trading to Modern Financial Markets</a> 1482 </h5> 1483 <p class="card-text text-muted flex-grow-1"> 1484 Nick Pinheiro, a technology leader with nearly 15 years at Microsoft, is shaping the intersection of artificial intellig... 1485 </p> 1486 <a href="/blog/nick-pinheiro-the-tech-titan-of-wall-street" class="btn btn-primary mt-auto" style="width: fit-content;"> 1487 Read Article <i class="fa-solid fa-arrow-right ms-2"></i> 1488 </a> 1489 </div> 1490 </div> 1491 </div> 1492 <!-- Other Posts (3 articles stacked, equal height to featured) --> 1493 <div class="col-lg-6"> 1494 <div class="side-posts-container gap-3"> 1495 <div class="side-post-wrapper"> 1496 <div class="card blog-card side-card shadow"> 1497 <div class="row g-0 h-100"> 1498 <div class="col-4"> 1499 <div class="card-img-wrapper h-100"> 1500 <a href="/blog/meta-link-posting-limits-why-you-need-link-in-bio" class="d-block h-100"> 1501 <img src="/assets/images/blog/meta-link-posting-limits.webp" class="img-fluid h-100 w-100" alt="Meta May Charge for Link Posts: Why Creators Need a Link in Bio Now More Than Ever" style="object-fit: cover; border-radius: 1rem 0 0 1rem;" loading="lazy"> 1502 </a> 1503 </div> 1504 </div> 1505 <div class="col-8"> 1506 <div class="card-body p-3 d-flex flex-column justify-content-center h-100"> 1507 <small class="text-muted mb-1"> 1508 <i class="fa-regular fa-calendar me-1"></i>Feb 06, 2026 1509 </small> 1510 <h6 class="card-title fw-bold mb-0" style="font-size: 0.95rem;"> 1511 <a href="/blog/meta-link-posting-limits-why-you-need-link-in-bio"> 1512 Meta May Charge for Link Posts: Why Creators Need a Link in ... 1513 </a> 1514 </h6> 1515 </div> 1516 </div> 1517 </div> 1518 </div> 1519 </div> 1520 <div class="side-post-wrapper"> 1521 <div class="card blog-card side-card shadow"> 1522 <div class="row g-0 h-100"> 1523 <div class="col-4"> 1524 <div class="card-img-wrapper h-100"> 1525 <a href="/blog/ultimate-seo-guide-link-in-bio-2026" class="d-block h-100"> 1526 <img src="/assets/images/blog/ultimate-seo-guide-link-in-bio-2026.webp" class="img-fluid h-100 w-100" alt="The Ultimate SEO Guide for Link in Bio Pages: 10 Proven Strategies to Dominate Google in 2026" style="object-fit: cover; border-radius: 1rem 0 0 1rem;" loading="lazy"> 1527 </a> 1528 </div> 1529 </div> 1530 <div class="col-8"> 1531 <div class="card-body p-3 d-flex flex-column justify-content-center h-100"> 1532 <small class="text-muted mb-1"> 1533 <i class="fa-regular fa-calendar me-1"></i>Nov 21, 2025 1534 </small> 1535 <h6 class="card-title fw-bold mb-0" style="font-size: 0.95rem;"> 1536 <a href="/blog/ultimate-seo-guide-link-in-bio-2026"> 1537 The Ultimate SEO Guide for Link in Bio Pages: 10 Proven Stra... 1538 </a> 1539 </h6> 1540 </div> 1541 </div> 1542 </div> 1543 </div> 1544 </div> 1545 <div class="side-post-wrapper"> 1546 <div class="card blog-card side-card shadow"> 1547 <div class="row g-0 h-100"> 1548 <div class="col-4"> 1549 <div class="card-img-wrapper h-100"> 1550 <a href="/blog/top-10-phrases-driving-engagement-social-media" class="d-block h-100"> 1551 <img src="/assets/images/blog/top-10-phrases-driving-engagement-2025.webp" class="img-fluid h-100 w-100" alt="The Top 10 Phrases Driving Engagement on Social Media (Hint: ‘Link in Bio’ Tops the List)" style="object-fit: cover; border-radius: 1rem 0 0 1rem;" loading="lazy"> 1552 </a> 1553 </div> 1554 </div> 1555 <div class="col-8"> 1556 <div class="card-body p-3 d-flex flex-column justify-content-center h-100"> 1557 <small class="text-muted mb-1"> 1558 <i class="fa-regular fa-calendar me-1"></i>Oct 21, 2025 1559 </small> 1560 <h6 class="card-title fw-bold mb-0" style="font-size: 0.95rem;"> 1561 <a href="/blog/top-10-phrases-driving-engagement-social-media"> 1562 The Top 10 Phrases Driving Engagement on Social Media (Hint:... 1563 </a> 1564 </h6> 1565 </div> 1566 </div> 1567 </div> 1568 </div> 1569 </div> 1570 </div> 1571 </div> 1572 </div> 1573 1574 <div class="row mt-4"> 1575 <div class="col-12 text-center"> 1576 <a href="/blog" class="btn btn-outline-primary px-4"> 1577 View All Articles <i class="fa-solid fa-arrow-right ms-2"></i> 1578 </a> 1579 </div> 1580 </div> 1581 </div> 1582</section> 1583 1584<!-- ======= Section - Podcast ======= --> 1585<section id="podcast" class="section-bg " style="scroll-margin-top: 4rem;"> 1586 <div class="container"> 1587 <div class="row align-items-center"> 1588 <div class="col-md-6 mb-4 mb-lg-0"> 1589 <h2 class="display-6 fw-bold"><i class="far fa-microphone"></i> The Link in Bio Show</h2> 1590 <p class="lead">Tune into our podcast for insights, tips, and conversations that matter for your online presence.</p> 1591 <p>Follow on Spotify and Apple Podcasts</p> 1592 <div class="d-flex gap-3"> 1593 <!-- Spotify --> 1594 <div class="col-sm-6 mt-2 me-2" style="width:9rem;"> 1595 <a href="https://open.spotify.com/show/2ngfTGYU6Z6jwQt2wxx3m1" target="_blank"> 1596 <div class="card shadow border-0"> 1597 <div class="card-body" style="padding:.4rem; padding-left:1rem; color:#000;"> 1598 <div style="margin-right:.42rem; float:left; font-size:1.2rem;"> 1599 <i class="fa-brands fa-spotify"></i> 1600 </div> 1601 <div style="line-height:.68rem;">
1602 <span style="font-size:.7rem;">Listen on</span><br /> 1603 <span style="font-size:.7rem; font-weight:600;">Spotify</span> 1604 </div> 1605 </div> 1606 </div> 1607 </a> 1608 </div> 1609 <!-- Apple Podcasts --> 1610 <div class="col-sm-6 mt-2 me-2" style="width:9rem;"> 1611 <a href="https://podcasts.apple.com/us/podcast/the-link-in-bio-show/id1774755260" target="_blank"> 1612 <div class="card shadow border-0"> 1613 <div class="card-body" style="padding:.4rem; padding-left:1rem; color:#000;"> 1614 <div style="margin-right:.42rem; float:left; font-size:1.2rem;"> 1615 <i class="far fa-podcast"></i> 1616 </div> 1617 <div style="line-height:.68rem;"> 1618 <span style="font-size:.7rem;">Listen on</span><br /> 1619 <span style="font-size:.7rem; font-weight:600;">Apple Podcasts</span> 1620 </div> 1621 </div> 1622 </div> 1623 </a> 1624 </div> 1625 </div> 1626 </div> 1627 <div class="col-md-6 text-center"> 1628 <div class="d-flex justify-content-center"> 1629 <img src="assets/images/podcast/the-link-in-bio-show.webp" 1630 alt="The Link in Bio Show" 1631 class="img-fluid shadow" 1632 style="border-radius: 3rem; max-width: 350px;" 1633 loading="lazy"> 1634 </div> 1635 </div> 1636 </div> 1637 </div> 1638</section> 1639
1640<script type="text/javascript"> 1641 $(document).ready(function () { 1642 1643 $('.counter').each(function () { 1644 $(this).prop('Counter', 0).animate({ 1645 Counter: $(this).text() 1646 }, { 1647 duration: 1000, 1648 easing: 'swing', 1649 step: function (now) { 1650 $(this).text(Math.ceil(now).toLocaleString('en')); 1651 } 1652 }); 1653 }); 1654 }); 1655</script>
1655 1656 1657<!-- ======= Animation - Type - Header ======= -->
1658<script type="text/javascript"> 1659 var typedHeader = new Typed('#typedHeader', { 1660 strings: ['Link', 'Website', 'Shop', 'Page', 'Creation'], 1661 typeSpeed: 100, 1662 backSpeed: 100, 1663 backDelay: 500, 1664 startDelay: 0, 1665 fadeOut: true, 1666 smartBackspace: true, 1667 loop: true, 1668 cursorChar: '', 1669 }); 1670</script>
1670 1671 1672<!-- ======= Animation - Type - Sign Up ======= -->
1673<script type="text/javascript"> 1674 var typed = new Typed('#typed', { 1675 strings: ['<i class="fa-solid fa-envelope" style="color:#0095f6;"></i> Email', '<i class="fa-solid fa-comment-sms" style="color:#0095f6;"></i> SMS', '<i class="fa-brands fa-google" style="color:#d73d32;"></i> Google', '<i class="fab fa-apple" style="color:#000000; font-size:1.25rem;"></i> Apple', '<i class="fab fa-facebook" style="color:#3578E5;"></i> Facebook', '<i class="fa-brands fa-linkedin-in" style="color:#0a66c2"></i> LinkedIn'], 1676 typeSpeed: 50, 1677 backSpeed: 50, 1678 backDelay: 500, 1679 startDelay: 0, 1680 fadeOut: true, 1681 smartBackspace: true, 1682 loop: true, 1683 cursorChar: '', 1684 }); 1685</script>
1685 1686 </main> 1687 1688 <footer class="footer"> 1689 <div class="container"> 1690 <!-- Brand and Navigation --> 1691 <div class="row"> 1692 <!-- Brand--> 1693 <div class="col-md-6 mb-5"> 1694 <a href="/" class="footer-site-logo" style="line-height:.9"> 1695 <i class="fa-solid fa-link-simple fa-rotate-by" style="--fa-rotate-angle: -45deg;"></i> 1696<span style="font-family: unineue, sans-serif;">linkinbio</span><br /> 1697 <span class="me-2" style="margin-left:2.1rem; color:#fff; font-size:0.9rem;">from</span><span style="font-size:0.9rem;"><i class="fa-solid fa-dice-d6 me-1"></i>modern<span style="font-weight:500;">appz</span></span> 1698 </a> 1699 1700 <p>The Official Link in Bio platform. Add Links, Videos, Music, Email / SMS Sign Up & Shops to your Instagram, TikTok, YouTube, X or other Social Media profiles!</p> 1701 </div> 1702 1703 <!-- Navigation --> 1704 <!-- Company --> 1705 <div class="col-md-2 ml-auto mb-5"> 1706 <h6 style="font-size:1.1rem;">Company</h6> 1707 <ul class="list-unstyled links"> 1708 <li><a href="/pricing">Pricing</a></li> 1709 <li><a href="/featured">Featured</a></li> 1710 <li><a href="/download">Download</a></li> 1711 <li><a href="/blog">Blog</a></li> 1712 <li><a href="/#podcast">Podcast</a></li> 1713 </ul> 1714 </div> 1715 1716 <!-- Support --> 1717 <div class="col-md-2 ml-auto mb-5"> 1718 <h6 style="font-size:1.1rem;">Support</h6> 1719 <ul class="list-unstyled links"> 1720 <li><a href="/contact">Help</a></li> 1721 <li><a href="/contact">Contact</a></li> 1722 </ul> 1723 </div> 1724 1725 <!-- Trust & Legal --> 1726 <div class="col-md-2 ml-auto"> 1727 <h6 style="font-size:1.1rem;">Trust & Legal</h6> 1728 <ul class="list-unstyled links"> 1729 <li><a href="/privacy">Privacy</a></li> 1730 <li><a href="/terms">Terms</a></li> 1731 </ul> 1732 </div> 1733 </div> 1734 1735 <!-- App Badges --> 1736 <div class="row mt-4"> 1737 <!-- iOS --> 1738<div class="col-3 mt-2 me-2" style="width:10rem;"> 1739 <a href="https://apps.apple.com/us/app/link-in-bio-official-platform/id6478511423" target="_blank"> 1740 <div class="card shadow border-0 mb-2"> 1741 <div class="card-body" style="padding:.4rem; padding-left:1rem; color:#000;"> 1742 <div style="margin-right:.42rem; float:left; font-size:1.2rem;"> 1743 <i class="fab fa-apple"></i> 1744 </div> 1745 <div style="line-height:.68rem;"> 1746 <span style="font-size:.7rem;">Download on</span><br /> 1747 <span style="font-size:.7rem; font-weight:600;">App Store</span> 1748 </div> 1749 </div> 1750 </div> 1751 </a> 1752</div> 1753<!-- Google Play --> 1754<div class="col-3 mt-2 me-2" style="width:10rem;"> 1755 <a href="https://play.google.com/store/apps/details?id=com.linknbio.www.twa" target="_blank"> 1756 <div class="card shadow border-0 mb-2"> 1757 <div class="card-body" style="padding:.4rem; padding-left:1rem; color:#000;"> 1758 <div style="margin-right:.42rem; float:left; font-size:1.2rem;"> 1759 <i class="fab fa-google-play"></i> 1760 </div> 1761 <div style="line-height:.68rem;"> 1762 <span style="font-size:.7rem;">Get it on</span><br /> 1763 <span style="font-size:.7rem; font-weight:600;">Google Play</span> 1764 </div> 1765 </div> 1766 </div> 1767 </a> 1768</div> 1769<!-- Microsoft Store --> 1770<div class="col-3 mt-2 me-2" style="width:10rem;"> 1771 <a href="https://www.microsoft.com/store/productid/9NTCFR5KBQW0" target="_blank"> 1772 <div class="card shadow border-0 mb-2"> 1773 <div class="card-body" style="padding:.4rem; padding-left:1rem; color:#000;"> 1774 <div style="margin-right:.42rem; float:left; font-size:1.2rem;"> 1775 <i class="fab fa-microsoft"></i> 1776 </div> 1777 <div style="line-height:.68rem;"> 1778 <span style="font-size:.7rem;">Get it from</span><br /> 1779 <span style="font-size:.7rem; font-weight:600;">Microsoft</span> 1780 </div> 1781 </div> 1782 </div> 1783 </a> 1784</div> 1785<!-- Add to Home Screen --> 1786<div class="col-3 mt-2 me-2" style="width:10rem;"> 1787 <a href="#" data-bs-toggle="modal" data-bs-target="#addToHomeScreenModal"> 1788 <div class="card shadow border-0 mb-2"> 1789 <div class="card-body" style="padding:.4rem; padding-left:1rem; color:#000;"> 1790 <div style="margin-right:.42rem; float:left; font-size:1.2rem;"> 1791 <i class="far fa-mobile"></i> 1792 </div> 1793 <div style="line-height:.68rem;"> 1794 <span style="font-size:.7rem;">Add to</span><br /> 1795 <span style="font-size:.7rem; font-weight:600;">Home Screen</span> 1796 </div> 1797 </div> 1798 </div> 1799 </a> 1800</div> 1801 1802<style type="text/css"> 1803 .modal.fade .modal-dialog { 1804 transform: translate3d(0, 100vh, 0); 1805 } 1806 1807 .modal.show .modal-dialog { 1808 transform: translate3d(0, 0, 0); 1809 } 1810</style> 1811 1812<div class="modal fade" id="addToHomeScreenModal" tabindex="-1" aria-labelledby="addToHomeScreenModalLabel" aria-hidden="true"> 1813 <div class="modal-dialog" style="position: fixed; inset: 0; top: auto; bottom: 0; margin: auto; margin-bottom: 0px;"> 1814 <div class="modal-content" style="border-top-left-radius:1rem; border-top-right-radius:1rem; border-bottom-left-radius:0rem; border-bottom-right-radius:0rem; border:none; height:auto;"> 1815 <div class="modal-header mb-3" style="padding-bottom:0px; border-bottom:none;"> 1816 <h6 class="modal-title ms-1" id="addToHomeScreenModalLabel"><i class="far fa-mobile me-2" style="font-size:1.25rem;"></i> Add to Home Screen</h6> 1817 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" style="background-color:#fff; border-color:#fff; color:#ccc; border-style:none; padding-right:0;"> 1818 <span aria-hidden="true"><i class="fa-solid fa-circle-xmark" style="font-size:1.5rem;"></i></span> 1819 </button> 1820 </div> 1821 <div class="modal-body" style="padding-top:0px;"> 1822 <div class="container"> 1823 <div style="height:5rem;"> 1824 <div class="me-4" style="float:left;"> 1825 <img src="/assets/images/app-icons/icon-192.png" class="img-fluid shadow" style="height:4.5rem; width:4.5rem; border-radius:1rem;" /> 1826 </div> 1827 <div> 1828 <span style="font-weight:500">Link in Bio: Official Platform</span><br /> 1829 <span>Social</span><br /> 1830 <span><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></span> 1831 </div> 1832 </div> 1833 <div class="mt-5" style="clear:both;"> 1834 <h6><i class="fa-brands fa-apple me-2" style="font-size:1.25rem;"></i> iOS & iPadOS</h6> 1835 <ol style="padding-inline-start:1.2rem;"> 1836 <li><i class="fa-solid fa-arrow-up-from-bracket"></i> Tap in your browser window</li> 1837 <li class="mt-2"><i class="fa-regular fa-square-plus"></i> Select Add to Home Screen</li> 1838 </ol> 1839 </div> 1840 <div class="mt-5" style="clear:both;"> 1841 <h6><i class="fa-brands fa-android me-2" style="font-size:1.25rem;"></i> Android</h6> 1842 <ol style="padding-inline-start:1.2rem;"> 1843 <li><i class="fa-solid fa-ellipsis-vertical"></i> Tap the menu button</li> 1844 <li class="mt-2"><i class="fa-solid fa-plus"></i> Select Add to Home Screen</li> 1845 </ol> 1846 </div> 1847 </div> 1848 </div> 1849 <div class="modal-footer" style="border-top:none;"> 1850 </div> 1851 </div> 1852 </div> 1853</div> 1854 </div> 1855 1856 1857 <!-- Accepted Payment Methods --> 1858 <div class="row mt-4">
1859 <div class="col-12 "> 1860 <div class="d-flex align-items-center flex-wrap gap-3" style="font-size: 2rem; color: #fff;"> 1861 <i class="fa-brands fa-cc-apple-pay" title="Apple Pay"></i> 1862 <span style="display: inline-flex; align-items: center; justify-content: center; background: white; padding: 0.35rem 0.3rem; border-radius: 0.25rem; height: .9em; min-width: 1em;"> 1863 <i class="fa-brands fa-google-pay" title="Google Pay" style="color: #000; font-size: 0.88em;"></i> 1864 </span> 1865 <i class="fa-brands fa-cc-visa" title="Visa"></i> 1866 <i class="fa-brands fa-cc-mastercard" title="Mastercard"></i> 1867 <i class="fa-brands fa-cc-amex" title="American Express"></i> 1868 <i class="fa-brands fa-cc-discover" title="Discover"></i> 1869 <i class="fa-brands fa-cc-diners-club" title="Diners Club"></i> 1870 <i class="fa-brands fa-cc-jcb" title="JCB"></i> 1871 <i class="fa-brands fa-cc-paypal" title="PayPal"></i> 1872 </div> 1873 </div> 1874 </div> 1875 <!-- Line and Copyright --> 1876 <div class="row mb-3"> 1877 <div class="col-12 pt-4 pb-4"> 1878 <div class="line"></div> 1879 </div> 1880 <div class="d-flex flex-column flex-sm-row justify-content-between"> 1881 <p><small>© 2026 Link in Bio, a service of Modern Appz, LLC. All Rights Reserved.</small></p> 1882 <ul class="list-unstyled d-flex" style="font-size:1.5rem;"> 1883 <li><a class="link-body-emphasis text-white" href="https://www.instagram.com/linkinbioapp" target="_blank"><i class="fa-brands fa-instagram"></i></a></li> 1884 <li class="ms-3"><a class="link-body-emphasis text-white" href="https://www.facebook.com/linkinbioapp" target="_blank"><i class="fa-brands fa-facebook"></i></a></li> 1885 <li class="ms-3"><a class="link-body-emphasis text-white" href="https://www.threads.net/linkinbioapp" target="_blank"><i class="fa-brands fa-threads"></i></a></li> 1886 <li class="ms-3"><a class="link-body-emphasis text-white" href="https://open.spotify.com/show/2ngfTGYU6Z6jwQt2wxx3m1" target="_blank"><i class="fa-brands fa-spotify"></i></a></li> 1887 <li class="ms-3"><a class="link-body-emphasis text-white" href="https://podcasts.apple.com/us/podcast/the-link-in-bio-show/id1774755260" target="_blank"><i class="far fa-podcast"></i></a></li> 1888 </ul> 1889 </div> 1890 </div> 1891 </div> 1892</footer> 1893 1894 1895 1896
1896<script> 1897 // Hide the navbar collapse when a nav-link is clicked 1898 $(document).ready(function () { 1899 $('.nav-link').on('click', function () { 1900 $('.navbar-collapse').collapse('hide'); 1901 }); 1902 }); 1903 </script>
1903 1904 1905 <!-- Non Essentail References --> 1906 <link href="/assets/fontawesome/css/all.min.css?v=CZtregfn3vjHbyD3LPhEvwaUI6TOuYOCk_UrNMWNo0Y" rel="stylesheet"> 1907</body> 1908</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.