warriorprincess/template.html at master · snkahn/warriorprincess · 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Learn to Code in your Community</title>

  <link rel="icon" href="favicon.ico">
    <link href="css/styles.css" rel="stylesheet">
    <link href="css/form.css" rel="stylesheet">
    <link href="css/chosen.min.css" rel="stylesheet">
  </head>
  <body>
<!-- Navbar header -->
    <nav class="navbar navbar-default">
    <div class="container-fluid">
    <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand" href="http://girldevelopit.com"><img src="gdi-logo.png" alt="Girl Develop It Logo"/></a>
    </div>
    <p class="tagline">Get started with help and resources in your own community</p>
    <div class="btn-group pull-right">
      <button class="btn btn-primary" type="button">Contribute</button>
      <button aria-expanded="false" data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button">
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
      </button>
              <ul role="menu" class="dropdown-menu">
                <li><a href="#">Contribute a story</a></li>
                <li><a href="#">Be a mentor</a></li>
                <li><a href="#">List a resource</a></li>
                <li class="divider"></li>
                <li><button class="btn btn-donate"><a href="#">Donate to our Scholarship Fund</a></button></li>
              </ul>
            </div>
    </div>
    </div>
    </nav>

<!-- Body content -->
    <div class="container">
  <!-- Section goal -->
<section class="row goal">
          <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="row">
              <h2 class="text-center">Tell us what you want to do</h2>
              <div class="col-xs-12 col-sm-4 col-sm-offset-4 col-md-4 col-md-offset-4">
                <!-- Single select dropdown-->
                <select class="goal form-control">
                  <option>Just talk</option>
                  <option>Research career options</option>
                  <option>Change careers</option>
                  <option>Make something for a personal project/hobby</option>
                </select>
              </div>
            </div>
          </div>
        </section>
        <!-- Section committment -->
        <section class="row committment">
          <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="row">
              <h2 class="text-center">How much time can you spend?</h2>
              <div class="col-xs-12 col-sm-4 col-sm-offset-4 col-md-4 col-md-offset-4">
              <!-- Single select dropdown-->
              <select class="time-committment-options form-control">
                <option>Full-time</option>
                <option>Nights/weekends</option>
                <option>On my own schedule</option>
              </select>
            </div>
          </div>
        </section>
        <!-- Section interests -->
        <section class="row interests">
          <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="row">
                <h2 class="text-center">What are your interests?</h2>
                <div class=" col-sm-4 col-sm-offset-4 col-md-4 col-md-offset-4">
                <!-- Multiple dropdown -->
                <select class="chosen chzn-select" multiple="true">
                  <option>Choose...</option>
                  <option>jQuery</option>
                  <option selected="selected">MooTools</option>
                  <option>Prototype</option>
                   <option selected="selected">Dojo Toolkit</option>
                </select>
            </div>
          </div>
        </section>
        <!-- Section location -->
        <section class="row location">
          <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="row">
              <h2 class="text-center">Where are you located?</h2>
              <div class="col-xs-12 col-sm-4 col-sm-offset-4 col-md-4 col-md-offset-4">
                  <!-- Single select dropdown -->
                  <select class="form-control">
                    <option>Chapel Hill, NC</option>
                    <option>Durham, NC</option>
                    <option>Raleigh, NC</option>
                    <option>Seattle, WA</option>
                    <option>Portland, OR</option>
                  </select>
              </div>
            </div>
          </div>
        </section>
        <!-- Section submit -->
        <section class="row submit">
          <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="row">
              <div class="col-xs-12 col-sm-4 col-sm-offset-4 col-md-4 col-md-offset-4">
                <button class="get-recommendation btn btn-default" type="submit">Get a Recommendation</button>
              </div>
            </div>
          </div>
        </section>
      </div>


    <!-- Map and List of recommendations -->

    <hr>
    <section class="row map">
      <div class="col-xs-12 col-sm-12 col-md-12">
       <div class="row">
        <h2 class="text-center">Some resources near you</h2>
        <div class="us_map"><div class="map"></div></div>

        <div class="col-xs-6">
        <article class="person">
          <h3>Rachel Nabors</h3>
          <p>This person's story. Cupcake ipsum dolor sit. Amet tart cookie soufflé soufflé. Tootsie roll lollipop gummies liquorice. Fruitcake dessert cotton candy lollipop lollipop jelly beans topping. Oat cake caramels cupcake brownie donut carrot cake bear claw cupcake. Jelly beans tart macaroon liquorice tootsie roll pie. Gummies lollipop sweet powder candy canes. Jelly-o pie jujubes fruitcake caramels sweet dessert. Candy gummi bears icing chocolate cake. Croissant candy pastry brownie. Biscuit donut bear claw. Chocolate bar cheesecake sweet. Candy dessert marshmallow jelly jujubes.</p>
        <button>Contact Rachel</button>
        </article>
      </div>

        <div class="col-xs-6">
        <article class="resource">
          <h3>Girl Develop It</h3>
          <i>In-person classes</i>
          <p>Girl Develop It is a nonprofit organization that exists to provide affordable and judgment-free opportunities for women interested in learning web and software development. Through in-person classes and community support, Girl Develop It helps women of diverse backgrounds achieve their technology goals and build confidence in their careers and their every day lives.</p>
        <button>Learn more</button>
        </article>
      </div>
    </div>
    </section>

<!-- GDI footer-->
<footer class="brand">

<p>Made with love by Team Warrior Princess at Battlehack Raleigh.</p> <i>To learn about ways to support Girl Develop It, email us at sponsorships@girldevelopit.com or visit our Donate page.</i>
</footer>


   </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/chosen.jquery.min.js"></script>
    <script src="js/scripts.js"></script>
    <script src="js/raphael-min.js"></script>
    <script src="js/jquery.mapael.js"></script>
    <script src="js/usa_states.js"></script>
    <script src="js/chapter_map.js"></script>
  </body>
</html>