contact.html 10 KB
Newer Older
Sean Packham's avatar
Sean Packham committed
1
---
Sean Packham's avatar
Sean Packham committed
2
layout: en/default
Sean Packham's avatar
Sean Packham committed
3
class: contact
Sean Packham's avatar
Sean Packham committed
4
title: "Contact Us for Sales, Features, Bugs & Feedback"
Sean Packham's avatar
Sean Packham committed
5 6
permalink: /contact
redirect_from: /contact/
7
theme: dark
Sean Packham's avatar
Sean Packham committed
8 9
---

10 11 12 13
<div class="container">
  <div class="flex-grid">
    <div class="col--third contant-form">
      <div class="space--4"></div>
Sean Packham's avatar
Sean Packham committed
14

15 16 17 18 19 20
      <h1 class="display theme_type--dark">Contact Rocket.Chat</h1>
      <p class="theme_type--grey display--small">Request a feature, report bugs or share your Rocket.Chat story with us</p>

      <div class="space--4"></div>

      <form class="form-validate" data-validate>
Martin Schoeler's avatar
Martin Schoeler committed
21 22 23 24 25 26 27 28 29 30 31
        <fieldset>
          <label class="label--small theme_type--grey" for="recipient">Department</label>
          <div class="select select--theme-dark">
            <select required name="recipient" id="recipient">
              <option value="" selected disabled>Select the Department</option>
              <option value="sales">Sales</option>
              <option value="support">Support</option>
            </select>
          </div>
        </fieldset>

32
        <fieldset>
33 34
          <label class="label--small theme_type--grey" for="firstName">First Name</label>
          <input required minlength="3" maxlength="100" class="input input--dark input--icon-user" type="text" id="firstName" name="firstName" placeholder="Type your first name" />
35 36 37 38 39
        </fieldset>

        <fieldset>
          <label class="label--small theme_type--grey" for="lastName">Last name</label>
          <input required minlength="3" maxlength="100" class="input input--dark input--icon-user" type="text" id="lastName" name="lastName" placeholder="Type your last name" />
40 41 42 43
        </fieldset>

        <fieldset>
          <label class="label--small theme_type--grey" for="email">Email Address</label>
44
          <input required minlength="3" maxlength="100" class="input input--dark input--icon-email" type="email" id="email" name="email" placeholder="Type your email address" />
45 46
        </fieldset>

47 48 49 50 51 52
        <fieldset>
          <label class="label--small theme_type--grey" for="company">Company</label>
          <input minlength="3" maxlength="100" class="input input--dark" type="text" id="company" name="company" placeholder="Type your company" />
        </fieldset>

        <fieldset>
53 54
          <label class="label--small theme_type--grey" for="title">Job title</label>
          <input required minlength="3" class="input input--dark" type="text" id="title" name="title" placeholder="Type your job title" />
55 56
        </fieldset>

57
        <fieldset>
Danilo Woznica's avatar
Danilo Woznica committed
58
          <label class="label--small theme_type--grey" for="subject">Subject</label>
Danilo Woznica's avatar
Danilo Woznica committed
59
          <input required minlength="3" maxlength="100" class="input input--dark" type="text" id="subject" name="subject" placeholder="Type the subject" />
60 61 62
        </fieldset>

        <fieldset>
Danilo Woznica's avatar
Danilo Woznica committed
63
          <label class="label--small theme_type--grey" for="message">Message</label>
64 65 66 67 68 69 70
          <textarea required rows="7" class="input input--dark" name="message" id="message" placeholder="Type your message"></textarea>
        </fieldset>

        <div class="space--2"></div>
        <button type="submit" class="button">Send message</button>
        <div class="space--4"></div>
      </form>
Sean Packham's avatar
Sean Packham committed
71
    </div>
72 73 74

    <div class="contact-map__container">
      <div class="contact-map">
75 76 77 78

        <div class="contact-map_list">
          <div class="contact-map__tooltip--brazil">
            <div class="contact-map__tooltip-wrap">
Gabriel Engel's avatar
Gabriel Engel committed
79
              <p class="label--small theme_type--grey">Research & Development</p>
80
              <p class="theme_type--dark type--nomargin">Rua Dr. Jorge Fayet, 757<br>Porto Alegre, RS 91330-330<br>Brazil</p>
81 82 83 84 85
            </div>
          </div>

          <div class="contact-map__tooltip--eua">
            <div class="contact-map__tooltip-wrap">
Gabriel Engel's avatar
Gabriel Engel committed
86
              <p class="label--small theme_type--grey">Headquarters</p>
Marcelo Schmidt's avatar
Marcelo Schmidt committed
87
              <p class="theme_type--dark type--nomargin">251 Little Falls Drive<br>Wilmington, DE 19808<br>United States</p>
88 89
            </div>
          </div>
Gabriel Engel's avatar
Gabriel Engel committed
90
        </div>
91 92 93

        <img class="contact-map__map" src="/images/team/world-map.svg" alt="World map" />
      </div>
Sean Packham's avatar
Sean Packham committed
94 95
    </div>
  </div>
96 97 98 99 100 101 102 103 104 105 106 107
</div>

<section class="container" id="free-resources">
  <div class="flex-grid grid--justify-around align--center">
    <div class="col--haft">
      <p class="label">Support resources</p>
      <h2 class="display theme_type--dark">Free Resources to help you</h2>
      <p class="display--small theme_type--grey">Get support from a passionate, global and active open source community</p>
    </div>
  </div>

  <div class="space--4"></div>
108 109

  <div class="flex-grid">
110

111
    <div class="col">
112 113
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
114
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/squash_bugs.png" alt="Github Issues" /></div>
115 116 117 118 119 120 121 122
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Features or Bugs</strong></h3>
            <p class="theme_type--grey">If you think you've found a bug or would like to request a feature for Rocket.Chat, join GitHub and search through the existing issues or create a new one if one doesn't exist.</p>
            <a href="//github.com/RocketChat/Rocket.Chat/issues" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">View Issues</a>
          </div>
        </div>
      </div>
    </div>
123

124 125 126
    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
127
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/writte_documentation.png" alt="Documentation & Tutorials" /></div>
128 129 130
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Documentation & Tutorials</strong></h3>
            <p class="theme_type--grey">The Rocket.Chat documentation has guides to help users, administrators and developers use, manage, customize and develop for Rocket.Chat.</p>
Gabriel Engel's avatar
Gabriel Engel committed
131
            <a href="/docs/" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">View Documentation</a>
132 133
          </div>
        </div>
134 135 136
      </div>
    </div>

137
  </div>
138
  <div class="flex-grid">
139

140
    <div class="col">
141 142
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
143
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/forum.png" alt="Rocket.Chat Forums" /></div>
144 145 146 147 148 149 150 151
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Forums</strong></h3>
            <p class="theme_type--grey">To discuss Rocket.Chat development with the Rocket.Chat team and community join our Discourse forum.</p>
            <a href="//forums.rocket.chat/" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">Visit Forum</a>
          </div>
        </div>
      </div>
    </div>
152

153 154 155 156 157 158 159 160 161 162
    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/support/video.png" alt="Tutorial Videos" /></div>
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Tutorial Videos</strong></h3>
            <p class="theme_type--grey">Rocket.Chat has a passionate community of content creators on YouTube sharing tutorials on configuring, installing, customizing and developing for Rocket.Chat.</p>
            <a href="//www.youtube.com/channel/UCin9nv7mUjoqrRiwrzS5UVQ" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">View Videos</a>
          </div>
        </div>
163 164 165
      </div>
    </div>

166
  </div>
167
  <div class="flex-grid">
168

169
    <div class="col">
170 171
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
172
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/chat_with_us.png" alt="Rocket.Chat Forums" /></div>
173 174 175 176 177 178
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Chat with Us</strong></h3>
            <p class="theme_type--grey">Chat with us and thousands of developers who are creating the best chat platform on the Rocket.Chat open server.</p>
            <a href="//open.rocket.chat/" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">Join Open Server</a>
          </div>
        </div>
179
      </div>
Sean Packham's avatar
Sean Packham committed
180
    </div>
181

182 183 184
    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
185
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/come_meet_us.png" alt="Tutorial Videos" /></div>
186 187 188 189 190 191 192 193 194
          <div class="col no-gutter">
            <h3 class="display--small theme_type--dark"><strong>Come Meet Us</strong></h3>
            <p class="theme_type--grey">Come say hi at a local meetup or conference, tell us how you customized it to suit your needs and improved your team’s communication.</p>
            <a href="/category/events/" class="button--link button--with-arrow">View Events</a>
          </div>
        </div>
      </div>
    </div>

195
  </div>
196
</section>
197 198 199 200 201 202 203

<div class="modal">
  <div class="modal__wrap">
    <div class="flex-grid card theme_box--dark">
      <div class="col--haft">
        <div class="space--2"></div>
        <p class="label theme_type--grey">Contact us</p>
204
        <h2 class="display--small theme_type--dark"><strong>Message sent successfully!</strong></h2>
205 206 207 208
        <p class="theme_type--dark">Thanks for contacting us! We will be in touch with you shortly.</p>
        <button class="button js-become-partner-close">Got it</button>
        <div class="space--1"></div>
      </div>
209 210 211
      <div class="col">
        <img class="modal__success" src="/images/default/success@2x.png" />
      </div>
Sean Packham's avatar
Sean Packham committed
212
    </div>
213
  </div>
214 215 216 217
</div>

<div class="space--4"></div>

218
<script async src="/forms.js"></script>