質問編集履歴

1

コードブロックで入力し直しました。

2020/09/17 16:27

投稿

itosugi
itosugi

スコア3

test CHANGED
File without changes
test CHANGED
@@ -28,109 +28,119 @@
28
28
 
29
29
  ```ここに言語名を入力
30
30
 
31
- ソースコード
31
+ HTML
32
-
32
+
33
- ```
33
+ ```
34
-
34
+
35
- /*HTML*/
35
+ ```ここに言語を入力
36
36
 
37
37
  <div class="box-wrap">
38
38
 
39
- <div class="container header">
39
+ <div class="container header">
40
-
40
+
41
- <nav class="navbar navbar-expand-md navbar-light p-4" style="background-color: #FFFFFF;">
41
+ <nav class="navbar navbar-expand-md navbar-light p-4" style="background-color: #FFFFFF;">
42
-
42
+
43
- <a class="navbar-brand col-3" href="index.html"><img class="logo" src="images/title.svg" alt="logo" width="224" height="32" loading="lazy"></a>
43
+ <a class="navbar-brand col-3" href="index.html"><img class="logo" src="images/title.svg" alt="logo" width="224" height="32" loading="lazy"></a>
44
-
44
+
45
- <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
45
+ <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
46
-
46
+
47
- <img src="images/simple_menu.svg" alt="menu" width="39" height="39">
47
+ <img src="images/simple_menu.svg" alt="menu" width="39" height="39">
48
-
48
+
49
- </button>
49
+ </button>
50
-
51
-
52
-
50
+
51
+
52
+
53
- <div class="collapse navbar-collapse justify-content-between" id="navbarNav">
53
+ <div class="collapse navbar-collapse justify-content-between" id="navbarNav">
54
-
54
+
55
- <ul class="navbar-nav nav-fill w-100">
55
+ <ul class="navbar-nav nav-fill w-100">
56
-
56
+
57
- <li class="nav-item active"><a href="index.html"><span>HOME</span></a></li>
57
+ <li class="nav-item active"><a href="index.html"><span>HOME</span></a></li>
58
-
58
+
59
- <li class="nav-item"><a href="Profile.html">PROFILE・EXHIBITION</a></li>
59
+ <li class="nav-item"><a href="Profile.html">PROFILE・EXHIBITION</a></li>
60
-
60
+
61
- <li class="nav-item"><a href="Reliure.html">RELIURE</a></li>
61
+ <li class="nav-item"><a href="Reliure.html">RELIURE</a></li>
62
-
62
+
63
- <li class="nav-item"><a href="Gallery.html">GALLERY</a></li>
63
+ <li class="nav-item"><a href="Gallery.html">GALLERY</a></li>
64
-
64
+
65
- <li class="nav-item"><a href="Lesson.html">LESSON</a></li>
65
+ <li class="nav-item"><a href="Lesson.html">LESSON</a></li>
66
-
66
+
67
- <li class="nav-item"><a href="http://atalde.exblog.jp/">BLOG</a></li>
67
+ <li class="nav-item"><a href="http://atalde.exblog.jp/">BLOG</a></li>
68
-
68
+
69
- <li class="nav-item"><a href="https://www.instagram.com/bookbinding_reliure/"><img src="images/Instagram_icon.jpg" alt="instagram"></a></li>
69
+ <li class="nav-item"><a href="https://www.instagram.com/bookbinding_reliure/"><img src="images/Instagram_icon.jpg" alt="instagram"></a></li>
70
-
70
+
71
- </ul>
71
+ </ul>
72
-
72
+
73
- </div>
73
+ </div>
74
74
 
75
75
  </nav>
76
76
 
77
- </div>
78
-
79
- <!-- END: header -->
80
-
81
- <div>
82
-
83
- <div><img class="top-img" src="images/img_large_1.jpg" alt="relieur"></div>
84
-
85
- </div>
86
-
87
- <div class="sub-main">
88
-
89
- <div class="container">
90
-
91
- <div class="row">
92
-
93
- <div class="col-md-7 col-xl-7 animate-box">
94
-
95
- <p class="top-text">アトリエ・アルド(atelier ALDE)は、市田文子のルリユール工房です。<br>ルリユール制作の他、ルリユール教室と製本ワークショップを開いています。<br>ルリユールの注文についてご質問がありましたらお気軽にお問い合わせください。<br>ご連絡は<a href="mailto:&#109;ai&#108;to&#58;atelie&#114;a&#108;&#100;&#101;&#64;atalde.j&#112;">こちら</a>まで。</p>
96
-
97
- </div>
98
-
99
- <div class="col-md-5 col-xl-5 NEWS">
100
-
101
- <div>
102
-
103
- <p class="event-title"><b>NEWS</b></p>
104
-
105
- <div class="cover-hero animate-box event">
106
-
107
- <a href="Advance_billing.html"><img class="img-max" src="images/work-2.jpg" alt="イベント情報"></a>
108
-
109
- <p>今後、展示会やワークショップ等の開催の情報をお知らせ致します。</p>
110
-
111
- </div>
112
-
113
- </div>
114
-
115
- </div>
116
-
117
- </div>
118
-
119
- </div>
120
-
121
- </div>
122
-
123
- <footer>
124
-
125
- <p class="footer">Copyright© 2018-2020 atelier ALDE All Rights reserved.</p>
126
-
127
- </footer>
128
-
129
- </div>
130
-
131
-
132
-
133
- /*CSS*/
77
+ </div>
78
+
79
+ <!-- END: header -->
80
+
81
+ <div>
82
+
83
+ <div><img class="top-img" src="images/img_large_1.jpg" alt="relieur"></div>
84
+
85
+ </div>
86
+
87
+ <div class="sub-main">
88
+
89
+ <div class="container">
90
+
91
+ <div class="row">
92
+
93
+ <div class="col-md-7 col-xl-7 animate-box">
94
+
95
+ <p class="top-text">アトリエ・アルド(atelier ALDE)は、市田文子のルリユール工房です。<br>ルリユール制作の他、ルリユール教室と製本ワークショップを開いています。<br>ルリユールの注文についてご質問がありましたらお気軽にお問い合わせください。<br>ご連絡は<a href="mailto:&#109;ai&#108;to&#58;atelie&#114;a&#108;&#100;&#101;&#64;atalde.j&#112;">こちら</a>まで。</p>
96
+
97
+ </div>
98
+
99
+ <div class="col-md-5 col-xl-5 NEWS">
100
+
101
+ <div>
102
+
103
+ <p class="event-title"><b>NEWS</b></p>
104
+
105
+ <div class="cover-hero animate-box event">
106
+
107
+ <a href="Advance_billing.html"><img class="img-max" src="images/work-2.jpg" alt="イベント情報"></a>
108
+
109
+ <p>今後、展示会やワークショップ等の開催の情報をお知らせ致します。</p>
110
+
111
+ </div>
112
+
113
+ </div>
114
+
115
+ </div>
116
+
117
+ </div>
118
+
119
+ </div>
120
+
121
+ </div>
122
+
123
+ <footer>
124
+
125
+ <p class="footer">Copyright© 2018-2020 atelier ALDE All Rights reserved.</p>
126
+
127
+ </footer>
128
+
129
+ </div>
130
+
131
+ ```
132
+
133
+ ### 該当のソースコード
134
+
135
+
136
+
137
+ ```ここに言語名を入力
138
+
139
+ CSS
140
+
141
+ ```
142
+
143
+ ```ここに言語を入力
134
144
 
135
145
  html {
136
146
 
@@ -324,7 +334,7 @@
324
334
 
325
335
  }
326
336
 
327
-
337
+ ```
328
338
 
329
339
  ### 試したこと
330
340