Open Source
Preline Pro
Sign in
Get all access
Home
Examples
Templates
Pricing
Docs
Preline UI (Open Source)
Back to Examples
All examples
Stacked Footer Layouts
A clean and minimalistic landing footer layout.
Simple with Links and Modal
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative y56xt"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body class="gm6x3 frm31 f323n dark:bg-neutral-950"> <!-- ========== MAIN CONTENT ========== --> <main id="content"> <div class="eulju etcw0 zwjji sc36v ydf8y yob35"> <!-- Card --> <div class="dbwuq flex egjkw t2j25 ub6aa tbblk tbblk min-h-[calc(100vh-75px)] sm:min-h-[calc(100vh-104px)] lx3ar aesap m457n peu41 xfco6 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative lcvuk aesap ykoc7 m457n xfco6 ca7mt dark:border-neutral-700"> <div class="absolute inset-0 te00u"> <div class="bg-[linear-gradient(45deg,rgba(0,0,0,.05)_7.14%,transparent_7.14%,transparent_50%,rgba(0,0,0,.05)_50%,rgba(0,0,0,.05)_57.14%,transparent_57.14%,transparent);] qp8tu dark:bg-[linear-gradient(45deg,rgba(0,0,0,.4)_7.14%,transparent_7.14%,transparent_50%,rgba(0,0,0,.4)_50%,rgba(0,0,0,.4)_57.14%,transparent_57.14%,transparent);] te00u"></div> </div> </div> </div> <!-- End Card --> </div> </main> <!-- ========== END MAIN CONTENT ========== --> <!-- ========== FOOTER ========== --> <footer class="z00ou c0bnb absolute wd1n3 m64wc"> <div class="eulju etcw0 zwjji ydf8y yob35"> <div class="flex qj8qf items-center"> <p class="zlgt1 wb629 daned dark:text-neutral-500"> © 2024 Preline Labs. </p> <!-- List --> <ul> <li class="fip28 relative dtd5z zlgt1 wb629 daned beds1 ekrfs jihm0 etwkc xgd50 o8toe c7xyp wqd0w vo98k nhu30 pj9at dark:text-neutral-500 dark:before:bg-neutral-600"> <a class="hfwmg wh5re dlixe dark:hover:text-neutral-200" href="#"> FAQ </a> </li> <li class="fip28 relative dtd5z zlgt1 wb629 daned beds1 ekrfs jihm0 etwkc xgd50 o8toe c7xyp wqd0w vo98k nhu30 pj9at dark:text-neutral-500 dark:before:bg-neutral-600"> <a class="hfwmg wh5re dlixe dark:hover:text-neutral-200" href="#"> License </a> </li> <li class="fip28 relative dtd5z zlgt1 wb629 daned beds1 rwl0h ekrfs jihm0 etwkc xgd50 o8toe c7xyp wqd0w vo98k nhu30 pj9at dark:text-neutral-500 dark:before:bg-neutral-600"> <button type="button" class="hfwmg wh5re ai48m dark:hover:text-neutral-200 dark:focus:text-neutral-400" data-hs-overlay="#hs-pro-dfkm"> <svg class="ylm2u enx0e r3okv" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg> </button> </li> </ul> <!-- End List --> </div> </div> </footer> <!-- ========== END FOOTER ========== --> <script src="../../assets/vendor/preline/dist/index.js?v=1.0.0"></script> </body> </html> <!-- Keyboard Shortcuts Modal --> <div id="hs-pro-dfkm" class="hs-overlay hidden te00u fixed ztbkf y3vpw cfnf9 u3q5j zlsid [--close-when-click-inside:true] mqcpk" role="dialog" tabindex="-1" aria-label="Keyboard shortcuts"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 b0dx2 opacity-0 nxaac dfzne a8gii jr0wy cuome j2zu5 h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center"> <div class="q0mum zvkpk flex egjkw lx3ar xfco6 pzeh7 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800"> <!-- Search Input --> <div class="dbwuq hxiry m457n dark:border-neutral-700"> <div class="relative"> <div class="absolute jhuc4 y3vpw flex items-center mqcpk z7ena"> <svg class="ylm2u yaf2e hjfyg dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg> </div> <input type="text" class="kun15 wx98z j8dpw block q0mum i6scm phao3 r0r2c klofg ibyb7 m3imm wh5re kgkor z0jdx imf67 az8cq dark:text-white dark:placeholder:text-neutral-500" placeholder="Search keyboard or shortcuts"> <div class="absolute jhuc4 vk6ex flex items-center mqcpk z7ena dark:border-neutral-700 dark:text-neutral-200"> <span class="u3cu0 jqzvs t2j25 items-center tll9y fjtd9 lx3ar aesap m457n xpfki ibyb7 hjfyg ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> Cmd + K </span> </div> </div> </div> <!-- End Search Input --> <!-- Body --> <div class="mnyu5 zlsid ca7mt msslc qdwom gjvdb r21b7 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800"> <div class="dbwuq cpy0y"> <div> <h4 class="i6scm a66ko uojs2 dark:text-neutral-200"> Formatting </h4> <!-- List --> <ul> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="bgnbe"> Bold </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Ctrl </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> b </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="tqynq"> Italic </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Ctrl </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> i </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="dw2bw j4ph1"> Underline </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Ctrl </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> u </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="f17eg"> Strikethrough </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Ctrl </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Alt </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> u </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="ibyb7"> Small text </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Ctrl </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> s </span> </div> </li> </ul> <!-- End List --> </div> <div> <h4 class="i6scm a66ko uojs2 dark:text-neutral-200"> Insert </h4> <!-- List --> <ul> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span> Mention person <a class="a66ko ibyb7 w3gzo cp4xc v91gt dlixe dark:text-white dark:hover:text-white/80" href="#"> (@Brian) </a> </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> @ </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span> Link to doc <a class="a66ko ibyb7 w3gzo cp4xc v91gt dlixe dark:text-white dark:hover:text-white/80" href="#"> (+Meeting notes) </a> </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> + </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="a66ko"> #hashtag </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> #hashtag </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span> Date </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> /date </span> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Space </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span> Time </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> /date </span> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Space </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span> Note box </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> /note red </span> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Enter </span> </div> </li> </ul> <!-- End List --> </div> </div> </div> <!-- End Body --> </div> </div> </div> <!-- End Keyboard Shortcuts Modal -->
<body class="gm6x3 frm31 f323n dark:bg-neutral-950"> <!-- ========== MAIN CONTENT ========== --> <main id="content"> <div class="eulju etcw0 zwjji sc36v ydf8y yob35"> <!-- Card --> <div class="dbwuq flex egjkw t2j25 ub6aa tbblk tbblk min-h-[calc(100vh-75px)] sm:min-h-[calc(100vh-104px)] lx3ar aesap m457n peu41 xfco6 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative lcvuk aesap ykoc7 m457n xfco6 ca7mt dark:border-neutral-700"> <div class="absolute inset-0 te00u"> <div class="bg-[linear-gradient(45deg,rgba(0,0,0,.05)_7.14%,transparent_7.14%,transparent_50%,rgba(0,0,0,.05)_50%,rgba(0,0,0,.05)_57.14%,transparent_57.14%,transparent);] qp8tu dark:bg-[linear-gradient(45deg,rgba(0,0,0,.4)_7.14%,transparent_7.14%,transparent_50%,rgba(0,0,0,.4)_50%,rgba(0,0,0,.4)_57.14%,transparent_57.14%,transparent);] te00u"></div> </div> </div> </div> <!-- End Card --> </div> </main> <!-- ========== END MAIN CONTENT ========== --> <!-- ========== FOOTER ========== --> <footer class="z00ou c0bnb absolute wd1n3 m64wc"> <div class="eulju etcw0 zwjji ydf8y yob35"> <div class="flex qj8qf items-center"> <p class="zlgt1 wb629 daned dark:text-neutral-500"> © 2024 Preline Labs. </p> <!-- List --> <ul> <li class="fip28 relative dtd5z zlgt1 wb629 daned beds1 ekrfs jihm0 etwkc xgd50 o8toe c7xyp wqd0w vo98k nhu30 pj9at dark:text-neutral-500 dark:before:bg-neutral-600"> <a class="hfwmg wh5re dlixe dark:hover:text-neutral-200" href="#"> FAQ </a> </li> <li class="fip28 relative dtd5z zlgt1 wb629 daned beds1 ekrfs jihm0 etwkc xgd50 o8toe c7xyp wqd0w vo98k nhu30 pj9at dark:text-neutral-500 dark:before:bg-neutral-600"> <a class="hfwmg wh5re dlixe dark:hover:text-neutral-200" href="#"> License </a> </li> <li class="fip28 relative dtd5z zlgt1 wb629 daned beds1 rwl0h ekrfs jihm0 etwkc xgd50 o8toe c7xyp wqd0w vo98k nhu30 pj9at dark:text-neutral-500 dark:before:bg-neutral-600"> <button type="button" class="hfwmg wh5re ai48m dark:hover:text-neutral-200 dark:focus:text-neutral-400" data-hs-overlay="#hs-pro-dfkm"> <svg class="ylm2u enx0e r3okv" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg> </button> </li> </ul> <!-- End List --> </div> </div> </footer> <!-- ========== END FOOTER ========== --> <!-- Keyboard Shortcuts Modal --> <div id="hs-pro-dfkm" class="hs-overlay hidden te00u fixed ztbkf y3vpw cfnf9 u3q5j zlsid [--close-when-click-inside:true] mqcpk" role="dialog" tabindex="-1" aria-label="Keyboard shortcuts"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 b0dx2 opacity-0 nxaac dfzne a8gii jr0wy cuome j2zu5 h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center"> <div class="q0mum zvkpk flex egjkw lx3ar xfco6 pzeh7 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800"> <!-- Search Input --> <div class="dbwuq hxiry m457n dark:border-neutral-700"> <div class="relative"> <div class="absolute jhuc4 y3vpw flex items-center mqcpk z7ena"> <svg class="ylm2u yaf2e hjfyg dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg> </div> <input type="text" class="kun15 wx98z j8dpw block q0mum i6scm phao3 r0r2c klofg ibyb7 m3imm wh5re kgkor z0jdx imf67 az8cq dark:text-white dark:placeholder:text-neutral-500" placeholder="Search keyboard or shortcuts"> <div class="absolute jhuc4 vk6ex flex items-center mqcpk z7ena dark:border-neutral-700 dark:text-neutral-200"> <span class="u3cu0 jqzvs t2j25 items-center tll9y fjtd9 lx3ar aesap m457n xpfki ibyb7 hjfyg ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> Cmd + K </span> </div> </div> </div> <!-- End Search Input --> <!-- Body --> <div class="mnyu5 zlsid ca7mt msslc qdwom gjvdb r21b7 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800"> <div class="dbwuq cpy0y"> <div> <h4 class="i6scm a66ko uojs2 dark:text-neutral-200"> Formatting </h4> <!-- List --> <ul> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="bgnbe"> Bold </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Ctrl </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> b </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="tqynq"> Italic </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Ctrl </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> i </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="dw2bw j4ph1"> Underline </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Ctrl </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> u </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="f17eg"> Strikethrough </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Ctrl </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Alt </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> u </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="ibyb7"> Small text </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Ctrl </span> + <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> s </span> </div> </li> </ul> <!-- End List --> </div> <div> <h4 class="i6scm a66ko uojs2 dark:text-neutral-200"> Insert </h4> <!-- List --> <ul> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span> Mention person <a class="a66ko ibyb7 w3gzo cp4xc v91gt dlixe dark:text-white dark:hover:text-white/80" href="#"> (@Brian) </a> </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> @ </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span> Link to doc <a class="a66ko ibyb7 w3gzo cp4xc v91gt dlixe dark:text-white dark:hover:text-white/80" href="#"> (+Meeting notes) </a> </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> + </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span class="a66ko"> #hashtag </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> #hashtag </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span> Date </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> /date </span> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Space </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span> Time </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> /date </span> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Space </span> </div> </li> <li class="flex qj8qf items-center syne5 s8h7v p0niu m457n i6scm dark:border-neutral-700 dark:text-neutral-300"> <span> Note box </span> <div class="flex rz3p9"> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> /note red </span> <span class="u3cu0 jqzvs t2j25 items-center ik3sx fjtd9 lx3ar aesap m457n xpfki ibyb7 i6scm ownkk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Enter </span> </div> </li> </ul> <!-- End List --> </div> </div> </div> <!-- End Body --> </div> </div> </div> <!-- End Keyboard Shortcuts Modal -->
Subscribe
Get all the latest Preline updates and news.
All examples
Close
Close