Gecko [ fastearnlimited.com ]

Name	Size	Permission	Date
img	[ DIR ]	drwxr-xr-x	2024-06-07 00:32
my.html	11.5 KB	-rw-r--r--	2024-06-07 00:29
myteam.html	32.97 KB	-rw-r--r--	2024-06-07 00:29

Rename

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="introduction" content="no-reference">
    <title>Sibati</title>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer"
    />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer"
    />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous"
        referrerpolicy="no-referrer" />

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
        html,
        body {
            width: 100%;
            margin: 0;
            background: #f8f8f8;
            font-family: 'Roboto', sans-serif;
            font-size: 14.5px;
            font-family: 300;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
            text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

.container {
            width: 100%;
            max-width: 991px;
            padding: 18px 18px 65px 18px;
        }

.header {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: start;
            background-color: #fff;
            padding: 40px 18px 18px 18px;
        }

.header .logo {
            width: 50px;
            height: 50px;
            margin-right: 10px;
        }

.header .logo img {
            width: 100%;
            height: 100%;
        }

.header .name {
            font-size: 20px;
            font-weight: 700;
            line-height: 24px;
            margin-bottom: 2px;
            color: #263249;
        }

.header .tag {
            font-size: 14px;
            font-weight: 400;
            line-height: 16px;
            color: #666666;
        }

.header .bell-anim {
            width: 26px;
            margin-left: auto;
            position: relative;
        }

.header .bell-anim img {
            width: 100%;
            animation: ring 2s infinite;
        }

.header .bell-anim::after {
            content: '';
            width: 7px;
            height: 7px;
            background-color: #ff3333;
            border-radius: 100%;
            position: absolute;
            right: -2px;
            top: -3px;
        }

@keyframes ring {
            0% {
                transform: rotate(0deg);
            }
            15% {
                transform: rotate(12deg);
            }
            40% {
                transform: rotate(-12deg);
            }
            52% {
                transform: rotate(6deg);
            }
            60% {
                transform: rotate(-6deg);
            }
            68% {
                transform: rotate(3deg);
            }
            72% {
                transform: rotate(-2deg);
            }
            76% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(0deg);
            }
        }

.top-table {
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: wrap;
        }

.top-table .block-one {
            width: 40%;
        }

.top-table .block-two {
            width: 35%;
        }

.top-table .block-three {
            width: 25%;
        }

.top-table h6 {
            font-size: 14.5px;
            font-weight: 400;
            color: #263249;
            line-height: 17px;
            margin-bottom: 0;
        }

.top-table h5 {
            font-size: 19px;
            font-weight: 400;
            color: #000;
            line-height: 21px;
            margin-bottom: 0;
        }

hr {
            border-color: rgba(74, 74, 74, .5);
            margin: 10px 0;
        }

.heading {
            font-size: 17px;
            font-weight: 400;
            line-height: 17px;
            color: #000;
            padding-left: 20px;
            position: relative;
            margin: 17px 0;
        }

.heading span {
            font-size: 13px;
            font-weight: 400;
            line-height: 17px;
            color: #a20334;
        }

.heading::before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
            border-right: 0px;
            border-left: 11px solid #a20334;
            position: absolute;
            top: -2px;
            left: 0;
        }

.level-row {
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: wrap;
            padding-top: 18px;
            margin-bottom: 18px;
        }

.level-row .level-block {
            width: 114px;
            height: 75px;
            background: transparent url("https://sibati.xyz/img/team-level-block.png") no-repeat center bottom;
            background-size: 100% auto;
            text-align: center;
            position: relative;
            padding-top: 24px;
        }

.level-block .number {
            width: 28px;
            height: 28px;
            border-radius: 100%;
            background: linear-gradient(107deg, #a20334, #25010b);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 17px;
            font-weight: 900;
            color: #fff;
            position: absolute;
            transform: translate(-50%, -50%);
            top: 0px;
            left: 50%;
        }

.level-block h4 {
            font-size: 23px;
            line-height: 23px;
            color: #a20334;
            font-weight: 900;
            margin-bottom: 3px;
        }

.level-block h6 {
            font-size: 14px;
            line-height: 14px;
            color: #666;
            font-weight: 400;
            margin-bottom: 0px;
        }

.level-row .col-one {
            width: calc(40% - 38px);
            text-align: center;
        }

.level-row .col-two {
            width: calc(35% - 38px);
            text-align: center;
        }

.level-row .col-three {
            width: calc(25% - 38px);
            text-align: center;
        }

.level-row h5 {
            font-size: 20px;
            line-height: 22px;
            font-weight: 600;
            color: #a20334;
            margin-bottom: 3px;
        }

.level-row h6 {
            font-size: 14px;
            line-height: 16px;
            color: #777;
            font-weight: 500;
            margin-bottom: 0;
        }

.red-block {
            margin-bottom: 17px;
            background: linear-gradient(107deg, #a20334, #25010b);
            border-radius: 12px;
            color: #fff;
            text-align: left;
            padding: 17px 12px;
        }

.red-block .copy-row {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: start;
            margin-bottom: 5px;
        }

.red-block .copy-row img {
            width: 22px;
            height: 22px;
            margin-right: 10px;
        }

.red-block .copy-row h6 {
            font-size: 16px;
            font-weight: 400;
            color: hsla(0, 0%, 100%, .7);
            margin-bottom: 0;
        }

.red-block .copy-row h5 {
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            text-align: left;
            word-break: break-all;
            margin-bottom: 0;
        }

.red-block .copy-row button.btn.btn-copy {
            padding: 6px 12px;
            background: #fff;
            border-radius: 20px;
            font-size: 16px;
            line-height: 16px;
            font-weight: 500;
            color: #a20334;
        }

.red-block hr {
            border-color: rgba(255, 255, 255, 0.3);
            width: 70%;
        }

.red-block p {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            margin-bottom: 10px;
        }

.flex-area {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: start;
        }

.flex-area-lg {
            width: calc(100% + 12px);
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            margin-left: -6px;
            margin-right: -6px;
            flex-wrap: wrap;
        }

.text-maroon {
            color: #a20334 !important;
        }

.center-img {
            position: relative;
            width: fit-content;
            height: fit-content;
            margin: 100px auto 0;
            text-align: center;
        }

.center-img img {
            width: 210px;
            height: auto;
            margin-bottom: 12px;
        }

.center-img h6 {
            font-size: 16px;
            font-weight: 400;
            color: rgba(0, 0, 0, .7);
        }

/* .modal-backdrop { background: rgba(0,0,0,0.85); opacity: 1 !important; } */

a p.blue-text,
        p.blue-text:hover,
        p.blue-text,
        .blue-text {
            color: #46a1de;
            text-decoration: none;
        }

.footer-nav {
            position: fixed;
            z-index: 100;
            left: 0px;
            bottom: 0px;
            width: 100%;
            height: 65px;
            background: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .06);
        }

.footer-nav .nav-item {
            text-align: center;
            color: #a2a2a2;
            font-size: 14px;
            font-weight: 400;
            line-height: 14px;
            width: 20%;
            text-decoration: none;
        }

.footer-nav .nav-item img {
            width: 24px;
            margin: 0 auto 4px;
        }

.footer-nav .nav-item.active {
            color: #a20334;
        }

.my-page-backdrop {
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 998;
            animation: fadeout 0.5s;
            visibility: hidden;
            transition: all 0.3s ease-in-out;
        }

.my-page-backdrop.open {
            animation: fadein 0.5s;
            visibility: visible;
        }

@keyframes fadein {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

@keyframes fadeout {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }

.my-page {
            width: 320px;
            height: 100%;
            display: block;
            background: linear-gradient(107deg, #a20334, #25010b);
            position: fixed;
            left: -320px;
            top: 0;
            z-index: 999;
            transition: all 0.3s ease-in-out;
        }

.my-page.open {
            left: 0;
        }

.my-page .page-top {
            width: 100%;
            background-color: #fff;
            padding: 36px 0 20px 0;
            text-align: center;
            position: relative;
        }

.my-page .page-top h4 {
            font-size: 22px;
            font-weight: 600;
            color: #000;
            margin-bottom: 5px;
        }

.my-page .page-top .flex-area {
            width: fit-content;
            margin: 0 auto;
        }

.my-page .page-top .vip {
            width: 34px;
            height: 34px;
            margin-right: 8px;
        }

.my-page .page-top h5 {
            font-size: 19px;
            font-weight: 400;
            color: #000;
            margin-bottom: 0;
        }

.my-page .page-top .close-btn {
            width: 40px;
            height: 40px;
            position: absolute;
            right: 0;
            top: 30px;
        }

.my-page .nav-area {
            padding: 25px 18px;
        }

.my-page .nav-area h6 {
            font-size: 15px;
            line-height: 17px;
            font-weight: 400;
            color: hsla(0, 0%, 100%, .8);
            margin-bottom: 0;
        }

.my-page .nav-area h5 {
            font-size: 20px;
            line-height: 22px;
            font-weight: 500;
            color: #fff;
            margin-bottom: 0;
        }

.my-page .nav-area a.nav {
            width: 100%;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 17px;
            line-height: 17px;
            font-weight: 400;
            color: #fff;
            text-decoration: none;
        }

button.btn.btn-logout {
            width: fit-content;
            height: 50px;
            background-color: #fff;
            padding: 0 25px;
            border: 0;
            border-radius: 25px;
            font-size: 17px;
            line-height: 28px;
            font-weight: 600;
            color: #a20334;
            margin: 30px auto 0;
        }

button.btn.btn-logout img {
            width: 28px;
            height: 28px;
            margin-left: 17px;
        }
    </style>

</head>

<div class="header">
        <div class="logo"><img src="https://sibati.xyz/img/logo.png"></div>
        <div class="d-block">
            <div class="name">Sibati Football</div>
            <div class="tag">Love Football and participate in the game</div>
        </div>
        <div class="bell-anim" onclick="window.location.href='https://sibati.xyz/message'"><img src="https://sibati.xyz/img/bell.png" alt=""></div>
    </div>
    <div class="container pt-0">

<div class="top-table">
            <div class="block-one">
                <h6>Total People</h6>
                <h5>0</h5>
            </div>
            <div class="block-two">
                <h6>Total recharge</h6>
                <h5>₹0</h5>
            </div>
            <div class="block-three">
                <h6>Total income</h6>
                <h5>₹0</h5>
            </div>
        </div>
        <hr>
        </hr>
        <div class="top-table">
            <div class="block-one">
                <h6>Invite register bonus</h6>
                <h5>₹0</h5>
            </div>
            <div class="block-two">
                <h6>Today commission</h6>
                <h5>₹0</h5>
            </div>
            <div class="block-three">
                <h6>Total Spin</h6>
                <h5>₹0</h5>
            </div>
        </div>

<div class="heading">Team information <span>( Click to view details )</span></div>

<div class="level-row" onclick="window.location.href='https://sibati.xyz/team-detail?type=1'">
            <div class="level-block">
                <div class="number">1</div>
                <h4>20 %</h4>
                <h6>First Level</h6>
            </div>
            <div class="col-one">
                <h5>₹0</h5>
                <h6>Commission</h6>
            </div>
            <div class="col-two">
                
                
            </div>
            <div class="col-three">
                <h5>0</h5>
                <h6>People</h6>
            </div>
        </div>
        <div class="level-row" onclick="window.location.href='https://sibati.xyz/team-detail?type=2'">
            <div class="level-block">
                <div class="number">2</div>
                <h4>3 %</h4>
                <h6>First Level</h6>
            </div>
            <div class="col-one">
                <h5>₹0</h5>
                <h6>Commission</h6>
            </div>
            <div class="col-two">
                
                
            </div>
            <div class="col-three">
                <h5>0</h5>
                <h6>People</h6>
            </div>
        </div>
        <div class="level-row" onclick="window.location.href='https://sibati.xyz/team-detail?type=3'">
            <div class="level-block">
                <div class="number">3</div>
                <h4>2 %</h4>
                <h6>First Level</h6>
            </div>
            <div class="col-one">
                <h5>₹0</h5>
                <h6>Commission</h6>
            </div>
            <div class="col-two">
                
                
            </div>
            <div class="col-three">
                <h5>0</h5>
                <h6>People</h6>
            </div>
        </div>

<div class="red-block mt-4">
            <div class="copy-row">
                <img src="https://sibati.xyz/img/icon-inv-code.png">
                <h6>Invitation code</h6>
                <button class="btn btn-copy ml-auto button-addon3" type="button">Copy</button>
            </div>
            <h5>HWlkrC</h5>
            <input type="hidden" id="link1" class="form-control" value="HWlkrC">
            <hr>
            </hr>
            <div class="copy-row">
                <img src="https://sibati.xyz/img/icon-inv-link.png">
                <h6>Invitation link</h6>
                <button class="btn btn-copy ml-auto button-addon2" type="button">Copy</button>
            </div>
            <h5 style="font-size: 10px !important;"> https://sibati.xyz/sibati/register/invite/code/HWlkrC<br /></h5>
            <input type="hidden" id="link" class="form-control" value="https://sibati.xyz/sibati/register/invite/code/HWlkrC">
        </div>
        <div class="red-block">
            <p class="font-weight-bold">How to form your own team to make money?</p>
            <p>1. Invite friends to form your own team on Telegram, WhatsApp, Facebook and Twitter via your invite link</p>
            <p>2. Friends who register through your link, you can get an income of ₹6, and the same IP is limited to 5 people</p>
            <p>3. Team members Plan Buy, you can get recharge rebates (20% - 3% - 2%)</p>
            <p>For example:</p>
            <p>Top-up ₹10000 for a first-tier member, you get ₹10000x0.20 = ₹2,000 income</p>
            <p>Secondary member recharge ₹10000, you get ₹10000 x 0.03 = ₹300 income</p>
            <p>Level 3 member recharge ₹10000, you get ₹10000 x 0.02 = ₹200 income</p>
            <p>After the member recharges successfully, your rewards will arrive immediately.</p>
            <p>In addition, you can get 1 chance to spin the wheel, and you can get up to ₹200,000 in rewards</p>
            <p>4. You can get a commission (20% - 3% - 2%) if the team members make a profit betting</p>
            <p>For example:</p>
            <p>Tier 1 team members get ₹100000 betting income every day, you get ₹100000 x 0.20 = ₹20000 income</p>
            <p>Tier 2 team members get ₹100000 wagering income per day, you get ₹100000 x 0.03 = ₹3000 income</p>
            <p>Level 3 team members get ₹100000 betting income every day, you get ₹100000 x 0.02 = ₹2000 income</p>
            <p>You can get a stable commission income of ₹20000+3000+2000 = ₹25000 every day</p>
            <p>The reward will be distributed at 12:00 noon every day to the commission income of the previous day</p>
            <p>5. The stronger your team is, the more income you will earn. Hard work will definitely pay off. If you encounter problems or need cooperative support, please contact customer service.</p>
        </div>

</div>

.footer-nav .nav-item img {
            width: 24px;
            margin: 0 auto 4px;
        }

.footer-nav .nav-item.active {
            color: #a20334;
        }
    </style>

<div class="footer-nav">
        <a class="nav-item flex-fill  " href="https://sibati.xyz/home">
        <img src="https://sibati.xyz/img/icon-home-active.png" alt="">
        <div class="nav-text">Home</div>
    </a>
        <a class="nav-item flex-fill " href="https://sibati.xyz/income">
        <img src="https://sibati.xyz/img/icon-income.png" alt="">
        <div class="nav-text">Income</div>
    </a>
        <a class="nav-item flex-fill " href="https://sibati.xyz/match">
        <img src="https://sibati.xyz/img/icon-match.png" alt="">
        <div class="nav-text">Match</div>
    </a>
        <a class="nav-item flex-fill  active " href="https://sibati.xyz/myteam">
        <img src="https://sibati.xyz/img/icon-team.png" alt="">
        <div class="nav-text">Team</div>
    </a>
        <a onclick="myPageOpen()" class="nav-item flex-fill " href="javascript:void(0)">
        <img src="https://sibati.xyz/img/icon-me.png" alt="">
        <div class="nav-text">Me</div>
    </a>
    </div>

<div class="my-page-backdrop" id="myPageBd" onclick="myPageClose()"></div>
    <div class="my-page" id="myPage">
        <div class="page-top">
            <h4>Dear Sibati User:</h4>
            <div class="flex-area">
                <div class="vip"><img src="https://sibati.xyz/img/icon-vip.png" class="w-100 h-100"></div>
                <h5>7428730894</h5>
            </div>
            <div class="close-btn" onclick="myPageClose()"><img src="https://sibati.xyz/img/my-page-close-btn.png" class="w-100 h-100"></div>
        </div>
        <div class="nav-area">
            <div class="flex-area mb-4">
                <div class="d-block text-left">
                    <h6>Total assets</h6>
                    <h5>₹60</h5>
                </div>
                <div class="d-block ml-auto text-right">
                    <h6>Earning</h6>
                    <h5>₹0</h5>
                </div>
            </div>

<a href="https://sibati.xyz/vip" class="nav">VIP center<i class="bi bi-chevron-right"></i></a>
            <a href="https://sibati.xyz/coupons" class="nav">Experience coupon<i class="bi bi-chevron-right"></i></a>
            <a href="https://sibati.xyz/profile/mybank" class="nav">Bank account<i class="bi bi-chevron-right"></i></a>
            <a href="https://sibati.xyz/service" class="nav">Customer service<i class="bi bi-chevron-right"></i></a>
            <a href="javascript:void(0)" data-toggle="modal" data-target="#redempModal" class="nav">Reward redemption<i class="bi bi-chevron-right"></i></a>
            <a href="https://sibati.xyz/change/password" class="nav">Edit password<i class="bi bi-chevron-right"></i></a>
            <a href="https://sibati.xyz/help" class="nav">Beginner's guide<i class="bi bi-chevron-right"></i></a>
            <a href="https://sibati.xyz/recharge-record?type=3" class="nav">Transaction<i class="bi bi-chevron-right"></i></a>

<div id="redempModal" class="modal modal-reward fade">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content" style="">
                <div class="modal-body">
                    <div class="mod-heading">Reward redemption</div>
                    <form action="">
                        <input type="text" id="redemption" class="form-control" placeholder="Enter redemption code">
                        <button type="button" onclick="opent()" class="btn redeem-btn">Click to redeem</button>
                    </form>
                </div>
                <button class="btn redeem-close" data-dismiss="modal" aria-label="Close"></button>

</div>
        </div>
    </div>

.modal.modal-reward .modal-body {
            padding: 210px 65px 150px;
            text-align: center;
        }

.modal.modal-reward .mod-heading {
            font-size: 25px;
            font-weight: 700;
            color: #fff;
            margin-bottom: 10px;
        }

.modal.modal-reward input.form-control {
            width: 100%;
            height: 45px;
            background-color: #c11833;
            border: 0;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 400;
            color: #fff;
            padding: 0 12px;
            margin-bottom: 20px;
        }

.modal.modal-reward input.form-control::placeholder {
            font-size: 16px;
            color: rgba(255, 255, 255, 0.7);
        }

.modal.modal-reward button.btn.redeem-btn {
            width: 180px;
            height: 52px;
            background: transparent url("https://sibati.xyz/img/reward-redem-btn.png") no-repeat center center;
            background-size: 100% 100%;
            font-size: 19px;
            font-weight: 400;
            line-height: 19px;
            color: #ff4826;
            padding: 11px 0 16px;
        }

.modal.modal-reward button.btn.redeem-close {
            width: 36px;
            height: 36px;
            padding: 0;
            border: 0;
            border-radius: 100%;
            background: transparent url("https://sibati.xyz/img/home-modal-close-button.png") no-repeat center center;
            background-size: cover;
            position: absolute;
            transform: translate(-50%, -50%);
            left: 50%;
            bottom: 35px;
        }
    </style>

if (redemption) {
                $.ajax({
                    url: "https://sibati.xyz/treasurspay",
                    data: {
                        "_token": "6I0il8GNPbJrRtU5mbdG9QU6sN2URTAVfaX7vMD7",
                        "code": redemption
                    },
                    dataType: "json",
                    type: "post",
                    success: function(response) {
                        if (response.status) {

alert(response.message);
                            location.reload();

// finalValue.innerHTML = `<p> ${response.message}</p>`;

} else {

alert('');
                            // finalValue.innerHTML = `<p> ${response.message}</p>`;

}
                    }
                });
            } else {
                alert('pless enter redemption code ..');
            }

}
    </script>

function myPageClose() {
            var page = document.getElementById("myPage");
            var pagebd = document.getElementById("myPageBd");
            page.classList.remove("open");
            pagebd.classList.remove("open");
        }
    </script>
    <script>
        $(".button-addon2").on('click', function() {
            var target = $("#link");

var $temp = $("<input>");
            $("body").append($temp);
            $temp.val(target.val()).select();
            document.execCommand("copy");
            $temp.remove();

$(".button-addon2").text('Copied');
            window.setTimeout(function() {
                $(".button-addon2").text('Copy Link');
            }, 2000);
        });
        $(".button-addon3").on('click', function() {
            var target = $("#link1");

var $temp = $("<input>");
            $("body").append($temp);
            $temp.val(target.val()).select();
            document.execCommand("copy");
            $temp.remove();

$(".button-addon3").text('Copied');
            window.setTimeout(function() {
                $(".button-addon3").text('Copy Link');
            }, 2000);
        });
    </script>
</body>

</html>