質問編集履歴

2

マークダウンをしようしました

2019/10/24 14:17

投稿

mituki
mituki

スコア8

test CHANGED
File without changes
test CHANGED
@@ -20,12 +20,12 @@
20
20
 
21
21
 
22
22
 
23
- <jQuery>
23
+ ```jQuery
24
+
25
+ // ページ内リンク
24
26
 
25
27
  $(function(){
26
28
 
27
- // ページ内リンク
28
-
29
29
  $('#page-top').click(function(){
30
30
 
31
31
  $('html, body').animate({
@@ -42,11 +42,17 @@
42
42
 
43
43
  });
44
44
 
45
-
45
+ ```
46
-
47
-
48
-
46
+
47
+
48
+
49
+
50
+
51
+
52
+
53
+
54
+
49
- <HTML>
55
+ ```html
50
56
 
51
57
  <!doctype html>
52
58
 
@@ -621,3 +627,5 @@
621
627
  </body>
622
628
 
623
629
  </html>
630
+
631
+ ```

1

HTMLをすべて記入しました

2019/10/24 14:17

投稿

mituki
mituki

スコア8

test CHANGED
File without changes
test CHANGED
@@ -48,10 +48,44 @@
48
48
 
49
49
  <HTML>
50
50
 
51
+ <!doctype html>
52
+
53
+ <html lang="ja">
54
+
55
+ <head>
56
+
57
+ <!-- Required meta tags -->
58
+
59
+ <meta charset="utf-8">
60
+
51
- <body data-spy="scroll" data-target="#navbarResponsive">
61
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
52
62
 
53
63
 
54
64
 
65
+ <link rel="stylesheet" href="style3.css">
66
+
67
+
68
+
69
+ <!-- Bootstrap CSS -->
70
+
71
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
72
+
73
+
74
+
75
+ <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
76
+
77
+ <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
78
+
79
+
80
+
81
+ <title>My Portfolio</title>
82
+
83
+ </head>
84
+
85
+ <body data-spy="scroll" data-target="#navbarResponsive">
86
+
87
+
88
+
55
89
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
56
90
 
57
91
 
@@ -66,7 +100,7 @@
66
100
 
67
101
  <a href="" class="navbar-brand" id="page-top">My Portfolio</a>
68
102
 
69
- <button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#nav" >
103
+ <button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#maki" >
70
104
 
71
105
  <span class="navbar-toggler-icon"></span>
72
106
 
@@ -74,7 +108,7 @@
74
108
 
75
109
 
76
110
 
77
- <div class="collapse navbar-collapse" id="nav">
111
+ <div class="collapse navbar-collapse" id="maki">
78
112
 
79
113
  <ul class="navbar-nav ml-auto my-2">
80
114
 
@@ -117,3 +151,473 @@
117
151
  </div>
118
152
 
119
153
  </nav>
154
+
155
+
156
+
157
+ <!--- Image Slider -->
158
+
159
+ <div id="slides" class="carousel slide" data-ride="carousel">
160
+
161
+ <ul class="carousel-indicators">
162
+
163
+ <li data-target="#slides" data-slide-to="0" class="active"></li>
164
+
165
+ <li data-target="#slides" data-slide-to="1"></li>
166
+
167
+ <li data-target="#slides" data-slide-to="2"></li>
168
+
169
+ </ul>
170
+
171
+
172
+
173
+ <div class="carousel-inner">
174
+
175
+ <div class="carousel-item active">
176
+
177
+ <img src="img/bridge-918677_960_720.png">
178
+
179
+
180
+
181
+ <div class="carousel-caption">
182
+
183
+ <h2 class="display-4">HELLO WORLD!!</h2>
184
+
185
+ <h3 class="display-4">I'm Freerance</h3>
186
+
187
+ </div>
188
+
189
+ </div>
190
+
191
+
192
+
193
+
194
+
195
+ <div class="carousel-item">
196
+
197
+ <img src="img/bridge-918677_960_720.png">
198
+
199
+ <div class="carousel-caption">
200
+
201
+ <h2 class="display-4">HELLO WORLD!!</h2>
202
+
203
+ <h3 class="display-4" >I'm Freerance</h3>
204
+
205
+ </div>
206
+
207
+ </div>
208
+
209
+ <div class="carousel-item">
210
+
211
+ <img src="img/bridge-918677_960_720.png">
212
+
213
+ <div class="carousel-caption">
214
+
215
+ <h2 class="display-4">HELLO WORLD!!</h2>
216
+
217
+ <h3 class="display-4">I'm Freerance</h3>
218
+
219
+ </div>
220
+
221
+ </div>
222
+
223
+
224
+
225
+ </div>
226
+
227
+ </div>
228
+
229
+
230
+
231
+ <!-- About me -->
232
+
233
+ <div class="container my-4">
234
+
235
+ <div class="row padding">
236
+
237
+ <div class="col-md-6">
238
+
239
+
240
+
241
+ <div class="adrece">
242
+
243
+ <h5 class="phone">Call <span class="number">09068501697</span> </h5>
244
+
245
+
246
+
247
+ </div>
248
+
249
+ <h5 class="email">Email <span class="gmail">naomichi.nakadai@gmail.com</span></h5>
250
+
251
+
252
+
253
+
254
+
255
+ </div>
256
+
257
+
258
+
259
+ <div class="col-md-6">
260
+
261
+ <img src="img/img_kawase.png" alt="">
262
+
263
+ </div>
264
+
265
+ </div>
266
+
267
+ </div>
268
+
269
+
270
+
271
+ <!-- Works -->
272
+
273
+ <div class="jumbotron">
274
+
275
+ <div class="container ext-center">
276
+
277
+ <h2 class="font-weight-normal text-center " id="" >Works</h2>
278
+
279
+ <p class="text-center">what I do</p>
280
+
281
+ <div class="change-btn back-btn">←前へ</div>
282
+
283
+ <div class="change-btn next-btn">次へ→</div>
284
+
285
+
286
+
287
+
288
+
289
+ <ul class="text-center">
290
+
291
+ <li class="php show"><img src="img/dentaku1.jpg" alt=""><p>用いて電卓を作成しました。</p></li>
292
+
293
+ <li class="php"><img src="img/Twitter-Web-Light2.png" alt=""><p>PHPを用いて掲示板を作成しました。</p></li>
294
+
295
+ <li class="php"><img src="img/01.jpg" alt=""><p>ショッピングサイトを作成しました</p></li>
296
+
297
+ </ul>
298
+
299
+
300
+
301
+
302
+
303
+
304
+
305
+ </div>
306
+
307
+ </div>
308
+
309
+
310
+
311
+
312
+
313
+
314
+
315
+ <!-- service -->
316
+
317
+ <div class="container" id="">
318
+
319
+ <div class="row justify-content-center">
320
+
321
+ <div class="col-md-12">
322
+
323
+ <div class="text-center">
324
+
325
+ <h2>Services</h2>
326
+
327
+ <p>whta I can</p>
328
+
329
+ </div>
330
+
331
+ </div>
332
+
333
+ </div>
334
+
335
+ <div class="container">
336
+
337
+ <div class="row mt-5 text-center flex-nowrap">
338
+
339
+ <div class="col-md-4 service">
340
+
341
+ <div class="icon">
342
+
343
+ <i class="far fa-edit"></i>
344
+
345
+ </div>
346
+
347
+ <div class="">
348
+
349
+ <h5>ランディングページ(LP)作成</h5>
350
+
351
+ <p>商品の販売促進に適した、縦長1ページのLPを作成できます。レスポンシブ対応。(テンプレートを使用する場合もあります)</p>
352
+
353
+ </div>
354
+
355
+
356
+
357
+ </div>
358
+
359
+ <div class="col-md-4 service">
360
+
361
+ <div class="icon">
362
+
363
+ <i class="fas fa-desktop"></i>
364
+
365
+ </div>
366
+
367
+ <div class="">
368
+
369
+ <h5>ブログ型ホームページの作成</h5>
370
+
371
+ <p>WordPressテーマを利用して、ホームページを作成できます。もちろんインターネットにいつでも公開できる状態で納品致します。</p>
372
+
373
+ </div>
374
+
375
+
376
+
377
+ </div>
378
+
379
+ <div class="col-md-4 service">
380
+
381
+ <div class="icon">
382
+
383
+ <i class="fas fa-paint-brush"></i>
384
+
385
+ </div>
386
+
387
+ <div class="">
388
+
389
+ <h5>記事執筆</h5>
390
+
391
+ <p>読者に分かりやすい文章を執筆できます。
392
+
393
+ 思わず手にとりたくなるコピーライティングも考察して、あなたの商品を紹介致します。</p>
394
+
395
+ </div>
396
+
397
+
398
+
399
+ </div>
400
+
401
+
402
+
403
+ </div>
404
+
405
+ <div class="row text-center flex-nowrap">
406
+
407
+ <div class="col-md-4 service ">
408
+
409
+ <div class="icon">
410
+
411
+ <i class="fas fa-camera"></i>
412
+
413
+ </div>
414
+
415
+ <div class="">
416
+
417
+ <h5>動画編集</h5>
418
+
419
+ <p>YouTubeアップロードを視野に入れた動画編集が可能です。テロップ・効果音・BGM挿入もお任せください.</p>
420
+
421
+ <p></p>
422
+
423
+ </div>
424
+
425
+
426
+
427
+ </div>
428
+
429
+ <div class="col-md-4 service">
430
+
431
+ <div class="icon">
432
+
433
+ <i class="fas fa-user-alt"></i>
434
+
435
+ </div>
436
+
437
+ <div class="">
438
+
439
+ <h5>サポート</h5>
440
+
441
+ <p>納品後の修正は10回まで無料です。テキストが必要になった際の文章作成もサポート致します。</p>
442
+
443
+ <p></p>
444
+
445
+ </div>
446
+
447
+
448
+
449
+ </div>
450
+
451
+ <div class="col-md-4 service">
452
+
453
+ <div class="icon">
454
+
455
+ <i class="fas fa-print"></i>
456
+
457
+ </div>
458
+
459
+ <div class="">
460
+
461
+ <h5>SEO 対策</h5>
462
+
463
+ <p>WordPressでのホームページ作成、記事執筆はもちろんSEO対策をします。検索上位を狙い、集客率をアップさせましょう。</p>
464
+
465
+ </div>
466
+
467
+
468
+
469
+ </div>
470
+
471
+ </div>
472
+
473
+ </div>
474
+
475
+
476
+
477
+ </div>
478
+
479
+
480
+
481
+ <!-- figure -->
482
+
483
+ <figure>
484
+
485
+ <div class="fixed-wrap">
486
+
487
+ <div class="fixed">
488
+
489
+
490
+
491
+ </div>
492
+
493
+ </div>
494
+
495
+ </figure>
496
+
497
+
498
+
499
+
500
+
501
+
502
+
503
+ <!-- Contact -->
504
+
505
+ <div class="container contact my-5">
506
+
507
+ <h2 class="text-center">Contact</h2>
508
+
509
+ <form action="" method="post">
510
+
511
+ <div class="item">
512
+
513
+ <label for="rendou">メールアドレス:</label>
514
+
515
+ <input id="rendou" type="email" name="email" class="w-25">
516
+
517
+ </div>
518
+
519
+
520
+
521
+ <div class="item">
522
+
523
+ <label for="quiz">お問い合わせ内容:</label>
524
+
525
+ <textarea name="" id="quiz" placeholder="お問い合わせ内容を記入してください" class="w-25" ></textarea>
526
+
527
+ </div>
528
+
529
+
530
+
531
+ <div class="item">
532
+
533
+ <input type="submit" value="送信">
534
+
535
+
536
+
537
+ </div>
538
+
539
+ </form>
540
+
541
+ </div>
542
+
543
+
544
+
545
+
546
+
547
+ <!--練習 -->
548
+
549
+ <div class="top">
550
+
551
+ <div class="second">
552
+
553
+
554
+
555
+ </div>
556
+
557
+
558
+
559
+ </div>
560
+
561
+
562
+
563
+
564
+
565
+
566
+
567
+
568
+
569
+
570
+
571
+
572
+
573
+
574
+
575
+
576
+
577
+ <!-- footer -->
578
+
579
+ <footer class="text-center text-white bg-dark">
580
+
581
+ <div class="container">
582
+
583
+ <p>最後までご覧いただきありがとうございます。</p>
584
+
585
+ <i class="fab fa-facebook-square"></i>
586
+
587
+ <i class="fab fa-twitter-square"></i>
588
+
589
+ <i class="fab fa-instagram"></i>
590
+
591
+ <hr>
592
+
593
+ &copy;My Portfolio
594
+
595
+ </div>
596
+
597
+
598
+
599
+
600
+
601
+
602
+
603
+ </footer>
604
+
605
+
606
+
607
+ <!-- Optional JavaScript -->
608
+
609
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
610
+
611
+ <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
612
+
613
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
614
+
615
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
616
+
617
+
618
+
619
+ <script src="script2.js"></script>
620
+
621
+ </body>
622
+
623
+ </html>