質問編集履歴

2

tuiki

2017/09/17 03:15

投稿

renren643
renren643

スコア279

test CHANGED
File without changes
test CHANGED
@@ -14,6 +14,62 @@
14
14
 
15
15
  ```ここに言語を入力
16
16
 
17
+ <!DOCTYPE html>
18
+
19
+ <html lang="en">
20
+
21
+
22
+
23
+ <head>
24
+
25
+
26
+
27
+ <meta charset="utf-8">
28
+
29
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
30
+
31
+ <meta name="description" content="">
32
+
33
+ <meta name="author" content="">
34
+
35
+
36
+
37
+ <title>Creative - Start Bootstrap Theme</title>
38
+
39
+
40
+
41
+ <!-- Bootstrap core CSS -->
42
+
43
+ <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
44
+
45
+
46
+
47
+ <!-- Custom fonts for this template -->
48
+
49
+ <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
50
+
51
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
52
+
53
+ <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
54
+
55
+
56
+
57
+ <!-- Plugin CSS -->
58
+
59
+ <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
60
+
61
+
62
+
63
+ <!-- Custom styles for this template -->
64
+
65
+ <link href="css/creative.min.css" rel="stylesheet">
66
+
67
+
68
+
69
+ </head>
70
+
71
+
72
+
17
73
  <body id="page-top">
18
74
 
19
75
 
@@ -180,127 +236,7 @@
180
236
 
181
237
  </th>
182
238
 
183
- </tr>
239
+ </tr>
184
-
185
-
186
-
187
- <tr>
188
-
189
- <th>写真</th>
190
-
191
- <th>
192
-
193
- <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#sampleModal">
194
-
195
- 詳細
196
-
197
- </button>
198
-
199
- <!-- モーダル・ダイアログ -->
200
-
201
- <div class="modal fade" id="sampleModal" tabindex="-1">
202
-
203
- <div class="modal-dialog">
204
-
205
- <div class="modal-content">
206
-
207
- <div class="modal-header">
208
-
209
- <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
210
-
211
- </div>
212
-
213
- <div class="modal-body text-muted">
214
-
215
- <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
216
-
217
- <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
218
-
219
- <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
220
-
221
- <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
222
-
223
- </div>
224
-
225
- <div class="modal-footer">
226
-
227
- <button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
228
-
229
- <button type="button" class="btn btn-primary">ボタン</button>
230
-
231
- </div>
232
-
233
- </div>
234
-
235
- </div>
236
-
237
- </div>
238
-
239
- </th>
240
-
241
-
242
-
243
- </tr>
244
-
245
- <tr>
246
-
247
- <th>写真</th>
248
-
249
- <th>
250
-
251
- <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#sampleModal">
252
-
253
- 詳細
254
-
255
- </button>
256
-
257
- <!-- モーダル・ダイアログ -->
258
-
259
- <div class="modal fade" id="sampleModal" tabindex="-1">
260
-
261
- <div class="modal-dialog">
262
-
263
- <div class="modal-content">
264
-
265
- <div class="modal-header">
266
-
267
- <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
268
-
269
- </div>
270
-
271
- <div class="modal-body text-muted">
272
-
273
- <p>cccccccccccccccccccccccccccccc</p>
274
-
275
- <p>cccccccccccccccccccccccccccccc</p>
276
-
277
- <p>cccccccccccccccccccccccccccccc</p>
278
-
279
- <p>cccccccccccccccccccccccccccccc</p>
280
-
281
- </div>
282
-
283
- <div class="modal-footer">
284
-
285
- <button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
286
-
287
- <button type="button" class="btn btn-primary">ボタン</button>
288
-
289
- </div>
290
-
291
- </div>
292
-
293
- </div>
294
-
295
- </div>
296
-
297
- </th>
298
-
299
-
300
-
301
- </tr>
302
-
303
-
304
240
 
305
241
  </tbody>
306
242
 
@@ -318,17 +254,7 @@
318
254
 
319
255
  </div>
320
256
 
321
- <!--table.end-->
322
-
323
-
324
-
325
-
326
-
327
-
328
-
329
-
330
-
331
- <section id="contact">
257
+ <section id="contact">
332
258
 
333
259
  <div class="container">
334
260
 

1

tuiki

2017/09/17 03:15

投稿

renren643
renren643

スコア279

test CHANGED
File without changes
test CHANGED
@@ -14,7 +14,89 @@
14
14
 
15
15
  ```ここに言語を入力
16
16
 
17
- <div class="opp bg-dark" style="padding:150px" >
17
+ <body id="page-top">
18
+
19
+
20
+
21
+ <!-- Navigation -->
22
+
23
+ <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
24
+
25
+ <div class="container">
26
+
27
+ <a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a>
28
+
29
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
30
+
31
+ <span class="navbar-toggler-icon"></span>
32
+
33
+ </button>
34
+
35
+ <div class="collapse navbar-collapse" id="navbarResponsive">
36
+
37
+ <ul class="navbar-nav ml-auto">
38
+
39
+ <li class="nav-item">
40
+
41
+ <a class="nav-link js-scroll-trigger" href="#about">About</a>
42
+
43
+ </li>
44
+
45
+ <li class="nav-item">
46
+
47
+ <a class="nav-link js-scroll-trigger" href="#services">Services</a>
48
+
49
+ </li>
50
+
51
+ <li class="nav-item">
52
+
53
+ <a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
54
+
55
+ </li>
56
+
57
+ <li class="nav-item">
58
+
59
+ <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
60
+
61
+ </li>
62
+
63
+ </ul>
64
+
65
+ </div>
66
+
67
+ </div>
68
+
69
+ </nav>
70
+
71
+
72
+
73
+ <header class="masthead">
74
+
75
+ <div class="header-content">
76
+
77
+ <div class="header-content-inner">
78
+
79
+ <h1 id="homeHeading">Your Favorite Source of Free Bootstrap Themes</h1>
80
+
81
+ <hr>
82
+
83
+ <p>Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p>
84
+
85
+ <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
86
+
87
+ </div>
88
+
89
+ </div>
90
+
91
+ </header>
92
+
93
+
94
+
95
+
96
+
97
+ <!--table-->
98
+
99
+ <div class="opp bg-dark" style="padding:150px" >
18
100
 
19
101
  <div class="container">
20
102
 
@@ -26,7 +108,7 @@
26
108
 
27
109
  <div class="table-responsive">
28
110
 
29
- <table class="table table-bordered">
111
+ <table class="table">
30
112
 
31
113
  <thead>
32
114
 
@@ -42,39 +124,185 @@
42
124
 
43
125
  <tbody>
44
126
 
127
+
128
+
45
129
  <tr>
46
130
 
47
- <td>写真</td>
131
+ <th>写真</th>
48
-
132
+
49
- <td>
133
+ <th>
50
-
51
- <div class="dropdown">
134
+
52
-
53
- <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
135
+ <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#sampleModal">
54
-
136
+
55
- ドロップダウン
137
+ 詳細
56
-
57
- <span class="caret"></span>
138
+
58
-
59
- </button>
139
+ </button>
140
+
60
-
141
+ <!-- モーダル・ダイアログ -->
142
+
143
+ <div class="modal fade" id="sampleModal" tabindex="-1">
144
+
145
+ <div class="modal-dialog">
146
+
147
+ <div class="modal-content">
148
+
149
+ <div class="modal-header">
150
+
151
+ <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
152
+
61
- </div>
153
+ </div>
62
-
154
+
63
- <ul class="dropdown-menu" role="menu">
155
+ <div class="modal-body text-muted">
64
-
156
+
65
- <li role="presentation"><a href="#">リンクのリスト1</a></li>
157
+ <p class="text-center">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
66
-
158
+
67
- <li role="presentation"><a href="#">リンクのリスト2</a></li>
159
+ <p class="text-center">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
68
-
160
+
69
- <li role="presentation"><a href="#">リンクのリスト3</a></li>
161
+ <p class="text-center">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
162
+
70
-
163
+ <p class="text-center">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
164
+
71
- </ul>
165
+ </div>
166
+
72
-
167
+ <div class="modal-footer">
168
+
169
+ <button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
170
+
171
+ <button type="button" class="btn btn-primary">ボタン</button>
172
+
173
+ </div>
174
+
175
+ </div>
176
+
177
+ </div>
178
+
179
+ </div>
180
+
73
- </td>
181
+ </th>
74
182
 
75
183
  </tr>
76
184
 
185
+
186
+
187
+ <tr>
188
+
189
+ <th>写真</th>
190
+
191
+ <th>
192
+
193
+ <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#sampleModal">
194
+
195
+ 詳細
196
+
197
+ </button>
198
+
199
+ <!-- モーダル・ダイアログ -->
200
+
201
+ <div class="modal fade" id="sampleModal" tabindex="-1">
202
+
203
+ <div class="modal-dialog">
204
+
205
+ <div class="modal-content">
206
+
207
+ <div class="modal-header">
208
+
209
+ <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
210
+
211
+ </div>
212
+
213
+ <div class="modal-body text-muted">
214
+
215
+ <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
216
+
217
+ <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
218
+
219
+ <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
220
+
221
+ <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
222
+
223
+ </div>
224
+
225
+ <div class="modal-footer">
226
+
227
+ <button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
228
+
229
+ <button type="button" class="btn btn-primary">ボタン</button>
230
+
231
+ </div>
232
+
233
+ </div>
234
+
235
+ </div>
236
+
237
+ </div>
238
+
239
+ </th>
240
+
241
+
242
+
243
+ </tr>
244
+
245
+ <tr>
246
+
247
+ <th>写真</th>
248
+
249
+ <th>
250
+
251
+ <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#sampleModal">
252
+
253
+ 詳細
254
+
255
+ </button>
256
+
257
+ <!-- モーダル・ダイアログ -->
258
+
259
+ <div class="modal fade" id="sampleModal" tabindex="-1">
260
+
261
+ <div class="modal-dialog">
262
+
263
+ <div class="modal-content">
264
+
265
+ <div class="modal-header">
266
+
267
+ <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
268
+
269
+ </div>
270
+
271
+ <div class="modal-body text-muted">
272
+
273
+ <p>cccccccccccccccccccccccccccccc</p>
274
+
275
+ <p>cccccccccccccccccccccccccccccc</p>
276
+
277
+ <p>cccccccccccccccccccccccccccccc</p>
278
+
279
+ <p>cccccccccccccccccccccccccccccc</p>
280
+
281
+ </div>
282
+
283
+ <div class="modal-footer">
284
+
285
+ <button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
286
+
287
+ <button type="button" class="btn btn-primary">ボタン</button>
288
+
289
+ </div>
290
+
291
+ </div>
292
+
293
+ </div>
294
+
295
+ </div>
296
+
297
+ </th>
298
+
299
+
300
+
301
+ </tr>
302
+
303
+
304
+
77
- </tbody>
305
+ </tbody>
78
306
 
79
307
  </table>
80
308
 
@@ -90,4 +318,96 @@
90
318
 
91
319
  </div>
92
320
 
321
+ <!--table.end-->
322
+
323
+
324
+
325
+
326
+
327
+
328
+
329
+
330
+
331
+ <section id="contact">
332
+
333
+ <div class="container">
334
+
335
+ <div class="row">
336
+
337
+ <div class="col-lg-8 mx-auto text-center">
338
+
339
+ <h2 class="section-heading">Let's Get In Touch!</h2>
340
+
341
+ <hr class="primary">
342
+
343
+ <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
344
+
345
+ </div>
346
+
347
+ </div>
348
+
349
+ <div class="row">
350
+
351
+ <div class="col-lg-4 ml-auto text-center">
352
+
353
+ <i class="fa fa-phone fa-3x sr-contact"></i>
354
+
355
+ <p>123-456-6789</p>
356
+
357
+ </div>
358
+
359
+ <div class="col-lg-4 mr-auto text-center">
360
+
361
+ <i class="fa fa-envelope-o fa-3x sr-contact"></i>
362
+
363
+ <p>
364
+
365
+ <a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a>
366
+
367
+ </p>
368
+
369
+ </div>
370
+
371
+ </div>
372
+
373
+ </div>
374
+
375
+ </section>
376
+
377
+
378
+
379
+ <!-- Bootstrap core JavaScript -->
380
+
381
+ <script src="vendor/jquery/jquery.min.js"></script>
382
+
383
+ <script src="vendor/popper/popper.min.js"></script>
384
+
385
+ <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
386
+
387
+
388
+
389
+ <!-- Plugin JavaScript -->
390
+
391
+ <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
392
+
393
+ <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
394
+
395
+ <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
396
+
397
+
398
+
399
+ <!-- Custom scripts for this template -->
400
+
401
+ <script src="js/creative.min.js"></script>
402
+
403
+
404
+
405
+ </body>
406
+
407
+
408
+
409
+ </html>
410
+
411
+
412
+
93
413
  ```