質問編集履歴

3

初心者アイコンの追加

2019/06/14 04:42

投稿

k1u2m3a45
k1u2m3a45

スコア11

test CHANGED
File without changes
test CHANGED
File without changes

2

誤字訂正

2019/06/14 04:42

投稿

k1u2m3a45
k1u2m3a45

スコア11

test CHANGED
File without changes
test CHANGED
@@ -120,23 +120,17 @@
120
120
 
121
121
  <p>メールアドレス(必須)</p>
122
122
 
123
- <!-- <input>要素を追加してください -->
124
-
125
123
  <input>
126
124
 
127
125
 
128
126
 
129
127
  <p>お問い合わせ内容(必須)</p>
130
128
 
131
- <!-- <textarea>要素を追加してください -->
132
-
133
129
  <textarea></textarea>
134
130
 
135
131
 
136
132
 
137
133
  <p>※必須項目は必ずご入力ください</p>
138
-
139
- <!-- <input>要素を追加してください -->
140
134
 
141
135
  <input class="contact-submit" type="submit" value="送信">
142
136
 

1

コードの追加

2019/06/14 04:40

投稿

k1u2m3a45
k1u2m3a45

スコア11

test CHANGED
File without changes
test CHANGED
@@ -19,3 +19,153 @@
19
19
 
20
20
 
21
21
  どなたかご教授いただけますと幸いです
22
+
23
+
24
+
25
+ ```ここに言語を入力
26
+
27
+ <!DOCTYPE html>
28
+
29
+ <html>
30
+
31
+ <head>
32
+
33
+ <meta charset="utf-8">
34
+
35
+ <title>Progate</title>
36
+
37
+ <link rel="stylesheet" href="stylesheet.css">
38
+
39
+ </head>
40
+
41
+ <body>
42
+
43
+ <div class="header">
44
+
45
+ <div class="header-logo">Progate</div>
46
+
47
+ <div class="header-list">
48
+
49
+ <ul>
50
+
51
+ <li>プログラミングとは</li>
52
+
53
+ <li>学べるレッスン</li>
54
+
55
+ <li>お問い合わせ</li>
56
+
57
+ </ul>
58
+
59
+ </div>
60
+
61
+ </div>
62
+
63
+
64
+
65
+ <div class="main">
66
+
67
+ <div class="copy-container">
68
+
69
+ <h1>HELLO WORLD<span>.</span></h1>
70
+
71
+ <h2>プログラミングの世界へようこそ</h2>
72
+
73
+ </div>
74
+
75
+
76
+
77
+ <div class="contents">
78
+
79
+ <h3 class="section-title">学べるレッスン</h3>
80
+
81
+ <div class="contents-item">
82
+
83
+ <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/html.svg">
84
+
85
+ <p>HTML & CSS</p>
86
+
87
+ </div>
88
+
89
+ <div class="contents-item">
90
+
91
+ <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/php.svg">
92
+
93
+ <p>PHP</p>
94
+
95
+ </div>
96
+
97
+ <div class="contents-item">
98
+
99
+ <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/ruby.svg">
100
+
101
+ <p>Ruby</p>
102
+
103
+ </div>
104
+
105
+ <div class="contents-item">
106
+
107
+ <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/swift.svg">
108
+
109
+ <p>Swift</p>
110
+
111
+ </div>
112
+
113
+ </div>
114
+
115
+
116
+
117
+ <div class="contact-form">
118
+
119
+ <h3 class="section-title">お問い合わせ</h3>
120
+
121
+ <p>メールアドレス(必須)</p>
122
+
123
+ <!-- <input>要素を追加してください -->
124
+
125
+ <input>
126
+
127
+
128
+
129
+ <p>お問い合わせ内容(必須)</p>
130
+
131
+ <!-- <textarea>要素を追加してください -->
132
+
133
+ <textarea></textarea>
134
+
135
+
136
+
137
+ <p>※必須項目は必ずご入力ください</p>
138
+
139
+ <!-- <input>要素を追加してください -->
140
+
141
+ <input class="contact-submit" type="submit" value="送信">
142
+
143
+ </div>
144
+
145
+
146
+
147
+ <div class="footer">
148
+
149
+ <div class="footer-logo">Progate</div>
150
+
151
+ <div class="footer-list">
152
+
153
+ <ul>
154
+
155
+ <li>会社概要</li>
156
+
157
+ <li>採用</li>
158
+
159
+ <li>お問い合わせ</li>
160
+
161
+ </ul>
162
+
163
+ </div>
164
+
165
+ </div>
166
+
167
+ </body>
168
+
169
+ </html>
170
+
171
+ ```