Desktop Design

Mobile Design

Bookmark landing page

<h4 class="text-white text-sm tracking-[5px]"> 35,000+ ALREADY JOINED</h4>

<h1 class="text-2xl md:text-5xl md:w-9/12 font-medium leading-10">A Simple Bookmark Manager</h1>

<p class="opacity-50 mt-6 md:w-9/12 text-lg leading-7">A clean and simple interface to organize your favourite websites. Open a new browser tab and see your sites load instantly. Try it for free.</p>

<h2 class="text-4xl font-medium">Bookmarks in 1 click</h2>

<p class="mt-5 opacity-50 text-lg leading-7 md:w-8/12">Organize your bookmarks however you like. Our simple drag-and-drop interface gives you complete control over how you manage your favourite sites.</p>

<h3 class="text-xl text-medium text-center mt-7">Add to Chrome</h3>

<p class="opacity-75 text-sm mt-5">Minimum version 62</p>

<h3 class="text-xl text-medium text-center mt-7">Add to Firefox</h3>

<p class="opacity-75 text-sm mt-5">Minimum version 55</p>

<h3 class="text-xl text-medium text-center mt-7">Add to Opera</h3>

<p class="opacity-75 text-sm mt-5">Minimum version 46</p>

<div class="flex flex-col items-center"><h2 class="text-4xl font-medium text-center">Frequently Asked Questions</h2><p class="mt-5 text-center opacity-50 text-lg leading-7 w-11/12">Here are some of our FAQs. If you have any other questions you’d like answered please feel free to email us.</p></div>

<div><h4 class="text-white text-sm tracking-[5px]"> 35,000+ ALREADY JOINED</h4></div>

<div class="mt-9"><h2 class="text-3xl text-white text-center max-w-md">Stay up-to-date with what we’re doing</h2></div>

md:mt-0"><button class="px-8 drop-shadow-lg py-2 duration-150 flex items-center tracking-widest text-lg md:text-sm uppercase font-normal leading-snug text-white hover:bg-transparent hover:text-red-500 border-2 border-red-500 rounded-md bg-red-500" href="#">login<

"mx-auto"><img src="/Bookmark-landing-page/static/media/Rectangle Copy 14.3339a0943fd97d616004c0837fc7c80b.svg" class="absolute hidden lg:block z-0 left-0 pt-11 mt-11" alt=""><img s

s-67l5gl"><div class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters css-1iji0d4" tabindex="0" role="button" aria-expanded="false" aria-controls="panel2a-content" id="panel2a-header"><div c

s-8atqhb"><div aria-labelledby="panel2a-header" id="panel2a-content" role="region" class="MuiAccordion-region"><div c

s-67l5gl"><div class="MuiButtonBase-root MuiAccordionSummary-root MuiAccordionSummary-gutters css-1iji0d4" tabindex="0" role="button" aria-expanded="false" aria-controls="panel2a-content" id="panel2a-header"><div

Please log in to post a comment

Community feedback

Bookmark landing page (React, TailwindCSS)

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community