OTSystem-mockup/template.html at master · okisoft/OTSystem-mockup · 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
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<link rel="icon" type="image/png" href="assets/img/favicon.ico">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="stylesheet" type="text/css" href="jugyosinkisakusei.css">

	<title>Paper Kit 2 by Creative Tim</title>

	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
	<meta name="viewport" content="width=device-width" />

	<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
	<link href="assets/css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
	<link href="assets/css/demo.css" rel="stylesheet" />

	<!--     Fonts and icons     -->
	<link href='http://fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
	<link href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
	<link href="assets/css/nucleo-icons.css" rel="stylesheet" />

</head>
<body>

	<br>
	<div class="container">

		<div class="row">

			<div class="col-xs-4 col-lg-4 jugyomei" align="right">
				授業名
			</div>

			<div class="col-xs-5 col-lg-5">
				<div class="form-group">
					<input type="text" class="form-control" align="left">
					<br><br>
				</div>
			</div>

		</div>

		<div class="row">
				<div class="col-xs-6 col-lg-6">
					<table align="right">
						<tr>
							<td width="250">

								<div class="workcheck">
									<div class="form-check-radio">
										<label class="form-check-label">
												<input class="form-check-input workcheck" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
												個人ワーク
												<span class="form-check-sign"></span>
										</label>
									</div>

									<div class="form-check-radio">
										<label class="form-check-label">
											<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
											グループワーク
											<span class="form-check-sign"></span>
										</label>
									</div>
								</div>

							</td>
						</tr>
					</table>
				</div>

				<div class="col-xs-6 col-lg-6">
					<table align="left">
						<tr>
							<td width="250">
								<div class="workcheck">
									<div class="form-check-radio">
										<label class="form-check-label">
												<input class="form-check-input workcheck" type="radio" name="exampleRadios1" id="exampleRadios3" value="option3" checked>
												進捗機能あり
												<span class="form-check-sign"></span>
										</label>
									</div>

									<div class="form-check-radio">
										<label class="form-check-label">
											<input class="form-check-input" type="radio" name="exampleRadios1" id="exampleRadios4" value="option4">
											進捗機能なし
											<span class="form-check-sign"></span>
										</label>
									</div>
								</div>
							</td>
						</tr>
					</table>
				</div>
		</div>
		<br><br>
		<div class="row">
				<div class="col-xs-7 col-lg-7"></div>
				<div class="col-xs-1 col-lg-1">
					<button type="button" class="btn btn-success">
						<font size="4">戻る</font>
					</button>
				</div>
				<div class="col-xs-1 col-lg-1">
					<button type="button" class="btn btn-success">
						<font size="4">決定</font>
					</button>
				</div>
		</div>
	</div>

</body>
<!-- Core JS Files -->
<script src="assets/js/jquery-3.2.1.js" type="text/javascript"></script>
<script src="assets/js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
<script src="assets/js/popper.js" type="text/javascript"></script>
<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>

<!-- Switches -->
<script src="assets/js/bootstrap-switch.min.js"></script>

<!--  Plugins for Slider -->
<script src="assets/js/nouislider.js"></script>

<!--  Plugins for DateTimePicker -->
<script src="assets/js/moment.min.js"></script>
<script src="assets/js/bootstrap-datetimepicker.min.js"></script>

<!--  Paper Kit Initialization snd functons -->
<script src="assets/js/paper-kit.js?v=2.1.0"></script>
</html>