質問編集履歴

2

修正

2021/05/14 09:00

投稿

mitrasi
mitrasi

スコア49

test CHANGED
File without changes
test CHANGED
@@ -106,165 +106,101 @@
106
106
 
107
107
  <!-- 長いためいくつかのsectionを省略しております  --> 
108
108
 
109
-
110
-
111
- <!-- blog -->
109
+ <!-- q&a --> 
112
-
110
+
113
- <section class="section-wrapper bg-sky">
111
+ <section class="section-wrapper">
114
-
112
+
115
- <div class="inner-wrapper">
113
+ <div class="content-wrapper">
116
-
114
+
117
- <h2 class="title">ブログ</h2>
115
+ <h2 class="title">よくある質問</h2>
118
-
116
+
119
- <h3 class="en-title">BLOG</h3>
117
+ <h3 class="en-title">FAQ</h3>
120
-
121
- <ul class="blog-list flex-box">
118
+
122
-
123
- <li class="blog-card">
124
-
125
- <img src="img/austin-distel-wawEfYdpkag-unsplash.png" alt="" class="blog-img">
126
-
127
- <div class="text-wrapper">
119
+ <div class="qa-wrapper">
120
+
128
-
121
+ <dl>
122
+
123
+ <dt>デザインから一貫してお願いすることは可能でしょうか</dt>
124
+
125
+ <dd>ユアコーディングはコーディングに特化したサービスですので、デザインからお受けすることは基本的にありません。<br> ただデザインを行う際は提携しているデザイナーと連携して対応させていただきますので、別途ご連絡ください。</dd>
126
+
127
+ </dl>
128
+
129
+ <dl>
130
+
129
- <h4 class="blog-title">サリニューアルオープンました。</h4>
131
+ <dt>WordPressのカスタマお願いすることも可能でょうか?</dt>
132
+
130
-
133
+ <dd>可能です。ただECサイトなどの場合は構築難易度や工数の関係で綿密にヒアリングさせていただきたく思います。</dd>
134
+
135
+ </dl>
136
+
137
+ <dl>
138
+
131
- <time>2020.01.23</time>
139
+ <dt>コーディングのスピード感が知りたい</dt>
140
+
132
-
141
+ <dd>HTMLレスポンシブ込み5ページで1週間、10ページで2週間、WordPressサイト5ページで2週間、10ページで3週間が目安に なります。</dd>
142
+
143
+ </dl>
144
+
133
- </div>
145
+ </div>
134
-
135
-
136
-
137
- </li>
138
-
139
- <li class="blog-card">
140
-
141
- <img src="img/dylan-gillis-KdeqA3aTnBY-unsplash.png" alt="" class="blog-img">
142
-
143
-
144
-
145
- <div class="text-wrapper">
146
-
147
- <h4 class="blog-title">WebサイトでSEO内部施策に適したコー ディングでどれぐらいサイトが早くなるの か検証してみました</h4>
148
-
149
- <time>2020.01.24</time>
150
-
151
- </div>
152
-
153
-
154
-
155
- </li>
156
-
157
- <li class="blog-card">
158
-
159
- <img src=" img/brooke-cagle-g1Kr4Ozfoac-unsplash.png" alt="" class="blog-img">
160
-
161
-
162
-
163
- <div class="text-wrapper">
164
-
165
- <h4 class="blog-title">ユアコーディングではデザイナーの方を 広く募集しています。</h4>
166
-
167
- <time>2020.01.25</time>
168
-
169
- </div>
170
-
171
-
172
-
173
- </li>
174
-
175
- </ul>
176
146
 
177
147
  </div>
178
148
 
179
149
  </section>
180
150
 
181
- <!-- works -->
182
-
183
- <section class="section-wrapper">
184
-
185
- <div class="inner-wrapper">
186
-
187
- <h2 class="title">制作実績</h2>
188
-
189
- <h3 class="en-title">WORKS</h3>
190
-
191
- <ul class="work-list flex-box">
192
-
193
- <li class="work-item">
194
-
195
- <img src="img/arnel-hasanovic-MNd-Rka1o0Q-unsplash.png" alt="" class="work-img">
196
-
197
-
198
-
199
- <h6 class="work-title">コーディングカンファレンスのイベント LPの制作を行いました!</h6>
200
-
201
- <p>採用技術:jQuery,WordPress<br> 実装期間:4週間 <br>担当コーダー:石井</p>
202
-
203
-
204
-
205
-
206
-
207
-
208
-
209
- </li>
210
-
211
- <li class="work-item">
212
-
213
-
214
-
215
- <img src="img/digital-marketing-1.png" alt="" class="work-img">
216
-
217
-
218
-
219
-
220
-
221
- <h6 class="work-title">株式会社サンプル様採用サイトのコーデ ィングを行いました!</h6>
222
-
223
- <p>採用技術:jQuery,Bootstrap4<br> 実装期間:2週間 <br>担当コーダー:石井</p>
224
-
225
-
226
-
227
- </li>
228
-
229
- <li class="work-item">
230
-
231
-
232
-
233
- <img src="img/hal-gatewood-tZc3vjPCk-Q-unsplash.png" alt="" class="work-img">
234
-
235
-
236
-
237
-
238
-
239
- <h6 class="work-title">株式会社サンプル様通販サイトのコーデ ィングを行いました!</h6>
240
-
241
- <p>採用技術:jQuery,Bootstrap4 <br>実装期間:6週間<br> 担当コーダー:石井</p>
242
-
243
-
244
-
245
- </li>
246
-
247
- <li class="work-item">
248
-
249
-
250
-
251
- <img src="img/arnel-hasanovic-MNd-Rka1o0Q-unsplash.png" alt="" class="work-img">
252
-
253
-
254
-
255
- <h6 class="work-title">コーディングカンファレンスのイベント LPの制作を行いました!</h6>
256
-
257
- <p>採用技術:jQuery,WordPress<br> 実装期間:4週間 <br>担当コーダー:石井</p>
258
-
259
-
260
-
261
-
262
-
263
- </li>
264
-
265
-
266
-
267
- </ul>
151
+
152
+
153
+
154
+
155
+ <!-- contact -->
156
+
157
+ <section class="section-wrapper gradetion">
158
+
159
+ <div class="content-wrapper">
160
+
161
+ <h2 class="title">お問い合わせ</h2>
162
+
163
+ <h3 class="en-title">CONTACT</h3>
164
+
165
+ <p class="sub-title">コーディングの人出が足りないとき、 あなたの力になります</p>
166
+
167
+ <form>
168
+
169
+ <dl>
170
+
171
+ <dt>お名前</dt>
172
+
173
+ <input type="text" class="contact-form">
174
+
175
+ </dl>
176
+
177
+ <dl>
178
+
179
+ <dt>メールアドレス</dt>
180
+
181
+ <input type="text" class="contact-form">
182
+
183
+ </dl>
184
+
185
+ <dl>
186
+
187
+ <dt>お問い合わせ内容</dt>
188
+
189
+ <textarea name="" id="" cols="30" rows="10"></textarea>
190
+
191
+ </dl>
192
+
193
+ <dl>
194
+
195
+
196
+
197
+ </dl>
198
+
199
+ <p class="text">プライバシーポリシーに同意する</p>
200
+
201
+ <div class="btn"></div>
202
+
203
+ </form>
268
204
 
269
205
  </div>
270
206
 
@@ -272,62 +208,6 @@
272
208
 
273
209
 
274
210
 
275
- <!-- contact -->
276
-
277
- <section class="section-wrapper gradetion">
278
-
279
- <div class="content-wrapper">
280
-
281
- <h2 class="title">お問い合わせ</h2>
282
-
283
- <h3 class="en-title">CONTACT</h3>
284
-
285
- <p class="sub-title">コーディングの人出が足りないとき、 あなたの力になります</p>
286
-
287
- <form>
288
-
289
- <dl>
290
-
291
- <dt>お名前</dt>
292
-
293
- <input type="text" class="contact-form">
294
-
295
- </dl>
296
-
297
- <dl>
298
-
299
- <dt>メールアドレス</dt>
300
-
301
- <input type="text" class="contact-form">
302
-
303
- </dl>
304
-
305
- <dl>
306
-
307
- <dt>お問い合わせ内容</dt>
308
-
309
- <textarea name="" id="" cols="30" rows="10"></textarea>
310
-
311
- </dl>
312
-
313
- <dl>
314
-
315
-
316
-
317
- </dl>
318
-
319
- <p class="text">プライバシーポリシーに同意する</p>
320
-
321
- <div class="btn"></div>
322
-
323
- </form>
324
-
325
- </div>
326
-
327
- </section>
328
-
329
-
330
-
331
211
 
332
212
 
333
213
 

1

修正

2021/05/14 09:00

投稿

mitrasi
mitrasi

スコア49

test CHANGED
File without changes
test CHANGED
@@ -816,6 +816,36 @@
816
816
 
817
817
 
818
818
 
819
+ 認識としては
820
+
821
+ ■last-of-type
822
+
823
+ 疑似クラスを付与した箇所の要素すべてに
824
+
825
+ 例).content-wrapper:last-of-type{
826
+
827
+ }
828
+
829
+ //複数あるcontent-wrapperのうち最後のcontent-wrapperを指す
830
+
831
+
832
+
833
+
834
+
835
+ ■last-child
836
+
837
+ 疑似クラスを付与した箇所の子要素にたいして
838
+
839
+ 例)
840
+
841
+ .section-wrapper:last-child{
842
+
843
+ }
844
+
845
+ //section-wrapperの中に(content-wrapper/p/img があったとしたら)
846
+
847
+ 最後の要素に対してなのでimgを指すことになる
848
+
819
849
 
820
850
 
821
851