mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
Markup for community, get-dash, and participate.
- Consistent markup - Added ids to each section to allow jump from links in hero files.
This commit is contained in:
Perry Woodin
parent
36e948061f
commit
1b55d5a889
6 changed files with 277 additions and 89 deletions
|
|
@ -21,12 +21,12 @@
|
|||
<br />
|
||||
|
||||
<div class="content">
|
||||
<a href="#" class="btn-white-solid">{% t pages.community.hero-discussion-btn %}</a>
|
||||
<a href="#" class="btn-white-solid">{% t pages.community.hero-social-btn %}</a>
|
||||
<a href="#" class="btn-white-solid">{% t pages.community.hero-news-btn %}</a>
|
||||
<a href="#" class="btn-white-solid">{% t pages.community.hero-development-btn %}</a>
|
||||
<a href="#" class="btn-white-solid">{% t pages.community.hero-masternodes-btn %}</a>
|
||||
<a href="#" class="btn-white-solid">{% t pages.community.hero-video-btn %}</a>
|
||||
<a href="#community-forum" class="btn-white-solid">{% t pages.community.hero-discussion-btn %}</a>
|
||||
<a href="#community-social" class="btn-white-solid">{% t pages.community.hero-social-btn %}</a>
|
||||
<a href="#community-news" class="btn-white-solid">{% t pages.community.hero-news-btn %}</a>
|
||||
<a href="#community-development" class="btn-white-solid">{% t pages.community.hero-development-btn %}</a>
|
||||
<a href="#community-masternode" class="btn-white-solid">{% t pages.community.hero-masternodes-btn %}</a>
|
||||
<a href="#community-media" class="btn-white-solid">{% t pages.community.hero-video-btn %}</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -24,10 +24,10 @@
|
|||
<br />
|
||||
|
||||
<div class="content">
|
||||
<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-guide-btn %}</a>
|
||||
<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-buy-btn %}</a>
|
||||
<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-spend-btn %}</a>
|
||||
<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-trade-btn %}</a>
|
||||
<a href="#getdash-wallet-setup" class="btn-white-solid">{% t pages.get-dash.hero-guide-btn %}</a>
|
||||
<a href="#getdash-buy" class="btn-white-solid">{% t pages.get-dash.hero-buy-btn %}</a>
|
||||
<a href="#getdash-shop" class="btn-white-solid">{% t pages.get-dash.hero-spend-btn %}</a>
|
||||
<a href="#getdash-trade" class="btn-white-solid">{% t pages.get-dash.hero-trade-btn %}</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -15,9 +15,9 @@
|
|||
<p class="content">{% t pages.participate.hero-text %}</p>
|
||||
|
||||
<div class="content">
|
||||
<a href="#" class="btn-blue-solid">{% t pages.participate.hero-masternodes-btn %}</a>
|
||||
<a href="#" class="btn-blue-solid">{% t pages.participate.hero-mining-btn %}</a>
|
||||
<a href="#" class="btn-blue-solid">{% t pages.participate.hero-funding-btn %}</a>
|
||||
<a href="#participate-masternode" class="btn-blue-solid">{% t pages.participate.hero-masternodes-btn %}</a>
|
||||
<a href="#participate-mining" class="btn-blue-solid">{% t pages.participate.hero-mining-btn %}</a>
|
||||
<a href="#participate-budgets" class="btn-blue-solid">{% t pages.participate.hero-funding-btn %}</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -6,41 +6,170 @@ description: pages.community.description
|
|||
|
||||
{% tf community/hero.html %}
|
||||
|
||||
<div class="page-community">
|
||||
|
||||
<!--
|
||||
DISCUSSION/FORUMS
|
||||
.community-forum-graphic
|
||||
-->
|
||||
<section id="community-forum">
|
||||
<div class="content">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.community.discussion-heading %}</h2>
|
||||
{% tmd pages.community.discussion-text %}</p>
|
||||
|
||||
|
||||
<h2>{% t pages.community.social-heading %}</h2>
|
||||
{% tmd pages.community.social-text %}</p>
|
||||
|
||||
|
||||
<h2>{% t pages.community.news-heading %}</h2>
|
||||
{% tmd pages.community.news-text %}</p>
|
||||
|
||||
|
||||
<h2>{% t pages.community.development-heading %}</h2>
|
||||
{% tmd pages.community.development-text %}</p>
|
||||
|
||||
|
||||
<h2>{% t pages.community.masternodes-heading %}</h2>
|
||||
{% tmd pages.community.masternodes-text %}</p>
|
||||
|
||||
|
||||
<h2>{% t pages.community.meda-heading %}</h2>
|
||||
|
||||
<h2>{% t pages.community.conferences-heading %}</h2>
|
||||
<h2>{% t pages.community.technology-heading %}</h2>
|
||||
<h2>{% t pages.community.community-heading %}</h2>
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.community.youtube-btn %}</a>
|
||||
|
||||
|
||||
<h2>{% t pages.get-dash.need-heading %}</h2>
|
||||
{% tmd pages.get-dash.need-text %}</p>
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a>
|
||||
{% tmd pages.get-dash.need-input %}</p>
|
||||
{% tmd pages.community.discussion-text %}
|
||||
</div>
|
||||
<div class="col-sm-6 community-forum-graphic">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
SOCIAL
|
||||
.community-social-graphic
|
||||
-->
|
||||
<section id="community-social">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 community-social-graphic">
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.community.social-heading %}</h2>
|
||||
{% tmd pages.community.social-text %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
NEWS & INFORMATION
|
||||
.community-news-graphic
|
||||
-->
|
||||
<section id="community-news">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.community.news-heading %}</h2>
|
||||
{% tmd pages.community.news-text %}
|
||||
</div>
|
||||
<div class="col-sm-6 community-news-graphic"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
DEVELOPMENT
|
||||
.community-development-graphic
|
||||
-->
|
||||
<section id="community-development">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 community-development-graphic">
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.community.development-heading %}</h2>
|
||||
{% tmd pages.community.development-text %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
MASTERNODE TOOLS
|
||||
.community-masternode-graphic
|
||||
-->
|
||||
<section id="community-masternode">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.community.masternode-heading %}</h2>
|
||||
{% tmd pages.community.masternode-text %}
|
||||
</div>
|
||||
<div class="col-sm-6 community-masternode-graphic"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
MEDIA | CONFERENCES | TECHNOLOGY | YOUTUBE
|
||||
similiar layout to news posts on home page.
|
||||
.community-post
|
||||
.community-image
|
||||
.community-body
|
||||
.community-title
|
||||
-->
|
||||
<section id="community-media">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="community-post">
|
||||
<div class="community-image">
|
||||
|
||||
</div>
|
||||
<div class="community-body">
|
||||
<h3 class="community-title">{% t pages.community.media-heading %}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="community-post">
|
||||
<div class="community-image">
|
||||
|
||||
</div>
|
||||
<div class="community-body">
|
||||
<h3 class="community-title">{% t pages.community.conferences-heading %}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="community-post">
|
||||
<div class="community-image">
|
||||
|
||||
</div>
|
||||
<div class="community-body">
|
||||
<h3 class="community-title">{% t pages.community.technology-heading %}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="community-post">
|
||||
<div class="community-image">
|
||||
|
||||
</div>
|
||||
<div class="community-body">
|
||||
<h3 class="community-title">{% t pages.community.community-heading %}</h3>
|
||||
<a href="#" class="btn-blue">{% t pages.community.youtube-btn %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
NEED SOME DASH
|
||||
Repeat info from the GET-DASH page
|
||||
.getdash-need-graphic
|
||||
-->
|
||||
<section>
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.get-dash.need-heading %}</h2>
|
||||
{% tmd pages.get-dash.need-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a>
|
||||
{% tmd pages.get-dash.need-input %}
|
||||
</div>
|
||||
<div class="col-sm-6 getdash-need-graphic">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
|
@ -12,12 +12,12 @@ description: pages.get-dash.description
|
|||
HOW-TO SETUP YOUR WALLET
|
||||
.getdash-wallet-setup-graphic
|
||||
-->
|
||||
<section>
|
||||
<section id="getdash-wallet-setup">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.get-dash.setup-heading %}</h2>
|
||||
{% tmd pages.get-dash.setup-text %}</p>
|
||||
{% tmd pages.get-dash.setup-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.get-dash.setup-btn %}</a>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@ description: pages.get-dash.description
|
|||
BUY DASH ONLINE
|
||||
.getdash-buy-graphic
|
||||
-->
|
||||
<section>
|
||||
<section id="getdash-buy">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 getdash-buy-graphic">
|
||||
|
|
@ -40,7 +40,7 @@ description: pages.get-dash.description
|
|||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.get-dash.buy-heading %}</h2>
|
||||
{% tmd pages.get-dash.buy-text %}</p>
|
||||
{% tmd pages.get-dash.buy-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.get-dash.buy-btn %}</a>
|
||||
</div>
|
||||
|
|
@ -52,12 +52,12 @@ description: pages.get-dash.description
|
|||
TRADE DASH ON AN EXCHANGE
|
||||
.getdash-exchange-graphic
|
||||
-->
|
||||
<section>
|
||||
<section id="getdash-trade">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.get-dash.trade-heading %}</h2>
|
||||
{% tmd pages.get-dash.trade-text %}</p>
|
||||
{% tmd pages.get-dash.trade-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.get-dash.trade-btn %}</a>
|
||||
</div>
|
||||
|
|
@ -80,7 +80,7 @@ description: pages.get-dash.description
|
|||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.get-dash.atm-heading %}</h2>
|
||||
{% tmd pages.get-dash.atm-text %}</p>
|
||||
{% tmd pages.get-dash.atm-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.get-dash.atm-btn %}</a>
|
||||
</div>
|
||||
|
|
@ -92,12 +92,12 @@ description: pages.get-dash.description
|
|||
SHOP DIRECT WITH DASH
|
||||
.getdash-shop-graphic
|
||||
-->
|
||||
<section>
|
||||
<section id="getdash-shop">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.get-dash.shop-heading %}</h2>
|
||||
{% tmd pages.get-dash.shop-text %}</p>
|
||||
{% tmd pages.get-dash.shop-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.get-dash.shop-btn %}</a>
|
||||
</div>
|
||||
|
|
@ -114,14 +114,16 @@ description: pages.get-dash.description
|
|||
-->
|
||||
<section>
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 getdash-visa-graphic"></div>
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.get-dash.visa-heading %}</h2>
|
||||
{% tmd pages.get-dash.visa-text %}</p>
|
||||
{% tmd pages.get-dash.visa-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.get-dash.visa-btn %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
|
|
@ -130,17 +132,19 @@ description: pages.get-dash.description
|
|||
-->
|
||||
<section>
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.get-dash.need-heading %}</h2>
|
||||
{% tmd pages.get-dash.need-text %}</p>
|
||||
{% tmd pages.get-dash.need-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a>
|
||||
{% tmd pages.get-dash.need-input %}</p>
|
||||
{% tmd pages.get-dash.need-input %}
|
||||
</div>
|
||||
<div class="col-sm-6 getdash-need-graphic">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
|
@ -6,31 +6,86 @@ description: pages.participate.description
|
|||
|
||||
{% tf participate/hero.html %}
|
||||
|
||||
<div class="content">
|
||||
<div class="page-participate">
|
||||
|
||||
<!--
|
||||
SETUP A MASTERNODE
|
||||
.participate-masternode-graphic
|
||||
-->
|
||||
<section id="participate-masternode">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.participate.masternode-heading %}</h2>
|
||||
{% tmd pages.participate.masternode-text %}</p>
|
||||
{% tmd pages.participate.masternode-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.participate.masternode-btn %}</a>
|
||||
</div>
|
||||
<div class="col-sm-6 participate-masternode-graphic">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
START MINING
|
||||
.participate-mining-graphic
|
||||
-->
|
||||
<section id="participate-mining">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 participate-mining-graphic">
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.participate.mining-heading %}</h2>
|
||||
{% tmd pages.participate.mining-text %}</p>
|
||||
{% tmd pages.participate.mining-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.participate.mining-btn %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!--
|
||||
BUDGET PROPOSALS
|
||||
.participate-budgets-graphic
|
||||
-->
|
||||
<section id="participate-budgets">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.participate.funding-heading %}</h2>
|
||||
{% tmd pages.participate.funding-text %}</p>
|
||||
{% tmd pages.participate.funding-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.participate.funding-btn %}</a>
|
||||
</div>
|
||||
<div class="col-sm-6 participate-budgets-graphic">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
INTEGRATE DASH WITH YOUR STORE
|
||||
.participate-integrate-graphic
|
||||
-->
|
||||
<section id="participate-integrate">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 participate-integrate-graphic"></div>
|
||||
<div class="col-sm-6">
|
||||
<h2>{% t pages.participate.integrate-heading %}</h2>
|
||||
{% tmd pages.participate.integrate-text %}</p>
|
||||
{% tmd pages.participate.integrate-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.participate.integrate-btn %}</a>
|
||||
<a href="#" class="btn-blue">{% t pages.participate.integrate-payment-processor-btn %}</a>
|
||||
<a href="#" class="btn-blue">{% t pages.participate.integrate-contact-btn %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue