209 lines
11 KiB
HTML
209 lines
11 KiB
HTML
<section class="container my-5">
|
|
<h1 class="text-center mb-4">Browser Tutorials</h1>
|
|
<div class="row g-4">
|
|
<!-- Opera Section -->
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm context-main-bg">
|
|
<div class="card-body text-center">
|
|
<i class="fab fa-opera fa-3x mb-3 atb-green"></i>
|
|
<h5 class="card-title text-center">Opera</h5>
|
|
<hr>
|
|
<ul class="list-group list-group-flush rounded">
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/opera/pin" class="text-decoration-none atb-green">
|
|
How to pin the extension to your toolbar
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/opera/settings" class="text-decoration-none atb-green">
|
|
How to Open the extension settings page
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/opera/import" class="text-decoration-none atb-green">
|
|
How to Import Bookmarks into the browser
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/opera/export" class="text-decoration-none atb-green">
|
|
How to export Bookmarks from the browser
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Firefox Section -->
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm context-main-bg">
|
|
<div class="card-body text-center">
|
|
<i class="fab fa-firefox fa-3x mb-3 atb-green"></i>
|
|
<h5 class="card-title">Firefox</h5>
|
|
<hr>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/firefox/pin" class="text-decoration-none atb-green">
|
|
How to pin the extension to your toolbar
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/firefox/settings" class="text-decoration-none atb-green">
|
|
How to Open the extension settings page
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/firefox/import" class="text-decoration-none atb-green">
|
|
How to Import Bookmarks into the browser
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/firefox/export" class="text-decoration-none atb-green">
|
|
How to export Bookmarks from the browser
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Chrome Section -->
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm context-main-bg">
|
|
<div class="card-body text-center">
|
|
<i class="fab fa-chrome fa-3x mb-3 atb-green"></i>
|
|
<h5 class="card-title">Chrome</h5>
|
|
<hr>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/chrome/pin" class="text-decoration-none atb-green">
|
|
How to pin the extension to your toolbar
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/chrome/settings" class="text-decoration-none atb-green">
|
|
How to Open the extension settings page
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/chrome/import" class="text-decoration-none atb-green">
|
|
How to Import Bookmarks into the browser
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/chrome/export" class="text-decoration-none atb-green">
|
|
How to export Bookmarks from the browser
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Brave Section -->
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm context-main-bg">
|
|
<div class="card-body text-center">
|
|
<i class="fab fa-brave fa-3x mb-3 atb-green"></i>
|
|
<h5 class="card-title">Brave</h5>
|
|
<hr>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/brave/pin" class="text-decoration-none atb-green">
|
|
How to pin the extension to your toolbar
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/brave/settings" class="text-decoration-none atb-green">
|
|
How to Open the extension settings page
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/brave/import" class="text-decoration-none atb-green">
|
|
How to Import Bookmarks into the browser
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/brave/export" class="text-decoration-none atb-green">
|
|
How to export Bookmarks from the browser
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edge Section -->
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm context-main-bg">
|
|
<div class="card-body text-center">
|
|
<i class="fab fa-edge fa-3x mb-3 atb-green"></i>
|
|
<h5 class="card-title">Edge</h5>
|
|
<hr>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/edge/pin" class="text-decoration-none atb-green">
|
|
How to pin the extension to your toolbar
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/edge/settings" class="text-decoration-none atb-green">
|
|
How to Open the extension settings page
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/edge/import" class="text-decoration-none atb-green">
|
|
How to Import Bookmarks into the browser
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a href="{ROOT_URL}tutorials/edge/export" class="text-decoration-none atb-green">
|
|
How to export Bookmarks from the browser
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Safari Section -->
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow-sm context-main-bg">
|
|
<div class="card-body text-center">
|
|
<i class="fab fa-safari fa-3x mb-3 atb-green"></i>
|
|
<h5 class="card-title">Safari</h5>
|
|
<hr>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a aria-disabled="true" class="text-decoration-none atb-green disabled">
|
|
How to pin the extension to your toolbar
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a aria-disabled="true" class="text-decoration-none atb-green disabled">
|
|
How to Open the extension settings page
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a aria-disabled="true" class="text-decoration-none atb-green disabled">
|
|
How to Import Bookmarks into the browser
|
|
</a>
|
|
</li>
|
|
<li class="list-group-item context-second-bg mb-1">
|
|
<a aria-disabled="true" class="text-decoration-none atb-green disabled">
|
|
How to export Bookmarks from the browser
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{LOGGEDIN}
|
|
{BKMTUTS}
|
|
<p class="px-2 text-muted text-center">
|
|
The Main menu link to this page can be hidden in your <a href="/usercp/settings" class="text-decoration-none atb-green">Profile Settings</a>.
|
|
</p>
|
|
{/BKMTUTS}
|
|
{/LOGGEDIN}
|
|
</div>
|
|
</section> |