-
Notifications
You must be signed in to change notification settings - Fork 0
/
top.html
160 lines (160 loc) · 9.78 KB
/
top.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="resources/img/favicon.png" />
<title>Entrec</title>
<link href="resources/bs/css/bootstrap.min.css" rel="stylesheet">
<link href="resources/css/ap_common.css" rel="stylesheet">
<link href="resources/css/top.css" rel="stylesheet">
<link href='resources/css/animate.css' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header id="header">
<div id="header_wrap">
<nav class="navbar navbar-default">
<div class="container" style="width: 100%;">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target="#mainNav">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--<a href="#" class="navbar-brand"></a>-->
</div>
<!--<div id="mainNav" class="login_button_inline_height collapse navbar-collapse" style="white-space: nowrap;">-->
<div class="collapse navbar-collapse" id="mainNav">
<div class="nav navbar-nav navbar-right align_right login_button_padding">
<a href="login.html" class="btn btn-info btn-lg btn-ghost login_button" role="button">
<span class="glyphicon glyphicon-log-in" aria-hidden="true"></span> サインイン
</a>
</div>
</div>
</div>
</nav>
<div id="logo">
<img src="resources/img/logo_s.png">
</div>
</div>
</header>
<div class="title">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-6 animated fadeInUpSmall">
<div style="padding: 60px 0 0" class="hidden-xs hidden-sm"></div>
<p class="title_text">オフィスの入退室記録を</br>オンラインで管理</p>
<p class="title_description hidden-xs hidden-sm">入退室記録表の作成・保管の労力を削減、紛失のリスクを解消します。</p>
<p class="title_description hidden-xs hidden-sm">今すぐEntrecで記録をスタートしましょう!</p>
</div>
<div class="col-sm-12 col-md-6 regist_box animated fadeInUpSmall">
<div class="form-group">
<label for="mailaddress" class="mail_input_rabel"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> メールアドレス</label>
<input type="text" class="form-control input-lg mail_input" id="mailaddress" placeholder="例)mail@example.com">
<div style="margin-top: 29px"></div>
<label for="password" class="mail_input_rabel"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> パスワード</label>
<input type="password" class="form-control input-lg mail_input" id="password" placeholder="パスワードを設定">
<div style="margin-top: 10px"></div>
<input type="password" class="form-control input-lg mail_input" id="re_password" placeholder="同じパスワードを入力">
<div style="text-align: right; margin-top: 33px;">
<a href="#" class="btn btn-info btn-lg login_button" style="width: 180px; line-height: 40px" role="button">新規登録</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row01 common_blue">
<div class="container">
<div class="row animated wow fadeInUpSmall" data-wow-offset="200">
<div class="col-sm-12">
<h1 class="row01_title">Entrecのサービス</h1>
</div>
</div>
<div class="row animated wow fadeInLeft" data-wow-offset="150">
<div class="col-sm-12 row01_description">
<h2><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> オフィスの入退室記録をオンラインで管理</h2>
<p>オフィスの入退室者名や時間、退室時の施錠等のチェック記録表をオンラインで管理できます。</p>
<p>入退室記録表の作成・保管の労力を削減、紛失のリスクを解消します。入退室時のメール通知や記録表の印刷も可能です。</p>
</div>
</div>
<div class="row animated wow fadeInLeft" data-wow-offset="150">
<div class="col-sm-12 row01_description">
<h2><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> いつでもどこからでも確認</h2>
<p>インターネットに接続できる端末から、いつでも記録表を確認できます。</p>
<p>PCのブラウザだけでなく、タブレットやスマートフォンなどのモバイル端末からもご利用できます。</p>
</div>
</div>
<div class="row animated wow fadeInLeft" data-wow-offset="150">
<div class="col-sm-12 row01_description">
<h2><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 充実したサポート体制</h2>
<p>お客様のお悩みにすぐに対応できるよう、専門のスタッフによるコールセンターとサービスセンターを用意しています。</p>
</div>
</div>
</div>
<div class="row01_otoiawase">
<div class="row01_otoiawase_base">
<div class="container">
<div class="row">
<h1 class="text_center common_white">Entrecに関するお問い合わせはこちら</h1>
<div class="text_center" style="margin-top: 30px;">
<a href="#" class="btn btn-ghost btn-white btn-lg row01_otoiawase_btn" role="button">
<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> お問い合わせ</a>
</div>
</div>
</div>
</div>
<div class="row01_otoiawase_overlay wow scaleDown" data-wow-offset="350">
</div>
</div>
</div>
<div class="footer_up_bottom"></div>
<footer id="footer">
<div class="container">
<div class="row animated wow fadeInUpSmall">
<div class="col-md-4 col-sm-12 col-xs-12 col-md-push-4" style="text-align:center;">
<img border="0" src="resources/img/logo_w.png" width="130"/>
</div>
<div class="col-md-2 col-sm-3 col-xs-12 col-md-pull-4">
<a href="rule.html" target="_blank"><h3>利用規約</h3></a>
</div>
<div class="col-md-2 col-sm-3 col-xs-12 col-md-pull-4 no_wrap">
<h3>プライバシーポリシー</h3>
</div>
<div class="col-md-2 col-sm-3 col-xs-12">
<h3>お問い合わせ</h3>
</div>
<div class="col-md-2 col-sm-3 col-xs-12">
<h3>ヘルプ</h3>
</div>
</div>
<div style="margin-top: 40px"></div>
<div class="row">
<div style="text-align:center;" class="animated wow fadeInUpSmall">
<img border="0" src="resources/img/ico_tw.png" style="margin:0 10px"/>
<img border="0" src="resources/img/ico_ggl.png" style="margin:0 10px"//>
</div>
<div style="text-align:center; margin-top: 20px" class="animated wow fadeInUpSmall">
<img border="0" src="resources/img/ico_fb.png" style="margin:0 10px"//>
<img border="0" src="resources/img/ico_rss.png" style="margin:0 10px"//>
</div>
<div class="animated wow fadeInUpSmall" style="margin-top: 50px; color: #18bc9c; text-align:center;">
<p>Copyright © OsawaApps 2017. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<div class="footer_up_bottom"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="resources/bs/js/bootstrap.min.js"></script>
<script src="resources/js/wow.min.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>