diff --git a/_i18n/en.yml b/_i18n/en.yml index 1fc6cba..d57f41a 100644 --- a/_i18n/en.yml +++ b/_i18n/en.yml @@ -1,6 +1,15 @@ # For multiple paragraph content add two line breaks pages: + contact: + title: Contact Dash + description: Contact Dash + hero-image: + hero-heading: Contacts + hero-text: Feedback text + form-pretext: For technical support or troubleshooting with wallets, mining, or other general questions, please visit DashTalk or one of the many other community resources. + form-pretext-2: For other inquiries, use this form. + home: title: Dash Official Website | Dash Crypto Currency description: Dash is Digital Cash diff --git a/_includes/hero/contact.html b/_includes/hero/contact.html new file mode 100644 index 0000000..652e6f2 --- /dev/null +++ b/_includes/hero/contact.html @@ -0,0 +1,61 @@ +
+
+ +
+ + + {% include nav-desktop.html %} + + +
+

{% t pages.contact.hero-heading %}

+

{% t pages.contact.hero-text %}

+ +
+
+ {% t pages.contact.form-pretext %}
+ {% t pages.contact.form-pretext-2 %} +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+
+ +
+ {% t pages.community.hero-forum-btn %} +
+
+ + {% t pages.community.hero-discussion-btn %} + {% t pages.community.hero-social-btn %} + {% t pages.community.hero-news-btn %} + {% t pages.community.hero-development-btn %} + {% t pages.community.hero-masternodes-btn %} + +
+
+ + +
+
diff --git a/contact/index.html b/contact/index.html index b819f5a..8f0ce9b 100644 --- a/contact/index.html +++ b/contact/index.html @@ -1 +1,394 @@ -Placeholder for Contact page. +--- +layout: default +title: pages.contact.title +description: pages.contact.description +--- + +{% include hero/contact.html %} + +
+ + +
+
+
+

{% t pages.community.discussion-heading %}

+ + {% tmd pages.community.discussion-text %} +
+ +
+
+ + + + + + +
+
+
+
+ +
+
+
+

{% t pages.community.social-heading %}

+ + {% tmd pages.community.social-text %} +
+ +
+
+ + + + + + +
+
+
+
+ +
+
+
+

{% t pages.community.news-heading %}

+ + {% tmd pages.community.news-text %} +
+ +
+ +
+ + + + + +
+
+
+
+ +
+
+
+

{% t pages.community.development-heading %}

+ + {% tmd pages.community.development-text %} +
+ +
+
+ + + +
+
+
+
+ +
+
+
+

{% t pages.community.masternode-heading %}

+ + {% tmd pages.community.masternode-text %} +
+ +
+
+ + + + +
+
+
+
+ + + + + + + +
diff --git a/src/scss/_forms.scss b/src/scss/_forms.scss index 0a2352f..cca95ae 100644 --- a/src/scss/_forms.scss +++ b/src/scss/_forms.scss @@ -6,6 +6,29 @@ form { box-sizing: border-box; appearance: none; } + .input-block { + width: 100%; + margin-bottom: 12px; + } + + .form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; +} .username { background-image: url(../images/icon-username.png); background-repeat: no-repeat;