pictcode / app / View / top / index.html @ d6c3d8de
履歴 | 表示 | アノテート | ダウンロード (2.475 KB)
1 |
<!DOCTYPE html>
|
---|---|
2 |
|
3 |
<html>
|
4 |
<head>
|
5 |
<title>-PictCode-</title> |
6 |
<meta name="apple-mobile-web-app-capable" content="yes"> |
7 |
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> |
8 |
<meta charset = "UTF-8"> |
9 |
<meta http-equiv="pragma" content="public"> |
10 |
<meta http-equiv="Cache-Control" content="public"> |
11 |
<meta http-equiv="Expires" content="-1"> |
12 |
<meta http-equiv="Expires" content="86400"> |
13 |
<!-- css -->
|
14 |
<link href = "css/main.css" rel="stylesheet" type="text/css"> |
15 |
<link href="css/bootstrap/bootstrap.css" rel="stylesheet" > |
16 |
<link href="css/jquery-ui.min.css" rel="stylesheet" > |
17 |
<!-- <link href = "css/fixedheaderandfooter.css" rel="stylesheet" type="text/css">-->
|
18 |
</head>
|
19 |
|
20 |
<body>
|
21 |
<!-- ヘッダー -->
|
22 |
|
23 |
<header>
|
24 |
<a href=""><img class="header_button left" type="button" src="img/btn_header_004.png" alt=""></a> |
25 |
<img class="center" src="img/header_title.png" alt="Pict Code"> |
26 |
</header>
|
27 |
|
28 |
<!-- メインコンテンツ -->
|
29 |
|
30 |
<script type="text/javascript"> |
31 |
$(function(){
|
32 |
reviseMargin();
|
33 |
$(window).on("resize",reviseMargin);
|
34 |
function reviseMargin(){
|
35 |
$("#contents").css({
|
36 |
"margin-top":$("header")[150].offsetHeight + "px",
|
37 |
"margin-bottom": $("footer")[450].offsetHeight + "px"
|
38 |
});
|
39 |
}
|
40 |
});
|
41 |
</script>
|
42 |
|
43 |
<main role="main"> |
44 |
<article class="main_top"> |
45 |
<section class="main_top01"> |
46 |
<p class="main_btn01"><a href=""><img src="img/img_arrow_top01.png">今すぐ始める!</a></p> |
47 |
</section>
|
48 |
<section class="main_top02"> |
49 |
<p class="main_btn02"><a href="login.html"><img src="img/img_arrow_top02.png" style="margin-right:10px;">ログインする</a></p> |
50 |
<p class="main_btn03"><a href="register.html"><img src="img/img_arrow_top03.png" style="margin-right:8px;">とうろくする</a></p> |
51 |
</section>
|
52 |
</article>
|
53 |
</main>
|
54 |
|
55 |
<!-- フッター -->
|
56 |
|
57 |
<footer>
|
58 |
<div id="wrapper"> |
59 |
<ul>
|
60 |
<li><a href="aboutthis.html" alt="">PictCodeについて</a></li> |
61 |
<li><a href="terms.html" alt="">利用規約</a></li> |
62 |
<li><a href="privacy.html" alt="">プライバシーポリシー</a></li> |
63 |
<li><a href="aboutus.html" alt="">運営会社情報</a></li> |
64 |
<li><a href="contact.html" alt="">お問い合わせ</a></li> |
65 |
</ul>
|
66 |
<a href="index.html"><img class="logo" src="img/footer_logo01.png" alt=""></a> |
67 |
<hr>
|
68 |
<img class="logo" src="img/footer_logo02.png" alt=""> |
69 |
</div>
|
70 |
</footer>
|
71 |
|
72 |
<!-- js -->
|
73 |
<script src="js/require_config.js"></script> |
74 |
<script data-main="js/app.js" src="js/require.js"></script> |
75 |
</body>
|
76 |
</html>
|