-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
135 lines (123 loc) · 5.25 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Postig</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="./src/styles.css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./vendor/css/materialize.css" media="screen" />
<link rel="stylesheet" type="text/css" href="./vendor/animate.css" />
</head>
<body>
<!-- SCREEN -->
<div id="roq" class="row">
<!-- Orange & Green columns [LOGIN] -->
<div id="orange" class="col s12">
<!-- Title::POSTIG -->
<div id="post-position" class="">
<h1 id="post" class="center-align animated fadeInUp">POSTIĠ</h1>
</div>
</div>
<div id="green" class="col s12 ">
<!-- Red column -->
<div id="red" class="row animated fadeIn">
<!-- Username & Password columns -->
<div id="usern" class="col offset-s4 s4 white">
<div class="input-field container-wide">
<input id="user_name" type="text" class="validate" />
<label for="user_name">Username</label>
</div>
</div>
<div id="passw" class="col offset-s4 s4 white">
<div class="input-field container-wide">
<input id="pass_word" type="password" class="validate" />
<label for="pass_word">Password</label>
<br /> <br />
<!-- Login-Submit Buttons -->
<a id="login-btn" class="waves-effect waves-light btn">Login</a>
<a id="cancel-btn" class="waves-effect waves-light btn">Cancel</a>
</div>
</div>
</div>
</div>
<!-- Left & Right colums [MAIN] -->
<!-- preview window [4x6 label] -->
<div id="left" class="blue lighten-5 col s8">
<div id="label" class="valign-wrapper center-align col s8 offset-s2">
<img class="center-align animated fadeIn z-depth-5" src="./img/placeholder.png" style="width:384;height:576px" />
</div>
</div>
<!-- label inputs [addresses, weight, print] -->
<div id="right" class="col s4 animated fadeInRight">
<div id="sender" class="valign-wrapper row">
<div id="return" class="col s12 container">
<div class="input-field col s12">
<textarea id="textarea1" class="materialize-textarea" placeholder="Erick Quintanilla 1990 E Grand Ave El Segundo CA 90245"></textarea>
<label id="send" for="textarea1">Sender</label>
</div>
</div>
</div>
<div id="receiver" class="row">
<div id="deliver" class="col s12 container">
<div class="input-field col s12">
<textarea id="textarea2" class="materialize-textarea" placeholder="Mail Man The United States Postal Office 475 L'Enant Plz SW Rm 4446 Washington DC 20260"></textarea>
<label id="reci" for="textarea2">Receiver</label>
</div>
</div>
</div>
<div id="weight" class="row">
<label for="weight">Weight</label>
<div id="pound-field" class="col s3 offset-s1">
<div id="something-lb" class="input-field">
<input id="lb" type="text" class="validate" />
</div>
<h6>lb</h6>
</div>
<div id="ounce-field" class="col s3 offset-s1">
<div id="something-oz" cass="input-field">
<input id="oz" type="text" class="validate" />
</div>
<h6>oz</h6>
</div>
<div id="scale-img" class="col s3 offset-s1">
<svg class="" style="width:28px;height:28px" viewBox="0 0 24 24">
<path id="img-path" fill="#605e5e" d="M12,3C10.73,3 9.6,3.8 9.18,5H3V7H4.95L2,14C1.53,16 3,17 5.5,17C8,17 9.56,16 9,14L6.05,7H9.17C9.5,7.85 10.15,8.5 11,8.83V20H2V22H22V20H13V8.82C13.85,8.5 14.5,7.85 14.82,7H17.95L15,14C14.53,16 16,17 18.5,17C21,17 22.56,16 22,14L19.05,7H21V5H14.83C14.4,3.8 13.27,3 12,3M12,5A1,1 0 0,1 13,6A1,1 0 0,1 12,7A1,1 0 0,1 11,6A1,1 0 0,1 12,5M5.5,10.25L7,14H4L5.5,10.25M18.5,10.25L20,14H17L18.5,10.25Z" />
</svg>
</div>
</div>
<!-- buttons [postig & sample] -->
<div id="print-btns" class="row">
<label for="print-btns">Create</label>
<div id="postig-left" class="col s5">
<a id="postig-btn" class="waves-effect waves-light btn blue lighten-1">POSTIĠ</a>
</div>
<div id="sample-right" class="col s5">
<a id="sample-btn" class="waves-effect waves-light btn">SAMPLE</a>
</div>
</div>
</div>
<!-- Blue load spinner -->
<div id="loader" class="col s12 center-align container-wide">
<div id="preload" class="preloader-wrapper">
<div id="spinner" class="spinner-layer spinner-blue-only">
<div class="circle-clipper left">
<div class="circle"></div>
</div>
<div class="gap-patch">
<div class="circle"></div>
</div>
<div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script>delete module.exports</script>
<script src="./vendor/jquery-3.1.1.js"></script>
<script type="text/javascript" src="./vendor/js/materialize.js"></script>
<script src="./src/window.js" charset="utf-8"></script>
</body>
</html>