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

質問編集履歴

1

HTML追加

2024/12/10 04:04

投稿

tsl56
tsl56

スコア3

title CHANGED
File without changes
body CHANGED
@@ -12,6 +12,76 @@
12
12
  ```
13
13
 
14
14
  ### 該当のソースコード
15
+ ```HTML
16
+ <header class="header">
17
+ <div class="inner">
18
+ <h1>
19
+ <a href="#" class="header-logo">
20
+ <svg width="179" height="30" viewBox="0 0 179 30" fill="none" xmlns="http://www.w3.org/2000/svg">
21
+ </svg>
22
+ </a>
23
+ </h1>
24
+ </div>
25
+ <button class="hmb" type="button" aria-label="メニューを開く" aria-controls="nav" aria-expanded="false">
26
+ <span></span>
27
+ <span></span>
28
+ <span></span>
29
+ </button>
30
+ </header>
31
+ <nav id="nav" class="menu js-menu">
32
+ <div class="overlay js-overlay">
33
+ <img src="image/menu-bg.jpg" alt="menu-img">
34
+ <ul class="list js-list" aria-hidden="true">
35
+ <li>
36
+ <a href="index.html" class="rotate">
37
+ <span>HOME</span>
38
+ <span>HOME</span>
39
+ </a>
40
+ </li>
41
+ <li>
42
+ <a href="#" class="rotate">
43
+ <span>PROFILE</span>
44
+ <span>PROFILE</span></a>
45
+ </li>
46
+ <li>
47
+ <a href="" class="rotate">
48
+ <span>NEWS</span>
49
+ <span>NEWS</span></a>
50
+ </li>
51
+ <li>
52
+ <a href="" class="rotate">
53
+ <span>EVENT</span>
54
+ <span>EVENT</span></a>
55
+ </li>
56
+ <li>
57
+ <a href="" class="rotate">
58
+ <span>CONTACT</span>
59
+ <span>CONTACT</span></a>
60
+ </li>
61
+ </ul>
62
+ </div>
63
+ </nav>
64
+ <main>
65
+ <section id="about-mv">
66
+ <div class="a-mv__inner">
67
+ <div class="a-mv__wrap">
68
+ <div class="a-mv__title">
69
+ <div class="inner">
70
+ <h1>PROFILE</h1>
71
+ <p>
72
+ 指導者賞受賞実績を持つ講師をはじめ、
73
+ 幅広く活動をしている講師が寄り添い、
74
+ 丁寧にレッスンいたします。
75
+ </p>
76
+ </div>
77
+ </div>
78
+ <div class="a-mv__image">
79
+ <img decoding="async" src="image/profile_image.jpg" alt="profile">
80
+ </div>
81
+ </div>
82
+ </div>
83
+ </section>
84
+ </main>```
15
85
 
16
86
  ```CSS
17
87
  #about-mv {