Desktop Design

Mobile Design

Bookmark landing page

<h1 class="text-4xl my-8 lg:text-6xl">A Simple Bookmark Manager</h1>

<p>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>

<article class="text-center"><h2 class="text-3xl mb-8 lg:text-4xl">Features</h2><p class="lg:w-96 lg:mx-auto">Our aim is to make it quick and easy for you to access your favourite websites. Your bookmarks sync between your devices so you can access them on the go.</p></article>

<h2 class="text-3xl mt-16 mb-8 lg:text-4xl">Bookmark in one click</h2>

<p class="mb-10">Organize your bookmarks however you like. Our simple drag-and-drop interface gives you complete control over how you manage your favourite sites.</p>

<article class="text-center mb-10"><h2 class="text-3xl mb-8 lg:text-4xl">Download the extension</h2><p>We’ve got more browsers in the pipeline. Please do let us know if you’ve got a favourite you’d like us to prioritize.</p></article>

<h3 class="text-xl mb-4">Add to Chrome</h3>

<p class="text-sm">Minimum version 62</p>

<h3 class="text-xl mb-4">Add to Firefox</h3>

<p class="text-sm">Minimum version 55</p>

<h3 class="text-xl mb-4">Add to Opera</h3>

<p class="text-sm">Minimum version 46</p>

<article class="text-center"><h2 class="text-3xl mb-8 lg:text-4xl">Frequently Asked Questions</h2><p>Here are some of our FAQs. If you have any other questions you’d like answered please feel free to email us.</p></article>

<h2 class="font-normal text-lg hover:text-red-400">What is Bookmark?</h2>

<h2 class="font-normal text-lg hover:text-red-400">How can I request a new browser?</h2>

<h2 class="font-normal text-lg hover:text-red-400">Is there a mobile app?</h2>

<h2 class="font-normal text-lg hover:text-red-400">What about other Chromium browsers?</h2>

<h3 class="text-white font-normal text-sm uppercase tracking-widest mb-8 text-center">35,000+ already joined</h3>

<h2 class="text-white text-3xl mb-8 lg:text-4xl text-center lg:w-96 lg:mx-auto">Stay up to date with what we're doing</h2>

<label class="sr-only" for="emailForm">Enter your email address</label>

ext-left"><h1 class="text-4xl my-8 lg:text-6xl">A Simp

</article><article class="relative"><img s

></header><section class="flex flex-col-reverse px-8 py-20 lg:grid lg:grid-cols-2 lg:gap-16 lg:place-items-center max-w-7xl mx-auto"><artic

mx-auto"><article class="lg:flex-1 relative"><img s

</section><section class="max-w-7xl mx-auto px-8 py-20"><artic

</section><section class="max-w-xl mx-auto py-20"><artic

Please log in to post a comment

Community feedback

Bookmark Landing Page with React + Tailwind CSS

Please log in to post a comment

Community feedback

Join our Discord community