materials/feedback.html at gh-pages · codegirls/materials · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!doctype html>
<html>
  <head>
    <title>feedback - codegirls</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Merriweather:400,400italic,700" />
    <link rel="stylesheet" href="http://cobyism.com/gridism/gridism.css" />
    <link rel="stylesheet" href="style/base.css" />
    <style>
      .question {
        border-bottom: 1px solid #aaa;
        font-size: 10pt;
      }

      fieldset { border: none; }
    </style>
  </head>

  <body>
    <h1>Feedback</h1>

    <p>We're not professionals, we just really want to help people learn
      all these things. But sometimes we'll be doing things "wrong",
      sometimes you will go home frustrated or very confused and we could
      have done things better.</p>

    <p>So if you have anything you want us to know, or have any questions
      in general, please don't hesitate to
      <a href="mailto:info@codegirls.de">contact us</a>.</p>

    <h2>Some questions</h2>

    <p>You can help us out further by answering the questions below.</p>

    <form id="questions">
      <div class="question">
        <h3>What do you want to learn?</h3>
        <fieldset>
          <p><label><input type="checkbox" /> JavaScript</label></p>
          <p><label><input type="checkbox" /> HTML &amp; CSS</label></p>
          <p>
            <label><input type="checkbox" /> Something else:</label>
            <input type="text" /></p>
        </fieldset>
      </div>

      <div class="question">
        <h3>Any suggestions?</h3>
        <p><textarea placeholder="Confusing things, ideas, ..." rows="10" cols="60"></textarea></p>
      </div>

      <div class="question">
        <p>If you give us your email address we can get back to you and ask
          for clarification on your answers and talk a bit more about these
          things. This is <em>optional</em>, but will also help us a lot.</p>

        <p>
          <input type="email" placeholder="giraffes@are.gre.at" />
        </p>
      </div>
    </form>
    </div>

    <footer id="footer">
      <p>© 2014 <a href="http://codegirls.de">CodeGirls</a>
        <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode.txt">(CC-BY-SA)</a></p>

      <p>This site is <a href="https://github.com/codegirls/materials">open-source</a>,
        fixes and <a href="https://github.com/codegirls/materials/issues">suggestions</a>
        are very welcome!</p>
    </footer>
  </body>
</html>