以下は段落の例です。これはダミーテキストであり、スタイルを確認するためのものです。
見出しの例
H1 見出しのスタイル
H2 見出しのスタイル
H3 見出しのスタイル
H4 見出しのスタイル
H5 見出しのスタイル
H6 見出しのスタイル
Lists
番号付きリストの例
- 項目その1
- 項目その2
- 項目その3
- 項目その4
- 項目その5
箇条書きリストの例
- 項目A
- 項目B
- 項目C
- 項目D
- 項目E
Table
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
|---|---|---|---|---|
| Row:1 Cell:1 | Row:1 Cell:2 | Row:1 Cell:3 | Row:1 Cell:4 | Row:1 Cell:5 |
| Row:2 Cell:1 | Row:2 Cell:2 | Row:2 Cell:3 | Row:2 Cell:4 | Row:2 Cell:5 |
| Row:3 Cell:1 | Row:3 Cell:2 | Row:3 Cell:3 | Row:3 Cell:4 | Row:3 Cell:5 |
| Row:4 Cell:1 | Row:4 Cell:2 | Row:4 Cell:3 | Row:4 Cell:4 | Row:4 Cell:5 |
| Row:5 Cell:1 | Row:5 Cell:2 | Row:5 Cell:3 | Row:5 Cell:4 | Row:5 Cell:5 |
| Row:6 Cell:1 | Row:6 Cell:2 | Row:6 Cell:3 | Row:6 Cell:4 | Row:6 Cell:5 |
Quotes
A quote looks like this:
The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time!
George Bernard Shaw
Syntax Highlighter
body {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
background-color: #1c2021;
}
li {
width: 200px;
min-height: 250px;
border: 1px solid #000;
display: inline-block;
vertical-align: top;
margin: 5px;
} $('.top').click(function () {
$('html, body').stop().animate({ scrollTop: 0 }, 'slow', 'swing');
});
$(window).scroll(function () {
if ($(this).scrollTop() > $(window).height()) {
$('.top').addClass("top-active");
} else {
$('.top').removeClass("top-active");
};
});Images
Photo by Matthew Henry on Unsplash