added icon
This commit is contained in:
parent
44c6d074a5
commit
84df099bc5
2 changed files with 8 additions and 5 deletions
BIN
img/icons/twister.png
Normal file
BIN
img/icons/twister.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 70 KiB |
13
index.html
13
index.html
|
@ -55,7 +55,7 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<main role="main" class="container">
|
<main role="main" class="container" style="margin-top: -30px;">
|
||||||
<div class="d-flex align-items-center p-3 my-3 text-white-50 bg-blue rounded shadow-sm">
|
<div class="d-flex align-items-center p-3 my-3 text-white-50 bg-blue rounded shadow-sm">
|
||||||
<img class="mr-3" src="img/icon.png" alt="" width="48" height="48">
|
<img class="mr-3" src="img/icon.png" alt="" width="48" height="48">
|
||||||
<div class="lh-100">
|
<div class="lh-100">
|
||||||
|
@ -67,7 +67,7 @@
|
||||||
<div class="my-3 p-3 bg-white rounded shadow-sm">
|
<div class="my-3 p-3 bg-white rounded shadow-sm">
|
||||||
<h6 class="border-bottom border-gray pb-2 mb-0">current places</h6>
|
<h6 class="border-bottom border-gray pb-2 mb-0">current places</h6>
|
||||||
<div class="media text-muted pt-3">
|
<div class="media text-muted pt-3">
|
||||||
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" src="img/icons/beach.svg"
|
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" src="http://www.w3.org/2000/svg"
|
||||||
preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
|
preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
|
||||||
<title>Placeholder</title>
|
<title>Placeholder</title>
|
||||||
<rect width="100%" height="100%" fill="#007bff" /><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text>
|
<rect width="100%" height="100%" fill="#007bff" /><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text>
|
||||||
|
@ -81,10 +81,13 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="media text-muted pt-3">
|
<div class="media text-muted pt-3">
|
||||||
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg"
|
<!-- <svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg"
|
||||||
preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
|
preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
|
||||||
|
-->
|
||||||
|
<img src="img/icons/twister.png" width="32" height="32" alt="icon">
|
||||||
|
|
||||||
<title>Placeholder</title>
|
<title>Placeholder</title>
|
||||||
<rect width="100%" height="100%" fill="#e83e8c" /><text x="50%" y="50%" fill="#e83e8c" dy=".3em">32x32</text>
|
<rect width="100%" height="100%" fill="#e83e8c" /><text x="50%" y="50%" fill="#e83e8c" dy=".3em"></text>
|
||||||
</svg>
|
</svg>
|
||||||
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
|
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
|
||||||
<strong class="d-block text-gray-dark">
|
<strong class="d-block text-gray-dark">
|
||||||
|
@ -98,7 +101,7 @@
|
||||||
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg"
|
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg"
|
||||||
preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
|
preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
|
||||||
<title>Placeholder</title>
|
<title>Placeholder</title>
|
||||||
<rect width="100%" height="100%" fill="#6f42c1" /><text x="50%" y="50%" fill="#6f42c1" dy=".3em">32x32</text>
|
<rect width="100%" height="100%" fill="#6f42c1" /><text x="50%" y="50%" fill="#6f42c1" dy=".3em"></text>
|
||||||
</svg>
|
</svg>
|
||||||
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
|
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
|
||||||
<strong class="d-block text-gray-dark">@place</strong>
|
<strong class="d-block text-gray-dark">@place</strong>
|
||||||
|
|
Loading…
Reference in a new issue