contact.html 9.88 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 21
      <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>
        <fieldset>
22 23
          <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" />
24 25 26 27 28
        </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" />
29 30 31 32
        </fieldset>

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

36 37 38 39 40 41
        <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>
42 43
          <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" />
44 45
        </fieldset>

46
        <fieldset>
Danilo Woznica's avatar
Danilo Woznica committed
47
          <label class="label--small theme_type--grey" for="subject">Subject</label>
Danilo Woznica's avatar
Danilo Woznica committed
48
          <input required minlength="3" maxlength="100" class="input input--dark" type="text" id="subject" name="subject" placeholder="Type the subject" />
49 50 51
        </fieldset>

        <fieldset>
Danilo Woznica's avatar
Danilo Woznica committed
52
          <label class="label--small theme_type--grey" for="message">Message</label>
53 54 55 56 57 58 59
          <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
60
    </div>
61 62 63

    <div class="contact-map__container">
      <div class="contact-map">
64 65 66 67

        <div class="contact-map_list">
          <div class="contact-map__tooltip--brazil">
            <div class="contact-map__tooltip-wrap">
Gabriel Engel's avatar
Gabriel Engel committed
68
              <p class="label--small theme_type--grey">Research & Development</p>
69
              <p class="theme_type--dark type--nomargin">Rua Dr. Jorge Fayet, 757<br>Porto Alegre, RS 91330-330<br>Brazil</p>
70 71 72 73 74
            </div>
          </div>

          <div class="contact-map__tooltip--eua">
            <div class="contact-map__tooltip-wrap">
Gabriel Engel's avatar
Gabriel Engel committed
75 76
              <p class="label--small theme_type--grey">Headquarters</p>
              <p class="theme_type--dark type--nomargin">2711 Centerville Road, Suite 400<br>Wilmington, DE 19808<br>United States</p>
77 78 79 80 81
            </div>
          </div>

          <div class="contact-map__tooltip--europe">
            <div class="contact-map__tooltip-wrap">
Gabriel Engel's avatar
Gabriel Engel committed
82 83
              <p class="label--small theme_type--grey">European Office</p>
              <p class="theme_type--dark type--nomargin">40 Islington High Street<br>London N1 8EQ<br>United Kingdom</p>
84
            </div>
85
          </div>
Gabriel Engel's avatar
Gabriel Engel committed
86
        </div>
87 88 89

        <img class="contact-map__map" src="/images/team/world-map.svg" alt="World map" />
      </div>
Sean Packham's avatar
Sean Packham committed
90 91
    </div>
  </div>
92 93 94 95 96 97 98 99 100 101 102 103
</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>
104 105

  <div class="flex-grid">
106

107
    <div class="col">
108 109
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
110
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/squash_bugs.png" alt="Github Issues" /></div>
111 112 113 114 115 116 117 118
          <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>
119

120 121 122
    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
123
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/writte_documentation.png" alt="Documentation & Tutorials" /></div>
124 125 126 127 128 129
          <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>
            <a href="/docs" target="_blank" rel="noopener noreferrer" class="button--link button--with-arrow" href="">View Documentation</a>
          </div>
        </div>
130 131 132
      </div>
    </div>

133
  </div>
134
  <div class="flex-grid">
135

136
    <div class="col">
137 138
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
139
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/forum.png" alt="Rocket.Chat Forums" /></div>
140 141 142 143 144 145 146 147
          <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>
148

149 150 151 152 153 154 155 156 157 158
    <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>
159 160 161
      </div>
    </div>

162
  </div>
163
  <div class="flex-grid">
164

165
    <div class="col">
166 167
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
168
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/chat_with_us.png" alt="Rocket.Chat Forums" /></div>
169 170 171 172 173 174
          <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>
175
      </div>
Sean Packham's avatar
Sean Packham committed
176
    </div>
177

178 179 180
    <div class="col">
      <div class="card card--full-height theme_box--dark-strong theme_type--dark">
        <div class="flex-grid">
181
          <div class="col--fourth no-gutter"><img class="card_icon" src="/images/community/come_meet_us.png" alt="Tutorial Videos" /></div>
182 183 184 185 186 187 188 189 190
          <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>

191
  </div>
192
</section>
193 194 195 196 197 198 199

<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>
200
        <h2 class="display--small theme_type--dark"><strong>Message sent successfully!</strong></h2>
201 202 203 204
        <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>
205 206 207
      <div class="col">
        <img class="modal__success" src="/images/default/success@2x.png" />
      </div>
Sean Packham's avatar
Sean Packham committed
208
    </div>
209
  </div>
210 211 212 213 214
</div>

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

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