teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

htmlコードの追加

2020/03/21 08:53

投稿

blueee
blueee

スコア7

title CHANGED
File without changes
body CHANGED
@@ -19,7 +19,64 @@
19
19
  <link rel="stylesheet" href="index.css">
20
20
 
21
21
  <title>title</title>
22
- </head>
22
+ </head>
23
+ <body>
24
+ <div class="wrapper">
25
+ <header>
26
+ <div class="header-a">
27
+ <div class="h-green">
28
+ <img src="LINE mobile img/header_banner_text_pc07.png" alt="画像">
29
+ </div>
30
+ </div>
31
+ <div class="h-white">
32
+ <nav class="navbar navbar-expand-md navbar-white">
33
+ <a href="#" class="navbar-brand"><img src="LINE mobile img/logo.png" alt="画像"></a>
34
+ <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#menu">
35
+ <span class="navbar-toggler-icon"></span>
36
+ </button>
37
+ <div id="#menu" class="collapse navbar-collapse">
38
+ <ul class="navbar-nav">
39
+ <li class="nav-item">はじめに</li>
40
+ <li class="nav-item">料金プラン</li>
41
+ <li class="nav-item">端末</li>
42
+ <li class="nav-item">サポート</li>
43
+ <li class="nav-item">店舗</li>
44
+ <li class="nav-item">キャンペーン</li>
45
+ </ul>
46
+ </div>
47
+ <div class="h-apply">
48
+ <div class="mypage">
49
+ <a href="#" class="text-success font-weight-bold">マイページ</a>
50
+ </div>
51
+ <div class="apply">
52
+ <a href="#" class="btn btn-success rounded-pill">申し込む</a>
53
+ </div>
54
+ </div>
55
+ </nav>
56
+ </div>
57
+ </header>
58
+
59
+ <main>
60
+ <div class="main1">
61
+ </div>
62
+
63
+ <div class="main2">
64
+ <div class="main2-pic">
65
+ <img src="LINE mobile img/img_top_nowOrder_pc.png" alt="画像">
66
+ </div>
67
+ <div class="main2-picc">
68
+ <img src="RD模写追加画像/img_top_nowOrder_sp.png" alt="画像">
69
+ </div>
70
+ </div>
71
+
72
+ <div class="main3">
73
+ <div class="main3-pic">
74
+ <img src="RD_pic/new_plan_start_hondatsubasa_pc.png" alt="画像">
75
+ </div>
76
+ <div class="main3-picc">
77
+ <img src="RD_pic/new_plan_start_hondatsubasa_sp.png" alt="画像">
78
+ </div>
79
+ </div>
23
80
  ```
24
81
 
25
82
  ### 試したこと