63 lines
2.6 KiB
HTML
63 lines
2.6 KiB
HTML
<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="/chrome" class="btn atb-green-bg btn-lg">
|
|
<i class="fas fa-download me-2"></i>Get the Addon for Chrome
|
|
</a>
|
|
</div>
|
|
</div>
|