# カード作成（帰属）
帰属のカードを作成します。このページは、これまでに学習した内容で構成されているため、追加の説明はありません。
~~/public/index.html
<small>参考にしたサイト</small>
<ul>
<li>
<a
href="https://techselect-study.careerselect.jp/"
target="_blank"
rel="noopener noreferrer"
>
Tech Select 学習サイト
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div style="height: 20px"></div>
<div class="card-cover bg-white">
<h2 class="card-title-cover bg-2 text-light">
<div class="card-title">Licence</div>
<div class="card-subtitle">帰属</div>
<div class="card-title-line"></div>
</h2>
<div class="card-contents">
<ul>
<li>
<span>
HTML5 Logo by
<a href="https://www.w3.org/"
><abbr title="World Wide Web Consortium">W3C</abbr></a
> </span
>.
</li>
<li>
<span>
Node.js<sup>®</sup> Logo by
<a href="https://nodejs.org/">OpenJS Foundation</a> </span
>.
</li>
<li>
<span>
PHP Logo by
<a href="https://www.php.net/credits.php">PHP Group</a> </span
>.
</li>
<li>
<span>
写真AC
<a href="https://www.photo-ac.com/main/genface">
AI人物素材（ベータ版）
</a> </span
>.
</li>
</ul>
</div>
</div>
<div style="height: 40px"></div>
<footer class="footer-cover bg-2 text-light">
<div style="height: 4px; background-color: rgba(0, 0, 0, 0.1)"></div>
<div class="footer-contents">© Yumi's web page.</div>
</footer>
</div>
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
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
~~/public/assets/main.css
/* 追加の Style はありません */
1
← カード作成（制作物） アプリバーを作成する →