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

質問編集履歴

1

下層ページHTMLを追記します

2021/06/10 04:36

投稿

pupu2525
pupu2525

スコア1

title CHANGED
File without changes
body CHANGED
@@ -81,4 +81,114 @@
81
81
 
82
82
  ### 補足情報(FW/ツールのバージョンなど)
83
83
 
84
+ ```HTML
85
+ <!DOCTYPE html>
86
+ <html lang="ja">
87
+ <head>
88
+ <meta charset="UTF-8">
89
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, shrink-to-fit=no">
90
+ <meta name="keywords" content="">
91
+ <meta name="description" content="">
92
+ <meta property="og:site_name" content="">
93
+ <meta property="og:type" content="website">
94
+ <meta property="og:url" content="">
95
+ <meta property="og:title" content="">
96
+ <meta property="og:description" content="">
97
+ <!-- Bootstrap CSS -->
98
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
99
+ <link rel="stylesheet" href="main.css" media="all">
100
+ <title>パートナー/partner</title>
101
+ </head>
102
+ <body>
103
+ <!--ここからloading */-->
104
+ <div id="loader-bg">
105
+ <div id="loader">
106
+ <img src="image/dolphin6.gif" alt="loading...">
107
+ </div>
108
+ </div>
109
+ <!--loadingここまで*/-->
110
+ <div id="background">
111
+ <!--ここからヘッダー-->
112
+ <header>
113
+ <h1><a href="index.html"><img class="d-block mx-auto" src="image/title.png" alt="cocoharete" width="35%"></a></h1>
114
+ <!-- ↓ハンバーガーメニューここから↓ -->
115
+ <div class="hamburger-demo-menubox">
116
+ <input id="hamburger-demo5" type="checkbox" class="input-hidden">
117
+ <label for="hamburger-demo5" class="hamburger-demo-switch hamburger-demo-switch5">
118
+ <span class="hamburger-switch-binder"></span>
119
+ </label>
120
+ <div class="hamburger-demo-menuwrap hamburger-menuwrap-left hamburger-menuwrap-binder">
121
+ <ul class="hamburger-demo-menulist hamburger-menulist-binder">
122
+
123
+ <li><a href="index.html"><i class="far fa-hand-point-up"></i> TOP</a></li>
124
+ <li><a href="service.html"><i class="fas fa-concierge-bell"></i> サービス</a></li>
125
+ <li><a href="breakroom/index.html"><i class="fas fa-cocktail"></i> ブレイクルーム</a></li>
126
+ <li><a href="partner.html"><i class="far fa-handshake"></i> パートナー</a></li>
127
+ <li><a href="summary.html"><i class="fas fa-paw"></i> 事業紹介</a></li>
128
+ <li><a href="contact/contact.php"><i class="far fa-paper-plane"></i> お問い合わせ</a></li>
129
+ <li><a href="sdgs.html"><i class="fas fa-globe-asia"></i> SDGs</a></li>
130
+ <li><a href="privacy.html"><i class="fas fa-user-secret"></i> Privacy policy</a></li>
131
+ </ul>
132
+ </div>
133
+ <div class="hamburger-demo-closelabel">
134
+ <label for="hamburger-demo5" class="hamburger-demo-cover"></label>
135
+ </div>
136
+ </div>
137
+ <!-- ↑ハンバーガーメニューここまで↑ -->
84
- ここにより詳細な情報を記載してください。
138
+ </header>
139
+ <!--ヘッダーここまで-->
140
+
141
+ <!--ここからメイン-->
142
+ <div id="main">
143
+ <span class="partnerimage">
144
+ <img src="image/partner.png" alt="" class="img-fluid">
145
+ </span>
146
+ <div id="display_position">
147
+ <section class="box_area">
148
+ <div class="balloon1">
149
+ <h6 class="privacy_lead"></h6>
150
+ </div>
151
+ <span class="doggif">
152
+ <img src="image/doggif.gif" alt="">
153
+ </span>
154
+
155
+ </section>
156
+ </div>
157
+ <div id="display_position_2">
158
+ <section class="box_area">
159
+ <a href="" target="_blank" rel="noopener noreferrer"><h2 class="privacy_title"></h2></a>
160
+ <p class="privacy_lead">では今まで培ってきた提案力と行動力で
161
+ ビジネスを加速させてお客様のビジネスをトータルでサポートいたします。<br>
162
+ IT導入補助金事業者登録済(2021年)のためIT導入補助金はもちろん、その他補助金のサポートも承っております。
163
+ </p>
164
+ <a href="" target="_blank" rel="noopener noreferrer" class="btn btn_menu_7_p">
165
+ <img src="image/7_p_off.png" alt="BUTTON" class="img-fluid"></a>
166
+ </section>
167
+ </div>
168
+ <div id="display_position_3">
169
+ <section class="box_area">
170
+ <a href="hiro.html" target="_blank" rel="noopener noreferrer"><h2 class="privacy_title"></h2></a>
171
+ <p class="privacy_lead">では主にコンサルティング業務を行っており、自社物件の賃貸も行っております。</p>
172
+ <a href="hiro.html" target="_blank" rel="noopener noreferrer" class="btn btn_menu_8_p">
173
+ <img src="image/8_p_off.png" alt="BUTTON" class="img-fluid"></a>
174
+ </section>
175
+ </div>
176
+ <div class="section s_01">
177
+ <div class="fuwafuwa"><a href="#" class="back-to-top"><img src="image/5_off.png" alt="" class="img-fluid"></a></div>
178
+ </div>
179
+ </div>
180
+ <!--メインここまで-->
181
+ </div>
182
+
183
+ <!--ここからフッター-->
184
+ <footer>
185
+ <p><small>© All rights Reserved.</small></p>
186
+ </footer>
187
+ <!--フッターここまで-->
188
+ <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
189
+ <script src="main.js"></script>
190
+ <script defer src="https://use.fontawesome.com/releases/v5.7.2/js/all.js"></script>
191
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
192
+ </body>
193
+ </html>
194
+ ```