Vous êtes sur la page 1sur 3

<div id="headers-header-10" title="headers/header-10.

html">
<section class="slice slice-xl bg-gradient-primary" style="padding-bottom:
150px;">
<!-- SVG background -->
<div class="bg-absolute-cover bg-size--contain d-flex align-items-center">
<figure class="w-100 d-none d-lg-block">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 820"
class="injected-svg svg-inject">
<path class="fill-cyan" d="M 153.37 455.293 L 143.264 444.989 C 142.269 443.976
142.269 442.371 143.264 441.358 L 153.37 431.055 C 154.364 430.042 155.938 430.042
156.932 431.055 L 167.038 441.358 C 168.032 442.371 168.032 443.976 167.038 444.989
L 156.932 455.293 C 156.02 456.306 154.364 456.306 153.37 455.293 Z"
style=""></path>
<circle class="fill-pink" cx="1184.025" cy="85.335" r="9.723" style=""></circle>
<circle class="fill-yellow" stroke-width="3" stroke-miterlimit="10" cx="320.504"
cy="209.51" r="12.587" style=""></circle>
<path class="fill-blue" d="M 42.564 -16.417 C 43.206 -18.074 44.682 -19.262 46.438
-19.535 L 62.879 -22.089 C 64.634 -22.362 66.401 -21.677 67.515 -20.294 L 77.948 -
7.333 C 79.062 -5.949 79.353 -4.076 78.712 -2.419 L 72.703 13.096 C 72.061 14.753
70.585 15.941 68.829 16.215 L 52.388 18.769 C 50.633 19.042 48.865 18.358 47.752
16.973 L 37.319 4.012 C 36.205 2.628 35.914 0.755 36.555 -0.902 L 42.564 -16.417 Z"
style=""></path>
<path class="fill-pink" d="M 1128.161 586.512 C 1128.462 585.735 1129.154 585.178
1129.977 585.05 L 1137.684 583.853 C 1138.506 583.725 1139.335 584.046 1139.857
584.695 L 1144.747 590.77 C 1145.269 591.419 1145.406 592.297 1145.105 593.073 L
1142.289 600.346 C 1141.988 601.123 1141.296 601.68 1140.473 601.808 L 1132.767
603.005 C 1131.944 603.133 1131.115 602.812 1130.593 602.163 L 1125.703 596.088 C
1125.181 595.439 1125.044 594.561 1125.345 593.785 L 1128.161 586.512 Z"
style=""></path>
<path class="fill-purple" d="M 109.272 171.631 C 109.643 170.672 110.497 169.986
111.512 169.828 L 121.017 168.352 C 122.032 168.193 123.054 168.59 123.698 169.389
L 129.729 176.883 C 130.373 177.683 130.542 178.766 130.171 179.723 L 126.697
188.693 C 126.326 189.651 125.473 190.339 124.458 190.497 L 114.952 191.973 C
113.937 192.131 112.916 191.736 112.272 190.935 L 106.24 183.442 C 105.596 182.641
105.428 181.559 105.798 180.601 L 109.272 171.631 Z" style=""></path>
<path class="fill-purple" d="M 258.215 770.571 C 258.563 769.674 259.363 769.03
260.314 768.882 L 269.221 767.499 C 270.171 767.351 271.129 767.722 271.732 768.471
L 277.384 775.492 C 277.988 776.243 278.146 777.257 277.798 778.155 L 274.543
786.559 C 274.195 787.457 273.395 788.101 272.444 788.249 L 263.538 789.633 C
262.587 789.781 261.629 789.41 261.026 788.66 L 255.374 781.639 C 254.771 780.889
254.613 779.874 254.96 778.976 L 258.215 770.571 Z" style=""></path>
<circle class="fill-cyan" stroke-width="3" stroke-miterlimit="10" cx="730.584"
cy="767.881" r="9.997" style=""></circle>
<path class="fill-purple" d="M 1390.234 263.204 C 1390.491 262.543 1391.08 262.067
1391.782 261.958 L 1398.352 260.938 C 1399.053 260.829 1399.759 261.103 1400.204
261.655 L 1404.373 266.834 C 1404.818 267.387 1404.934 268.136 1404.678 268.798 L
1402.277 274.997 C 1402.021 275.659 1401.43 276.134 1400.729 276.244 L 1394.16
277.265 C 1393.459 277.373 1392.752 277.1 1392.307 276.547 L 1388.138 271.368 C
1387.693 270.815 1387.577 270.066 1387.833 269.404 L 1390.234 263.204 Z"
style=""></path>
</svg>
</figure>
</div>
<div class="container position-relative zindex-100 py-7">
<div class="row justify-content-center">
<div class="col-lg-9">
<h2 class="mb-4 text-white">How can we help?</h2>
<form>
<div class="form-group bg-white rounded-pill px-2 py-2 shadow">
<div class="row">
<div class="col-8 col-md-9">
<div class="input-group input-group-merge shadow-none">
<div class="input-group-prepend">
<span class="input-group-text bg-transparent border-0">
<i class="fas fa-link"></i>
</span>
</div>
<input type="text" class="form-control form-control-flush
shadow-none" placeholder="ยอ่ ลิ้ง">
</div>
</div>
<div class="col-4 col-md-3">
<button type="button" class="btn btn-block btn-primary rounded-
pill collapsed" data-toggle="collapse" href="#collapseExample" role="button" aria-
expanded="false" aria-controls="collapseExample">
<span class="d-block d-md-none">
<i class="fas fa-link"></i>
</span>
<span class="d-none d-md-block">ยอ่ ลิ้ง</span>
</button>
</div>
</div>
</div>
</form>
<div class="collapse" id="collapseExample" style="">
<div class="card card-body">
<div class="row">
<div class="col-md-8">
<div class="row">
<div class="input-group mb-3 p-1">
<input type="text" class="form-control"
value="https://1th.me/UXrAr/qr" id="myInput">
<div class="input-group-append">
<button class="btn btn-outline-primary" type="button"
id="button-addon2" onclick="copy()">
<span class="d-block d-md-none">
<i class="fas fa-copy"></i>
</span>
<span class="d-none d-md-block">copy</span>
</button>
</div>
</div>
</div>
<p class="mt-3">ยินดีด้วย!! คุณได้ท ำการยอ่ ลิงคส์ ำเร็จแลว้ ทา่ นสามารถบั นทึก QR-CODE
เพื่อนำไปใชง้ านได้อยา่ งอิสระ</p>
</div>
<div class="col-6 col-md-4">
<div class="text-center">
<img src="https://www.shorturl.asia/qrcode/gteBn.png"
class="rounded w-75" alt="...">
</div>
<!-- <div class="d-flex justify-content-md-center"> -->
<div class="text-center">
<a href="https://www.shorturl.asia/qrcode/gteBn.png"
target="_blank" download="ShortURL_asia_qrcode" class="btn btn-sm btn-secondary
waves-effect waves-light "><i class="fa fa-download" aria-hidden="true"></i>
<small>ดาวน์โหลด QR Code]</small>
</a>
</div>
<!-- </div> -->
</div>
<!-- <div class="d-flex justify-content-md-center">
<div class="text-end">
<a href="https://www.shorturl.asia/qrcode/gteBn.png"
target="_blank" download="ShortURL_asia_qrcode" class="btn btn-sm btn-secondary
waves-effect waves-light "><i class="fa fa-download" aria-hidden="true"></i>
<small>ดาวน์โหลด QR Code]</small>
</a>
</div>
</div> -->
</div>
</div>
</div>
</div>
์ ่ีคุณตอ
<small class="form-text text-white">ยอ่ ลิงคเ์ ว็บไซตท ้ งการ ใชง้ านงา่ ย และฟรี ! ยอ่ ลิ้งค์

ยาวๆให้สันลงไม ม
่ ีโษณา มีระบบ QR-CODE , url shortener</small>
</div>
</div>

</section>
</div>

Vous aimerez peut-être aussi