質問編集履歴

1

HTMLを追加しました。

2019/04/24 04:21

投稿

munyu_333
munyu_333

スコア13

test CHANGED
File without changes
test CHANGED
@@ -173,3 +173,101 @@
173
173
  }
174
174
 
175
175
  ```
176
+
177
+
178
+
179
+ ```HTML
180
+
181
+ <header>
182
+
183
+ <div class="container">
184
+
185
+ <div class="header-left">
186
+
187
+ <img src="https://prog-8.com/images/html/advanced/main_logo.png" class="logo"/>
188
+
189
+ </div>
190
+
191
+ <div class="header-right">
192
+
193
+ <a href="#" class="login">ログイン</a>
194
+
195
+ </div>
196
+
197
+ </div>
198
+
199
+ </header>
200
+
201
+
202
+
203
+ <div class="top-wrapper">
204
+
205
+ <div class="container">
206
+
207
+ <h1>LEARN TO CODE.</h1>
208
+
209
+ <h1>LEARN TO BE CREATIVE.</h1>
210
+
211
+ <p>Progateはオンラインプログラミング学習サービスです。</p>
212
+
213
+ <p>初心者にもやさしいスライドとレッスンで、ウェブサービスを作りながらプログラミングを学んでいきましょう。</p>
214
+
215
+ </div>
216
+
217
+
218
+
219
+ <div class="button-wrapper">
220
+
221
+ <a heef="#" class="btn signup">新規登録はこちら</a>
222
+
223
+ <p>or</p>
224
+
225
+ <a heef="#" class="btn facebook">
226
+
227
+ <span class="fa fa-facebook"></span>
228
+
229
+ facebookで登録
230
+
231
+ </a>
232
+
233
+ <a heef="#" class="btn twitter">
234
+
235
+ <span class="fa fa-twitter"></span>
236
+
237
+ Twitterで登録
238
+
239
+ </a>
240
+
241
+ </div>
242
+
243
+
244
+
245
+ <div class="lessons">
246
+
247
+
248
+
249
+ </div>
250
+
251
+
252
+
253
+ <div class="message-wrapper">
254
+
255
+
256
+
257
+ </div>
258
+
259
+
260
+
261
+ <footer>
262
+
263
+
264
+
265
+ </footer>
266
+
267
+ </div>
268
+
269
+ </body>
270
+
271
+ </html>
272
+
273
+ ```