APPBLOG/about.html at main · Dear-With/APPBLOG · GitHub

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
<!DOCTYPE html>
<html>
      <head>
            <meta charset="UTF-8">
            <title>想像してみよう!｜キラクド地方</title>
            <link rel="stylesheet" href="style.css">
            <link rel="icon" href="Favicon.svg">
      </head>
      <body>
            <header>
                  <a href="index.html">
                        <img src="Logo.svg">
                  </a>
                  <h2>|</h2>
                  <h3>
                        <a href="about.html">About</a>
                  </h3>
            </header>
            <div class="space">

            </div>
            <main>
                  <div class="beside">
                        <section class="center">
                              <h2>案内します! APP BLOG</h2>
                              <img src="APP BLOG.png" class="blogImage">
                              <p>皆さんこんにちは!<b>Dear With</b>と申します!!</p>
                              <p>今回は<b><u>APP BLOG</u></b>について案内したいと思います!</p>
                              <p>APP BLOGはDear_Withが書いたブログを集めたWebサイトです!</p>
                              <p>...あ! Daer_With BLOGとは関係ないのであまり気にしないでください!、、(試しに作っただけのサイト)</p>
                              <h2>作業の裏側</h2>
                              <video controls src="作業の裏側.webm">

                              </video>
                              <p>これは今ご覧になっているWebページを作っているシーンですね!</p>
                              <p>大変だったんですよ(((</p>
                              <h3>ちなみに</h3>
                              <img src="案内.png" class="blogImage">
                              <p>ロゴをクリックをホームに戻ります</p>
                              <h3>ということでブックマークよろしくね〜</h3>
                              <p>_____________________________</p>
                              <h2>おすすめの記事</h2>
                              <img src="想像してみよう｜キラクド地方.png" class="blogImage">
                              <h3>想像してみよう!｜キラクド地方</h3>
                              <a href="想像してみよう!｜キラクド地方.html">
                                    <button>記事を読む</button>
                              </a>
                        </section>
                        <div class="space">

                        </div>
                        <section id="sidebar">
                              <img src="icon.png">
                              <h2>Dear_With</h2>
                              <p>
                                    フォロバ:100%
                              </p>
                              <h2>Follow US</h2>
                              <a href="https://scratch.mit.edu/users/Dear_With/">
                                    <img src="ScratchLogo.svg" class="snsIcon">
                                    <p>
                                          Scratch
                                    </p>
                              </a>
                              <a href="https://github.com/Dear-With/">
                                    <img src="GitHub.svg" class="snsIcon">
                                    <p>
                                          GitHub
                                    </p>
                              </a>
                        </section>
                  </div>
            </main>
            <footer id="footer">
                  <h1>APP BLOG</h1>
                  <p>&copy;By Dear With</p>
            </footer>
      </body>
      <script href="script.js" src="jQuery.js">

      </script>
      <script src="script.js">

      </script>
</html>