質問編集履歴

1

HTMLの追加

2020/06/29 16:08

投稿

RyoYo
RyoYo

スコア9

test CHANGED
File without changes
test CHANGED
@@ -18,7 +18,13 @@
18
18
 
19
19
  ```HTML
20
20
 
21
+
22
+
23
+ <!doctype html>
24
+
25
+ <html lang="en">
26
+
21
- <head>
27
+ <head>
22
28
 
23
29
  <!-- Required meta tags -->
24
30
 
@@ -196,9 +202,157 @@
196
202
 
197
203
  </div>
198
204
 
205
+
206
+
207
+ </div>
208
+
209
+ <!---- end course --->
210
+
211
+
212
+
213
+
214
+
215
+ <!---- start portfolio --->
216
+
217
+ <div id="portfolio">
218
+
219
+
220
+
221
+ </div>
222
+
223
+ <!---- end portfolio --->
224
+
225
+
226
+
227
+
228
+
229
+ <!---- start team --->
230
+
231
+ <div id="team">
232
+
233
+
234
+
235
+ </div>
236
+
237
+ <!---- end team --->
238
+
239
+
240
+
241
+
242
+
243
+ <!---- start contact --->
244
+
245
+ <div id="contact">
246
+
247
+
248
+
249
+ </div>
250
+
251
+ <!---- end contact --->
252
+
253
+
254
+
255
+
256
+
257
+ <!-- Optional JavaScript -->
258
+
259
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
260
+
261
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
262
+
263
+ <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
264
+
265
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
266
+
267
+ </body>
268
+
269
+ </html>
270
+
199
271
  ```
200
272
 
201
-
273
+ ```CSS
274
+
275
+
276
+
277
+ body{
278
+
279
+ overflow: hidden;
280
+
281
+ color: #505962;
282
+
283
+ font-family: 'Noto Sans JP', sans-serif;
284
+
285
+ }
286
+
287
+
288
+
289
+ /*--- navbar ---*/
290
+
291
+
292
+
293
+ .navbar {
294
+
295
+ text-transform: uppercase;
296
+
297
+ font-weight: 700;
298
+
299
+ font-size: .9rem;
300
+
301
+ letter-spacing: .1rem;
302
+
303
+ background: rgba(0, 0, 0, .6)!important;
304
+
305
+ }
306
+
307
+
308
+
309
+ .navbar-brand img {
310
+
311
+ height: 3rem;
312
+
313
+ }
314
+
315
+
316
+
317
+ .navbar-nav li {
318
+
319
+ padding-right: .7rem;
320
+
321
+ }
322
+
323
+
324
+
325
+ .navbar-dark .navbar-nav .nav-link {
326
+
327
+ color: white;
328
+
329
+ padding-top: .8rem;
330
+
331
+ }
332
+
333
+
334
+
335
+ .navbar-dark .navbar-nav .nav-link.active,
336
+
337
+ .navbar-dark .navbar-nav .nav-link:hover {
338
+
339
+ color: #1ebba3;
340
+
341
+ }
342
+
343
+
344
+
345
+ /*---slider---*/
346
+
347
+
348
+
349
+ .carousel-item {
350
+
351
+ height: 100vh;
352
+
353
+ }
354
+
355
+ ```
202
356
 
203
357
  ### 試したこと
204
358