-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
132 lines (116 loc) · 6.36 KB
/
about.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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>About | Pooks</title>
<link rel="stylesheet" href="CSS/styles.css">
<link rel="stylesheet" href="CSS/responsive.css">
<meta name="viewport" content="Pooks, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico">
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<meta property="og:title" content="About | Pooks">
<meta property="og:description" content="Pooksの紹介ページ">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@pooks_b">
<meta property="og:type" content="article">
<meta property="og:url" content="https://pooks.herokuapp.com/about.html">
<meta property="og:image" content="https://pooks.herokuapp.com/image/yuuki.jpg">
<meta property="og:locale" content="ja_JP">
<script src="jquery-3.3.1.min.js"></script>
<script src="slide.js"></script>
</head>
<!-- body情報 -->
<body>
<!-- ヘッダー(上部分) -->
<header>
<div class="container">
<div class="header-left">
<a href="index.html"><img src="image/logo.png" alt="logo" class="logo"></a>
</div>
<div class="header-right">
<a href="about.html" class="about-about">About</a>
</div>
</div>
</header>
<!-- メインコンテンツ -->
<main>
<div class="main-contents" id="fadein-pages">
<div class="container">
<div class="books-contents">
<div class="books-title">
<h1 class="bygenre">当サイトについて</h1>
<div class="about-contents">
<h3 id="how-to-use">使い方</h3>
<p>当サイトは二つの利用方法で楽しめます。</p>
<p>①お目当ての本を探す<br>
②「読んだ本の感想を呟こう♪」から<a href="https://twitter.com/share?text=【本のタイトル】%0A%0A【感想】%0A%0A%0A&url=/&hashtags=Pooks%20@pooks_b" onClick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" rel="nofollow">@pooks_b</a>宛に読書感想を投稿する</p>
<p>投稿いただいた感想文は本紹介時の参考にさせていただきます。</p>
<h3>コンセプト</h3>
<p>ートップページから1分以内、3クリックで目当ての本まで辿り着くー<br>
これを目標にサイト作りを行なっています。<br><br>
当サイトで紹介している本のレビューは、Twitterの呟きを参考に載せています。<br>
本音で書かれたツイートを掲載していますので、安心してお買い上げ頂けます。<br></p>
<h3>素材をお借りしたサイト様</h3>
<p><a href="http://icooon-mono.com/" target="_blank">icooon-mono</a><span> 各ロゴ画像をお借りしました</span></p>
<p><a href="https://www.pakutaso.com/" target="_blank">ぱくたそ</a><span> トップ画像をお借りしました</span></p>
<p><a href="https://fontawesome.com/" target="_blank">font Awesome</a><span> 各SNSボタンをお借りしました</span></p>
<h3>サイト制作スケジュール</h3>
<p>2018年11月15日〜<span> 制作開始</span></p>
<p>2018年11月27日<span> 初デプロイ</span></p>
<h3>管理人プロフィール</h3>
<p>H.N <b>YUUKI</b></p>
<div class="about-image-contents">
<p><img class="profile-image" src="image/yuuki.jpg" alt="プロフィール画像" width="380px" height="250px">
<iframe width="380" height="250" src="https://www.youtube.com/embed/6HVfM4lSvAk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
</div>
<p>1993年生まれ。中学生で初めてWebサイトを開設し、以降様々なサイトの運営を経験。大学3年次に開業し、最盛期には月間150万PVのアクセスを獲得。<br>
現在はWebエンジニアになる為、プログラミングを勉強中。<br>
趣味はブレイクダンス。地元熊本で<a href="https://www.youtube.com/watch?v=twCP4aUld_o" target="_blank">BATTLE BOX</a>というダンスイベントを主催していた。<br>
<br>Webが大好きです。スマホよりPC派。<br>2chのオフ会に参加するぐらいの中くらいオタクです。<br></p>
<div class="sns-share">
<p><span>SNSフォローはこちら</span></p>
<a href="https://twitter.com/bitcoinjpnnet" target="_blank" class="share-btn twitter">
<i class="fab fa-twitter fa-2x"></i>
</a>
<a href="https://github.com/YuukiTetsuya" target="_blank" class="share-btn github">
<i class="fab fa-github fa-2x"></i>
</a>
<a href="https://connpass.com/user/bitcoinjpnnet/" target="_blank" class="share-btn connpass">
<i class="fas fa-copyright fa-2x"></i>
</a>
<a href="https://qiita.com/yuuki_netb" target="_blank" class="share-btn qiita">
<i class="fab fa-quora fa-2x"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- 著作権情報 -->
<footer>
<div class="contact">
<a href="privacypolicy.html">プライバシーポリシー</a>
<a href="contact.html">お問い合わせ</a>
</div>
<div class="copyright">
©️ 2018 Pooks All Rights Reserved.
</div>
<a id="pagetop" href="#"><i class="fas fa-arrow-circle-up fa-2x"></i></a>
</footer>
<script type="text/javascript">
(function(a,b,c,d,e,f,g){
e='//d.nakanohito.jp/ua/uwa.js';
a['UlGlobalObject']=d;a[d]=a[d]||function(){(a[d].q=a[d].q||[]).push(arguments)};
a[d].l=1*new Date();
f=b.createElement(c),g=b.getElementsByTagName(c)[0];
f.async=1;f.src=e;g.parentNode.insertBefore(f,g)
})(window,document,'script','_uao');
_uao('init', '6016821', {oem_id: 1,fpf: true});
_uao('set', 'lg_id', '');
_uao('send', 'pv');
</script>
</body>
</html>