mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
Community Page: intitial add of required CTA sections
Links / images not done yet, copied from start-page merchant CTA
This commit is contained in:
parent
7d9e576138
commit
4024a6bf83
1 changed files with 367 additions and 94 deletions
|
@ -9,91 +9,364 @@ description: pages.community.description
|
|||
<div class="page-community">
|
||||
|
||||
<!--
|
||||
DISCUSSION/FORUMS
|
||||
.community-forum-graphic
|
||||
CTA sections
|
||||
-->
|
||||
<section id="community-forum">
|
||||
<section>
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div>
|
||||
<h2>{% t pages.community.discussion-heading %}</h2>
|
||||
|
||||
{% tmd pages.community.discussion-text %}
|
||||
</div>
|
||||
<div class="col-sm-6 community-forum-graphic">
|
||||
|
||||
<div class="ctabox" data-js-ctabox>
|
||||
<div class="ctabox__inner">
|
||||
<article class="ctabox__cta" data-js-ctabox-item>
|
||||
<a href="https://www.dash.org/forum" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">DashTalk</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Reddit</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">BitcoinTalk</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
SOCIAL
|
||||
.community-social-graphic
|
||||
-->
|
||||
<section id="community-social">
|
||||
<section>
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 community-social-graphic">
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div>
|
||||
<h2>{% t pages.community.social-heading %}</h2>
|
||||
|
||||
{% tmd pages.community.social-text %}
|
||||
</div>
|
||||
|
||||
<div class="ctabox">
|
||||
<div class="ctabox__inner">
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Twitter</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Facebook</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">YouTube</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://node40.com" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/node40.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://node40.com" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">LinkedIn</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://protonmail.com/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/protonmail.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://protonmail.com/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Instagram</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.qhoster.com/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/qhoster.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.qhoster.com/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Qhoster</h4>
|
||||
<p class="ctabox__description">Quality Hosting</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
NEWS & INFORMATION
|
||||
.community-news-graphic
|
||||
-->
|
||||
<section id="community-news">
|
||||
<section>
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div>
|
||||
<h2>{% t pages.community.news-heading %}</h2>
|
||||
|
||||
{% tmd pages.community.news-text %}
|
||||
</div>
|
||||
<div class="col-sm-6 community-news-graphic"></div>
|
||||
|
||||
<div class="ctabox">
|
||||
<div class="ctabox__inner">
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Dash Nation</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Dash Roundtable</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">DashPay Magazine</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://node40.com" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/node40.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://node40.com" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">DashDot Alpha</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://protonmail.com/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/protonmail.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://protonmail.com/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">What Is Dash?</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.qhoster.com/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/qhoster.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.qhoster.com/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Dash N Drink</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
DEVELOPMENT
|
||||
.community-development-graphic
|
||||
-->
|
||||
<section id="community-development">
|
||||
<section>
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 community-development-graphic">
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div>
|
||||
<h2>{% t pages.community.development-heading %}</h2>
|
||||
|
||||
{% tmd pages.community.development-text %}
|
||||
</div>
|
||||
|
||||
<div class="ctabox">
|
||||
<div class="ctabox__inner">
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Github</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">JIRA</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Dash Wiki</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://node40.com" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/node40.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://node40.com" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Dash Slack</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
MASTERNODE TOOLS
|
||||
.community-masternode-graphic
|
||||
-->
|
||||
<section id="community-masternode">
|
||||
<section>
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div>
|
||||
<h2>{% t pages.community.masternode-heading %}</h2>
|
||||
|
||||
{% tmd pages.community.masternode-text %}
|
||||
</div>
|
||||
<div class="col-sm-6 community-masternode-graphic"></div>
|
||||
|
||||
<div class="ctabox">
|
||||
<div class="ctabox__inner">
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Dash Central</h4>
|
||||
<p class="ctabox__description">Blockchain Assets</p>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">DashNinja</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Node40</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<article class="ctabox__cta">
|
||||
<a href="https://node40.com" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__imagewrapper">
|
||||
<img src="/assets/img/home/node40.png" class="ctabox__image">
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://node40.com" target="_blank" class="ctabox__link">
|
||||
<div class="ctabox__text">
|
||||
<h4 class="ctabox__title">Masternode.me</h4>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
MEDIA | CONFERENCES | TECHNOLOGY | YOUTUBE
|
||||
similiar layout to news posts on home page.
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue