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

	<title>OTSystem</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" />

	<!-- original CSS -->
	<link href="./css/common.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>
	<header>
		<nav class="navbar navbar-expand-md bg-success col-12 col-lg-12">
			<div class="container">
				<button class="navbar-toggler navbar-toggler-right burger-menu" type="button" data-toggle="collapse" data-target="#navbar-primary" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-bar"></span>
					<span class="navbar-toggler-bar"></span>
					<span class="navbar-toggler-bar"></span>
				</button>

				<!-- logo(ホーム画面へのリンク) -->
			    <a href="#" class="logo col-2 col-lg-2"><img src="./img/otLogoBlueBig.png" alt="logo"></a>

			    <p class="text-white col-8 col-lg-4">オペレーティングシステムオペレーティングシステムオペレーティング<br>第1回公開中</p>
				<div class="collapse navbar-collapse" id="navbar-primary">
					<ul class="navbar-nav ml-auto">
						<li class="nav-item"><!-- 教師権限のみ表示 -->
							<a class="nav-link" href="#"><i class="nc-icon nc-lock-circle-open" aria-hidden="true"></i>&nbsp;非公開</a>
						</li>
						<li class="nav-item"><!-- ユーザ情報変更 -->
							<a class="nav-link" href="#"><i class="nc-icon nc-single-02" aria-hidden="true"></i>&nbsp;〇〇さん</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#"><i class="nc-icon nc-user-run" aria-hidden="true"></i>&nbsp;ログアウト</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
</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>