many fixes and updates
This commit is contained in:
Joey Kimsey
@ -1,62 +0,0 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-brave fa-3x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Brave Extension</h5>
|
||||
<p class="lead text-muted">Your ultimate Brave addon to organize, store, and personalize your bookmarks effortlessly.</p>
|
||||
</div>
|
||||
|
||||
<!-- Features Section -->
|
||||
<div class="row g-4">
|
||||
<!-- Feature: Add and Manage Bookmarks -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-bookmark fa-2x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Add & Manage Bookmarks</h5>
|
||||
<p class="card-text">Quickly add bookmarks, organize them, and never lose track of your favorite websites.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Create Folders -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-folder-open fa-2x text-success mb-3"></i>
|
||||
<h5 class="card-title">Create Folders</h5>
|
||||
<p class="card-text">Group your bookmarks into customizable folders for better organization.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Set Colors -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-palette fa-2x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Set Colors</h5>
|
||||
<p class="card-text">Personalize your folders and bookmarks with color coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Privacy Settings -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-lock fa-2x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Privacy Controls</h5>
|
||||
<p class="card-text">Keep your bookmarks private or share them—your choice, your control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<div class="text-center mt-5">
|
||||
<a href="#" class="btn btn-primary btn-lg">
|
||||
<i class="fas fa-download me-2"></i>Get the Addon for Brave
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,62 +0,0 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-chrome fa-3x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Chrome Extension</h5>
|
||||
<p class="lead text-muted">Your ultimate Chrome addon to organize, store, and personalize your bookmarks effortlessly.</p>
|
||||
</div>
|
||||
|
||||
<!-- Features Section -->
|
||||
<div class="row g-4">
|
||||
<!-- Feature: Add and Manage Bookmarks -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-bookmark fa-2x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Add & Manage Bookmarks</h5>
|
||||
<p class="card-text">Quickly add bookmarks, organize them, and never lose track of your favorite websites.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Create Folders -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-folder-open fa-2x text-success mb-3"></i>
|
||||
<h5 class="card-title">Create Folders</h5>
|
||||
<p class="card-text">Group your bookmarks into customizable folders for better organization.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Set Colors -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-palette fa-2x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Set Colors</h5>
|
||||
<p class="card-text">Personalize your folders and bookmarks with color coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Privacy Settings -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-lock fa-2x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Privacy Controls</h5>
|
||||
<p class="card-text">Keep your bookmarks private or share them—your choice, your control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<div class="text-center mt-5">
|
||||
<a href="#" class="btn btn-primary btn-lg">
|
||||
<i class="fas fa-download me-2"></i>Get the Addon for Chrome
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,62 +0,0 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-edge fa-3x text-info mb-3"></i>
|
||||
<h5 class="card-title">Edge Extension</h5>
|
||||
<p class="lead text-muted">Your ultimate Edge addon to organize, store, and personalize your bookmarks effortlessly.</p>
|
||||
</div>
|
||||
|
||||
<!-- Features Section -->
|
||||
<div class="row g-4">
|
||||
<!-- Feature: Add and Manage Bookmarks -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-bookmark fa-2x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Add & Manage Bookmarks</h5>
|
||||
<p class="card-text">Quickly add bookmarks, organize them, and never lose track of your favorite websites.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Create Folders -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-folder-open fa-2x text-success mb-3"></i>
|
||||
<h5 class="card-title">Create Folders</h5>
|
||||
<p class="card-text">Group your bookmarks into customizable folders for better organization.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Set Colors -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-palette fa-2x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Set Colors</h5>
|
||||
<p class="card-text">Personalize your folders and bookmarks with color coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Privacy Settings -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-lock fa-2x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Privacy Controls</h5>
|
||||
<p class="card-text">Keep your bookmarks private or share them—your choice, your control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<div class="text-center mt-5">
|
||||
<a href="#" class="btn btn-primary btn-lg">
|
||||
<i class="fas fa-download me-2"></i>Get the Addon for Edge
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,62 +0,0 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-firefox fa-3x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Firefox Extension</h5>
|
||||
<p class="lead text-muted">Your ultimate Firefox addon to organize, store, and personalize your bookmarks effortlessly.</p>
|
||||
</div>
|
||||
|
||||
<!-- Features Section -->
|
||||
<div class="row g-4">
|
||||
<!-- Feature: Add and Manage Bookmarks -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-bookmark fa-2x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Add & Manage Bookmarks</h5>
|
||||
<p class="card-text">Quickly add bookmarks, organize them, and never lose track of your favorite websites.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Create Folders -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-folder-open fa-2x text-success mb-3"></i>
|
||||
<h5 class="card-title">Create Folders</h5>
|
||||
<p class="card-text">Group your bookmarks into customizable folders for better organization.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Set Colors -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-palette fa-2x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Set Colors</h5>
|
||||
<p class="card-text">Personalize your folders and bookmarks with color coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Privacy Settings -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-lock fa-2x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Privacy Controls</h5>
|
||||
<p class="card-text">Keep your bookmarks private or share them—your choice, your control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<div class="text-center mt-5">
|
||||
<a href="#" class="btn btn-primary btn-lg">
|
||||
<i class="fas fa-download me-2"></i>Get the Addon for Firefox
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,78 +0,0 @@
|
||||
<div class="container py-5">
|
||||
<!-- Page Header -->
|
||||
<div class="text-center mb-4">
|
||||
<h1 class="fw-bold">Our Browser Extensions</h1>
|
||||
<p class="lead text-muted">Discover powerful tools to enhance your browsing experience, compatible with the browsers you love.</p>
|
||||
</div>
|
||||
|
||||
<!-- Products Grid -->
|
||||
<div class="row g-4">
|
||||
<!-- Chrome Extension -->
|
||||
<div class="col-md-4">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fab fa-chrome fa-3x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Chrome Extension</h5>
|
||||
<p class="card-text">Enhance your Chrome browser with advanced features and effortless organization.</p>
|
||||
<a href="/extensions/chrome" class="btn btn-primary btn-sm">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Firefox Extension -->
|
||||
<div class="col-md-4">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fab fa-firefox fa-3x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Firefox Extension</h5>
|
||||
<p class="card-text">Seamlessly integrate with Firefox for a smoother browsing experience.</p>
|
||||
<a href="/extensions/firefox" class="btn btn-primary btn-sm">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Opera Extension -->
|
||||
<div class="col-md-4">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fab fa-opera fa-3x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Opera Extension</h5>
|
||||
<p class="card-text">Boost your Opera browser with intuitive features and tools.</p>
|
||||
<a href="/extensions/opera" class="btn btn-primary btn-sm">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Brave Extension -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fab fa-brave fa-3x text-orange mb-3"></i>
|
||||
<h5 class="card-title">Brave Extension</h5>
|
||||
<p class="card-text">Enjoy secure and private browsing with Brave, enhanced by our extension.</p>
|
||||
<a href="/extensions/brave" class="btn btn-primary btn-sm">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Edge Extension -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fab fa-edge fa-3x text-info mb-3"></i>
|
||||
<h5 class="card-title">Edge Extension</h5>
|
||||
<p class="card-text">Maximize productivity on Microsoft Edge with our extension.</p>
|
||||
<a href="/extensions/edge" class="btn btn-primary btn-sm">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Safari Disclaimer -->
|
||||
<div class="text-center mt-5">
|
||||
<p class="text-muted">
|
||||
<i class="fas fa-exclamation-circle me-2"></i>
|
||||
Unfortunately, our extensions are not currently supported on <a href="/extensions/safari">Safari</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,62 +0,0 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-opera fa-3x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Opera Extension</h5>
|
||||
<p class="lead text-muted">Your ultimate Opera addon to organize, store, and personalize your bookmarks effortlessly.</p>
|
||||
</div>
|
||||
|
||||
<!-- Features Section -->
|
||||
<div class="row g-4">
|
||||
<!-- Feature: Add and Manage Bookmarks -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-bookmark fa-2x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Add & Manage Bookmarks</h5>
|
||||
<p class="card-text">Quickly add bookmarks, organize them, and never lose track of your favorite websites.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Create Folders -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-folder-open fa-2x text-success mb-3"></i>
|
||||
<h5 class="card-title">Create Folders</h5>
|
||||
<p class="card-text">Group your bookmarks into customizable folders for better organization.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Set Colors -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-palette fa-2x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Set Colors</h5>
|
||||
<p class="card-text">Personalize your folders and bookmarks with color coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Privacy Settings -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-lock fa-2x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Privacy Controls</h5>
|
||||
<p class="card-text">Keep your bookmarks private or share them—your choice, your control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<div class="text-center mt-5">
|
||||
<a href="#" class="btn btn-primary btn-lg">
|
||||
<i class="fas fa-download me-2"></i>Get the Addon for Opera
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,9 +0,0 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-safari fa-3x text-danger mb-3"></i>
|
||||
<h1 class="fw-bold">AllTheBookmarks</h1>
|
||||
<h5 class="card-title">Safari Extension</h5>
|
||||
<p class="lead text-muted">I'm just gonna level with ya here, I have no idea if this will work on safari, and I'm not going to buy an apple product to find out. If you would like to gift me a relatively modern mac computer, I will happily test and find out.</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,5 +1,5 @@
|
||||
<div class="col-6 col-md-2 mb-3">
|
||||
<h5>More Info</h5>
|
||||
<h5 class="atb-green">More Info</h5>
|
||||
<ul class="nav flex-column">
|
||||
{LOOP}
|
||||
<li class="nav-item mb-2"><a href="{url}" class="nav-link p-0 text-muted">{text}</a></li>
|
||||
|
||||
@ -1 +1 @@
|
||||
<span>© 2024 AllTheBookmarks, Powered by <a href="https://thetempusproject.com" class="text-decoration-none">The Tempus Project</a>.</span>
|
||||
<span>© 2024 AllTheBookmarks, Powered by <a href="https://thetempusproject.com" class="text-decoration-none atb-green">The Tempus Project</a>.</span>
|
||||
@ -1,5 +1,5 @@
|
||||
<div class="col-6 col-md-2 mb-3">
|
||||
<h5>Contact Us</h5>
|
||||
<h5 class="atb-green">Contact Us</h5>
|
||||
<ul class="nav flex-column">
|
||||
{LOOP}
|
||||
<li class="nav-item mb-2"><a href="{url}" class="nav-link p-0 text-muted">{text}</a></li>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<div class="col-6 col-md-2 mb-3">
|
||||
<h5>Dark Mode</h5>
|
||||
<h5 class="atb-green">Dark Mode</h5>
|
||||
<div class="material-switch px-4">
|
||||
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
|
||||
<label for="dark-mode-toggle" class="label-default"></label>
|
||||
|
||||
@ -4,17 +4,17 @@
|
||||
<div class="col-lg-6 mx-auto">
|
||||
<p class="lead mb-4">Quickly add and manage an internet worth of bookmarks with AllTheBookmarks, my personal favorite app for keeping track of dead memes long after they outlive their hilarity.</p>
|
||||
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
|
||||
<a href="#pricing" class="btn btn-primary btn-lg px-4 me-sm-3">
|
||||
<a href="#pricing" class="btn btn-primary atb-green-bg btn-lg px-4 me-sm-3">
|
||||
Buy Now (Too Fast)
|
||||
</a>
|
||||
<a href="#features" class="btn btn-outline-secondary btn-lg px-4">
|
||||
<a href="#features" class="btn btn-outline-secondary btn-lg px-4 atb-green-outline">
|
||||
Learn More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overflow-hidden" style="max-height: 30vh;">
|
||||
<div class="container px-5">
|
||||
<img src="{ROOT_URL}app/images/in-one-place.png" class="img-fluid border rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy">
|
||||
<img src="{ROOT_URL}images/manage.png" class="img-fluid border rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -23,7 +23,7 @@
|
||||
|
||||
<!-- All the stuff you need -->
|
||||
<div class="container px-4 py-5" id="features">
|
||||
<h2 class="pb-2 border-bottom">All the stuff you need, none of the stuff you don't!</h2>
|
||||
<h2 class="pb-2 border-bottom atb-green">All the stuff you need, none of the stuff you don't!</h2>
|
||||
<div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5">
|
||||
<div class="d-flex flex-column align-items-start gap-2">
|
||||
<h3 class="fw-bold">I just wanted something cross-browser for storing bookmarks.</h3>
|
||||
@ -31,28 +31,28 @@
|
||||
</div>
|
||||
<div class="row row-cols-1 row-cols-sm-2 g-4">
|
||||
<div class="d-flex flex-column gap-2">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center atb-green-bg fs-4 rounded-3">
|
||||
<i class="fa fa-fw fa-add"></i>
|
||||
</div>
|
||||
<h4 class="fw-semibold mb-0">Add</h4>
|
||||
<p class="text-muted">Whether its through the web-interface or supported browser extensions, you can add bookmarks from (almost) anywhere.</p>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-2">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center atb-green-bg fs-4 rounded-3">
|
||||
<i class="fa fa-fw fa-solid fa-list-check"></i>
|
||||
</div>
|
||||
<h4 class="fw-semibold mb-0">Manage</h4>
|
||||
<p class="text-muted">Create folders, tag links, keep notes and create custom dashboards.</p>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-2">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center atb-green-bg fs-4 rounded-3">
|
||||
<i class="fa fa-fw fa-share"></i>
|
||||
</div>
|
||||
<h4 class="fw-semibold mb-0">Share</h4>
|
||||
<p class="text-muted">All links are kept private by default but if you need to share with a friend or co-worker you can change this setting individually or for entire folders.</p>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-2">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center atb-green-bg fs-4 rounded-3">
|
||||
<i class="fa-solid fa-arrow-right-arrow-left"></i>
|
||||
</div>
|
||||
<h4 class="fw-semibold mb-0">Import / Export</h4>
|
||||
@ -68,16 +68,16 @@
|
||||
<div class="container col-xxl-8 px-4 py-5">
|
||||
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
|
||||
<div class="col-10 col-sm-8 col-lg-6">
|
||||
<img src="{ROOT_URL}app/images/keep-track.png" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
|
||||
<img src="{ROOT_URL}images/folders.png" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h1 class="display-5 fw-bold lh-1 mb-3">It can be difficult to keep track of... all of the internet</h1>
|
||||
<p class="lead">With a million and one devices from all three companies, it can be a lot to manage. From work links, to Instagram stories, ticktocks for cooking, to Pinterest for Halloween; we consume a thousand different sources in a hundred different ways. Keep it all centralized with a new forth company!</p>
|
||||
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
|
||||
<a href="#pricing" class="btn btn-primary btn-lg px-4 me-md-2">
|
||||
<a href="#pricing" class="btn btn-primary atb-green-bg btn-lg px-4 me-md-2">
|
||||
Buy Now (Still too fast)
|
||||
</a>
|
||||
<a href="#darkmode" class="btn btn-outline-secondary btn-lg px-4">
|
||||
<a href="#darkmode" class="btn btn-outline-secondary btn-lg px-4 atb-green-outline">
|
||||
Keep Learning?
|
||||
</a>
|
||||
</div>
|
||||
@ -104,7 +104,7 @@
|
||||
|
||||
<!-- Never Browse without it -->
|
||||
<div class="container px-4 py-5" id="extension">
|
||||
<h2 class="pb-2 border-bottom">Never Browse without it</h2>
|
||||
<h2 class="pb-2 border-bottom atb-green">Never Browse without it</h2>
|
||||
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
|
||||
<div class="col d-flex align-items-start">
|
||||
<div class="icon-square text-bg-light d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
|
||||
@ -113,7 +113,7 @@
|
||||
<div>
|
||||
<h3 class="fs-2">Chrome Extension</h3>
|
||||
<p>Quickly add new bookmarks to your "2017 Taxes" folder with ease! Keep them private or share it with the other haberdashers from any page.</p>
|
||||
<a href="/extensions/chrome" class="btn btn-primary">
|
||||
<a href="/extensions/chrome" class="btn btn-primary atb-green-bg">
|
||||
Download Now
|
||||
</a>
|
||||
</div>
|
||||
@ -125,7 +125,7 @@
|
||||
<div>
|
||||
<h3 class="fs-2">Firefox Extension</h3>
|
||||
<p>Funny enough, Firefox is basically just chrome now.</p>
|
||||
<a href="/extensions/firefox" class="btn btn-primary">
|
||||
<a href="/extensions/firefox" class="btn btn-primary atb-green-bg">
|
||||
Download Now
|
||||
</a>
|
||||
</div>
|
||||
@ -137,7 +137,7 @@
|
||||
<div>
|
||||
<h3 class="fs-2">Opera Extension</h3>
|
||||
<p>This is also Chrome.</p>
|
||||
<a href="/extensions/opera" class="btn btn-primary">
|
||||
<a href="/extensions/opera" class="btn btn-primary atb-green-bg">
|
||||
Download Now
|
||||
</a>
|
||||
</div>
|
||||
@ -154,7 +154,7 @@
|
||||
<h1 class="display-4 fw-normal">Pricing</h1>
|
||||
<p class="fs-5 text-muted">The pricing is very straight-forward: free, monthly, yearly.</p>
|
||||
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
|
||||
<a href="#compare" class="btn btn-outline-secondary btn-lg px-4">
|
||||
<a href="#compare" class="btn btn-outline-secondary btn-lg px-4 atb-green-outline">
|
||||
Compare
|
||||
</a>
|
||||
</div>
|
||||
@ -166,19 +166,19 @@
|
||||
<div class="container my-5">
|
||||
<div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg context-main-bg">
|
||||
<div class="col-lg-7 p-3 p-lg-5 pt-lg-3">
|
||||
<h1 class="display-4 fw-bold lh-1">Clean, Simple, Direct</h1>
|
||||
<h1 class="display-4 fw-bold lh-1 atb-green">Clean, Simple, Direct</h1>
|
||||
<p class="lead">An intuitive app with a sleep, modern design is the goal. There is no need for hundreds of bells in whistles, no bluetooth, no AII to tell you what your best bookmark is, just a simple app to make life easier.</p>
|
||||
<div class="d-grid gap-2 d-md-flex justify-content-md-start mb-4 mb-lg-3">
|
||||
<a href="#pricing" class="btn btn-primary btn-lg px-4 me-md-2 fw-bold">
|
||||
<a href="#pricing" class="btn btn-primary btn-lg px-4 me-md-2 fw-bold atb-green-bg">
|
||||
Buy Now
|
||||
</a>
|
||||
<a href="/register" class="btn btn-outline-secondary btn-lg px-4">
|
||||
<a href="/register" class="btn btn-outline-secondary btn-lg px-4 atb-green-outline">
|
||||
Sign-Up for Free
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 offset-lg-1 p-0 overflow-hidden shadow-lg">
|
||||
<img class="rounded-lg-3" src="{ROOT_URL}app/images/clean-simple.png" alt="" width="720">
|
||||
<img class="rounded-lg-3" src="{ROOT_URL}images/dashboard.png" alt="" width="720">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -190,21 +190,21 @@
|
||||
<h2 class="pb-2 border-bottom">Built to.... work</h2>
|
||||
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
|
||||
<div class="feature col">
|
||||
<div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
||||
<div class="feature-icon d-inline-flex align-items-center justify-content-center atb-green-bg fs-2 mb-3">
|
||||
<i class="fa-solid fa-bolt"></i>
|
||||
</div>
|
||||
<h3 class="fs-2">Versatile</h3>
|
||||
<p>Built to be a responsive application, AllTheBookmarks can be easily accessed and used from any web-enabled device.</p>
|
||||
</div>
|
||||
<div class="feature col">
|
||||
<div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
||||
<div class="feature-icon d-inline-flex align-items-center justify-content-center atb-green-bg fs-2 mb-3">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<h3 class="fs-2">Simple</h3>
|
||||
<p>At the end of the day, you are managing a giant list of websites, lets not complicate that too much eh?</p>
|
||||
</div>
|
||||
<div class="feature col">
|
||||
<div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
||||
<div class="feature-icon d-inline-flex align-items-center justify-content-center atb-green-bg fs-2 mb-3">
|
||||
<i class="fa-solid fa-wand-magic-sparkles"></i>
|
||||
</div>
|
||||
<h3 class="fs-2">Robust</h3>
|
||||
@ -231,56 +231,56 @@
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Add and Manage Bookmarks</th>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Extensions for all major browsers</th>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Access from any device</th>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Share bookmarks abd folders</th>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Import/Export Features</th>
|
||||
<td></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Customizable Dashboards / Pages</th>
|
||||
<td></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Request/Influence Development</th>
|
||||
<td></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Early Access</th>
|
||||
<td></td>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa-solid fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa-solid fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Cheaper</th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><i class="fa-solid fa-check"></i></td>
|
||||
<td><i class="fa-solid fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -304,7 +304,7 @@
|
||||
<li>Access from any device</li>
|
||||
<li>Share access with anyone</li>
|
||||
</ul>
|
||||
<a href="/register" class="mt-auto w-100 btn btn-lg btn-outline-primary">
|
||||
<a href="/register" class="mt-auto w-100 btn btn-lg atb-green-outline">
|
||||
Sign-Up for Free
|
||||
</a>
|
||||
</div>
|
||||
@ -324,15 +324,15 @@
|
||||
<li>Direct control of Feature Development</li>
|
||||
<li>Early Access to new features</li>
|
||||
</ul>
|
||||
<a href="/member/signup/monthly" class="mt-auto w-100 btn btn-lg btn-primary">
|
||||
<a href="/member/signup/monthly" class="mt-auto w-100 btn btn-lg atb-green-bg">
|
||||
Get started
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card mb-4 rounded-3 shadow-sm border-primary h-100 context-main-bg">
|
||||
<div class="card-header py-3 text-bg-primary border-primary">
|
||||
<div class="card mb-4 rounded-3 shadow-sm atb-green-outline-only h-100 context-main-bg">
|
||||
<div class="card-header py-3 atb-green-bg">
|
||||
<h4 class="my-0 fw-normal">Yearly</h4>
|
||||
</div>
|
||||
<div class="card-body d-flex flex-column">
|
||||
@ -340,7 +340,7 @@
|
||||
<ul class="list-unstyled mt-3 mb-4">
|
||||
<li>Its cheaper if you like the product</li>
|
||||
</ul>
|
||||
<a href="/member/signup/yearly" class="mt-auto w-100 btn btn-lg btn-primary">
|
||||
<a href="/member/signup/yearly" class="mt-auto w-100 btn btn-lg atb-green-bg">
|
||||
Get started
|
||||
</a>
|
||||
</div>
|
||||
@ -350,5 +350,5 @@
|
||||
</div>
|
||||
|
||||
<div class="text-center py-3">
|
||||
<a href="#top" class="btn btn-outline-primary">Back to Top</a>
|
||||
<a href="#top" class="btn atb-green-outline">Back to Top</a>
|
||||
</div>
|
||||
@ -1,5 +1,5 @@
|
||||
<ul class="nav col-12 col-lg-auto mb-2 justify-content-center mb-md-0 mx-auto">
|
||||
{LOOP}
|
||||
<li><a href="{url}" class="nav-link px-2 text-white">{text}</a></li>
|
||||
<li><a href="{url}" class="nav-link px-2 atb-green">{text}</a></li>
|
||||
{/LOOP}
|
||||
</ul>
|
||||
Reference in New Issue
Block a user