SCHOLSEARCH/signup.html at master · youngchen7/SCHOLSEARCH · 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
<!DOCTYPE HTML>
<html class = "no-js" lang = "en">
<head>
	  <meta charset="utf-8">
	  <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ScholSearch</title>
    <link rel="shortcut icon" href="img/favicon.ico" >
	  <!-- If you are using CSS version, only link these 2 files, you may add app.css to use for your overrides if you like. -->
	  <link rel="stylesheet" href="css/normalize.css">
	  <link rel="stylesheet" href="css/foundation.css">
	  <link href="css/login.css" rel="stylesheet" type="text/css">
        <link href="css/main.css" rel="stylesheet" type="text/css">
	  <script src="js/vendor/modernizr.js"></script>

	</head>

	<body>
		<div class="row">
    <div class="large-3 columns">
      <h1><img src="img/logo_medium.png" /></h1>
    </div>
    <div class="large-9 columns">
      <ul class="right button-group">
      <li><a href="home.html" class="button">HOME</a></li>
      <li><a href="scholarships.html" class="button">SCHOLARSHIPS</a></li>
      <li><a href="profile.html" class="button">PROFILE</a></li>
      <li><a href="login.html" class="button">LOG IN</a></li>
      <li><a href="signup.html" class="button orange" >SIGN UP </a></li>
      </ul>
     </div>
   </div>

<!-- End Header and Nav -->


<!-- Call to Action Panel -->
<div class="row">
    <div class="large-12 columns">

      <div class="panel">
        <h4 style="color:#0094FF"> <b>SIGN UP</b></h4>

            <form>
            <h4>First Name:</h4>
            <input type="text" name="firstname" placeholder="John">
            <h4>Last Name:</h4>
            <input type="text" name="lastnamne" placeholder="Doe">
            <h4>Date of Birth:</h4>
            <input type="date" name="birth" placeholder="Doe">

            <h4>Gender:</h4>
            <select id="energy" name="energy">
              <option value="" disabled selected>M/F</option>
              <option value="2">Male</option>
              <option value="3">Female</option>
            </select>

            <h4>Username:</h4>
            <input type="text" name="username" placeholder="JohnDoe">
            <h4>Password:</h4>
            <input type="password" name="password" placeholder="Scholarship123456">
            <h4>Email:</h4>
            <input type="text" name="email" placeholder="JohnDoe@University.edu">

            <h4>Membership:</h4>
            <select id="energy" name="energy">
              <option value="" disabled selected>Basic/Premium</option>
              <option value="2">Basic (Free)</option>
              <option value="3">Premium ($9.99/month)</option>
            </select>

            <a href="login.html" class="radius button right">Confirm</a>
            <p> Scholsearch 2014 </p>
          </form>


    </div>
  </div>

  <!-- Footer -->

  <footer class="row">
    <div class="large-12 columns">
      <hr />
      <div class="row">
        <div class="large-6 columns">
          <p>© Copyright no one at all. Go to town.</p>
        </div>
        <div class="large-6 columns">
          <ul class="inline-list right">
            <li><a href="home.html">Home</a></li>
            <li><a href="main.html">Record</a></li>
            <li><a href="analyze.html">Analyze</a></li>
            <li><a href="login.html">Login/Register</a></li>
          </ul>
        </div>
      </div>
    </div>
  </footer>
    <script src="js/vendor/jquery.js"></script>
  <script src="js/foundation.min.js"></script>
  <script>
    $(document).foundation();
  </script>
	</body>

</html>