1
0
mirror of https://github.com/bitwarden/help synced 2025-12-06 00:03:30 +00:00
Files
help/index.html
fred_the_tech_writer a491a9587e Landing Page (#413)
* crazy egg script

* Client gs guides (#398)

* JS for intra-article tabbing

* Combine Android/iOS guide to tabbable "Getting Started with Mobile" + image.

* Link changes -> redirect.

* b.e. & mobile edits

* GS w/ Desktop App + Images

* tagging

* video cleanup

* header improvements

* GS w/ Web Vault + reorder

* orgs name change

* web vault article frame

* web vault article

* Landing (#399)

* poc

* "Home" sidebar option

* Events into Resources card

* events <-> suggest an edit

* tweaks

* card fix

* fix video icons

* video size

* margin/border on secondary cards

* added table items

* links & drop a stray item

* more responsive secondary cards

* fixed linking

* link fixes

* crazy egg script merge

* mobile view for alignment of columns in help

* mobile image width issue fix

* responsiveness fixes

* final edits

* link check

Co-authored-by: David Choi <davidgumzchoi@gmail.com>
2021-02-22 09:42:06 -05:00

94 lines
3.7 KiB
HTML

---
layout: default
title: Help Center
---
{% assign sorted_articles = site.articles | sort: 'order' %}
<div class="container-fluid main-container">
<div class="row">
<div class="col">
<div class="card card-popular mb-3">
<h4 class="card-header">
<i class="fa fa-star-o"></i> Welcome to the Help Center!
</h4>
<div class="card-body">
<p class="card-text">To start learning about Bitwarden, check out our <b>Get Started with Bitwarden</b> guides or the most important things to know about <b>Bitwarden for your Business</b>.</p>
</div>
</div>
<div class="card mb-3">
<h4 class="card-header">
<i class="fa fa-home"></i> Get Started with Bitwarden
</h4>
<div class="card-body">
<div class="icon-wrapper text-center align-items-center justify-content-around">
<a class="icon-link" href="{{site.baseurl}}/article/getting-started-webvault">
<img src="images/landing/vault-final.png">
<p class="font-weight-bold">Web Vault</p>
</a>
<a class="icon-link" href="{{site.baseurl}}/article/getting-started-browserext">
<img src="images/landing/extension.png">
<p class="font-weight-bold">Browser</p>
</a>
<a class="icon-link" href="{{site.baseurl}}/article/getting-started-mobile">
<img src="images/landing/mobile.png">
<p class="font-weight-bold">Mobile</p>
</a>
<a class="icon-link" href="{{site.baseurl}}/article/getting-started-desktop">
<img src="images/landing/desktop.png">
<p class="font-weight-bold">Desktop</p>
</a>
<a class="icon-link" href="{{site.baseurl}}/article/cli">
<img src="images/landing/cli.png">
<p class="font-weight-bold">CLI</p>
</a>
</div>
</div>
</div>
<div class="card mb-3">
<h4 class="card-header">
<i class="fa fa-building"></i> Bitwarden for your Business
</h4>
<div class="card-body">
<div class="icon-wrapper text-center align-items-center justify-content-around">
<a class="icon-link" href="{{site.baseurl}}/article/about-organizations">
<img src="images/landing/organizations.png">
<p class="font-weight-bold">Organizations</p>
</a>
<a class="icon-link" href="{{site.baseurl}}/article/directory-sync">
<img src="images/landing/directory-sync.png">
<p class="font-weight-bold">Directory Sync</p>
</a>
<a class="icon-link" href="{{site.baseurl}}/article/about-sso">
<img src="images/landing/sso.png">
<p class="font-weight-bold">Login with SSO</p>
</a>
<a class="icon-link" href="{{site.baseurl}}/article/install-on-premise">
<img src="images/landing/selfhost.png">
<p class="font-weight-bold">Self Host</p>
</a>
<a class="icon-link" href="{{site.baseurl}}/article/what-encryption-is-used">
<img src="images/landing/security.png">
<p class="font-weight-bold">Security</p>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
{% include videos.html %}
</div>
</div>
<div class="row">
<div class="col">
{% include contact.html %}
</div>
</div>
<div class="row">
<div class="col">
{% include connect.html %}
</div>
</div>
</div>