ez_python/account.html at master · urmilshroff/ez_python · 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
<!doctype html>
<html>

<head> <!--copy paste the complete head in all the other documents!-->

<title> Welcome to EZ Python! </title>

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--for browser to scale contents according to screen size-->

<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- <link rel="stylesheet" type="text/css" href="css/w3.css">
<link rel="stylesheet" type="text/css" href="css/about.css"> -->

<!--following link to Google APIs-->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.green-orange.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Arvo|Inconsolata|Nunito|Quicksand|Rubik">

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#00c2ff">

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

<!--following link to Google APIs-->
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"> </script>

<style>

h1 /* for main headings & titles */
{
font-family: arvo;
font-size: 60px;
line-height: 150%;
}

h2 /* for subtitles & questions */
{
font-family: arvo;
font-size: 40px;
line-height: 150%;
}

h3 /* for regular text */
{
font-family: inconsolata;
font-size: 20px;
line-height: 80%;
}

@media (max-width: 400px) /* this is the @media query used to optimize the page for mobile */
{


}

</style>

</head>

<body>

<br> <br> <div style="width: auto" id="loading" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"> </div> </center>

<h1> Create your EZ Account </h1>

<form name="formname"> <center> <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">

<input style="color: #ECEFF1; font-family: inconsolata; font-size: 24px" class="mdl-textfield__input" type="text" id="fname" name="fname">

<label style="color: #4CAF50; font-family: inconsolata; font-size: 22px" class="mdl-textfield__label" for="fname"> Name </label>

</div> </form>

<form> <center> <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">

<input style="color: #ECEFF1; font-family: inconsolata; font-size: 24px" class="mdl-textfield__input" type="text" id="sname" name="sname"> </input>

<label style="color: #4CAF50; font-family: inconsolata; font-size: 22px" class="mdl-textfield__label" for="sname"> Surname </label>

</div> </form>

<form> <center> <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">

<input style="color: #ECEFF1; font-family: inconsolata; font-size: 24px" class="mdl-textfield__input" type="text" id="username" name="username">
</input>
<label style="color: #4CAF50; font-family: inconsolata; font-size: 22px" class="mdl-textfield__label" for="username"> Username </label>

</div> </form>

<form> <center> <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">

<input style="color: #ECEFF1; font-family: inconsolata; font-size: 24px" class="mdl-textfield__input" type="email" id="email" name="email">
</input>
<label style="color: #4CAF50; font-family: inconsolata; font-size: 22px" class="mdl-textfield__label" for="email"> Email </label>

</div> </form>

<form> <center> <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">

<input style="color: #ECEFF1; font-family: inconsolata; font-size: 24px" class="mdl-textfield__input" type="password" id="password" name="password">
</input>

<label style="color: #4CAF50; font-family: inconsolata; font-size: 22px" class="mdl-textfield__label" for="password"> Password </label>

</div> </form>

<center> <input type="button" onclick="window.location.href='qs-01.html'"> <font color=#ECEFF1> START QUIZ </font>
<br>
(Note: grab some paper and a pen for this!)
</center>


<br> <br> <div style="width: auto" id="loading" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"> </div> </center>

</body>
</html>