https://matrixhubs.shop/

스캔 ID:
d2c0b719-4eb2-424e-ae91-61dd62301aa1완료
제출된 URL:
https://matrixhubs.shop/
보고서 완료:

링크 · 0개 결과

페이지에서 식별된 외부 링크

JavaScript 변수 · 37개 결과

페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다

콘솔 로그 메시지 · 4개 결과

웹 콘솔에 기록된 메시지

HTML

페이지의 원시 HTML 본문

<!DOCTYPE html><html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Matrix Hub</title>
    <link rel="icon" type="image/x-icon" href="image/logo.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="https://cdn.sell.app/embed/script.js" type="module">
        </script>
    <link href="https://cdn.sell.app/embed/style.css" rel="stylesheet">
<style>
    @font-face {
    font-family: batmfa__;
    src: url(font/batmfa__.ttf);
    }
    * {
        font-family: batmfa__;
    box-sizing: border-box;
    }
    html, body {
        height: 100%;
        background: url(image/bg.png) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    body {
        margin: 0;
        font-family: Arial;
        font-size: 17px;
    }

    #myVideo {
        object-fit: cover;
        position: fixed;
        right: 0;
        bottom: 0;
        min-width: 100%; 
        min-height: 100%;
    }
    .contentov {
        position: relative;
        bottom: 0px;
        color: #f1f1f1;
        width: 100%;
        height: 100%;
    }
    .custom-nav:hover
    {
        color:rgb(85,174,254) !important;
    }
    .checked {
        color: orange;
    }
    .modal-backdrop
    {
        position: unset !important;
    }
    .mousepointer:hover
    {
        cursor: pointer;
        border: 1px solid rgb(85,174,254);
        box-shadow: 2px 2px rgba(85,174,254,0.2);
    }
    .mousepointerstar:hover
    {
        cursor: pointer;
    }
    .noBorder
    {
        border: none;
    }
    /* width */
    ::-webkit-scrollbar {
    width: 10px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
    background: #f1f1f1; 
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
    background: #888; 
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
    background: #555; 
    }
    .swal2-popup,.swal2-html-container {
    font-size: 1rem !important;
    font-family: Monospace;
    }
    .swal2-confirm,.swal2-cancel
    {
        font-family: Monospace;
    }
</style>
<style>.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#facea8;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#9de0f6;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#c9dae1;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}</style><link id="sellSnModalStyles" rel="stylesheet" href="https://pay.sellsn.io/embed/embed.css"></head>
<body>
    <!--<video autoplay muted loop id="myVideo">
        <source src="image/bg.mp4" type="video/mp4">
    </video>-->
    <div class="contentov">
        
        <div style="padding-left:50px;padding-right:50px;background: rgba(0, 0, 0, 0.5);">
            <nav class="navbar navbar-expand-lg navbar-light">
                <a class="navbar-brand" href="#"><img src="image/logo.png" width="50" height="50" style="margin-top: 10px;" alt=""></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
                </button>
            
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item">
                            <a class="nav-link custom-nav" href="#" style="color:white;">Home</a>
                        </li>
                        <!--<li class="nav-item custom-nav">
                            <a class="nav-link custom-nav" href="#" style="color:white;">How to</a>
                        </li>-->
                        <li class="nav-item custom-nav">
                            <a class="nav-link custom-nav" href="#" style="color:white;" onclick="window.location.href='https://discord.gg/matrixhub'">Discord</a>
                        </li>
                        <li class="nav-item custom-nav">
                            <a class="nav-link custom-nav" href="#" style="color:white;" data-toggle="modal" data-target="#download">Download</a>
                        </li>
                    </ul>
                </div>
            </nav>
            <div class="row justify-content-center">
                <div class="col-xl-12">
                    <center>
                        <div class="typing-container">
                            <span id="sentence" class="sentence">Welcome to Matrix Hub,</span>
                            <span id="feature-text" style="color: rgb(85, 174, 254);">The </span>
                            <span class="input-cursor"></span>
                        </div>
                       
                    </center>
                </div>
                
                <div class="col-xl-12" style="padding: 50px;">
                    <center>
                        <div class="card mousepointer" data-toggle="modal" data-target="#exampleModalLong" style="width: 18rem;background-color: rgba(85, 174, 254, .1);">
                            <img class="card-img-top" src="image/program.png" alt="Card image cap">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12"> <h5 class="card-title" style="color: white;font-size: 20px;font-family: Monospace;">Matrix External</h5></div>
                                    <div class="col-12"> <h5 class="card-title" style="color: #55aefe;font-size: 13px;font-family: Monospace;">$4.99 / Lifetime (Not include fee)</h5></div>
                                    <div class="col-9"></div>
                                    

                                </div> 
                            </div>
                        </div>
                    </center>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-xl-9">
                    <div class="typing-container">
                        <span id="" class="">last Feedback (<font id="reviewnumber">65</font> Reviews)</span>
                    </div>
                    <div id="contentcardreview">
                        <div class="card" id="cardreview" style="display:none;width: 100%;background-color: rgba(85, 174, 254, .1);margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">15 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Review form system (Test from staff)</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">23 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">solid</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">23 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">21 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">21 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">so good</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">19 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Just bought. if your on apple easiest payment is apple pay very quick everything sent to my email bout to test it out</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">17 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">About to try it very promising</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">I LOVE THE ESP</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Nice</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">very good :thumbs_up:</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">15 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">15 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">TY BBGGG</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">12 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Silent-aim Dahood insane!!!!!!!</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">12 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Best External in Da World 🔥</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">11 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">11 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">good</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">08 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">06 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">01 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">29 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">หนับหนุน</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">29 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">aO</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">27 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">14 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">I really like it</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">11 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">i like</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">08 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">good for pf</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">06 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">พวกรุ่นใหญ่ da hood ดับหมด</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Best External | Real Silent aim in external working so Fire🔥🔥🔥</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">best external</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">best external</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">30 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">nice</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Best Lock</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">20 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">15 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">11 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">i love it.</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">03 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">good for project delta 🔥🔥🔥</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">18 Feb 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">cool cheat</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">17 Feb 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">10 Feb 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">09 Feb 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">02 Feb 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">30 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">29 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">shi fire</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">27 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">27 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">หนับหนุน</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">22 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">22 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">21 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">20 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">20 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">18 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">ของคนไทยของจริงครับ</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">17 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">17 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">เยี่ยม</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">17 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">เอาจัดโปรคนไทย ต้องสนับสนุน 🔝🔝 🔥🔥🔥🔥</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">On top 🔥🔥🔥</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">test</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">this message test by staff don't care</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div></div>
                </div>
            </div>


            <div style="left:0;bottom: 0;relative: absolute;width: 100%;">
                <center>
                    <h5 class="card-title"><font style="color: #55aefe;font-size: 13px;font-family: Monospace;font-weight: bold;">matrixhubs.shop</font><font style="color: white;font-size: 13px;font-family: Monospace;font-weight: bold;"> © 2024</font></h5>
                </center>
            </div>
            &nbsp;
        </div>
        

        <!-- Modal -->
        <div class="modal fade" id="review" tabindex="-1" role="dialog" aria-labelledby="reviewModal" aria-hidden="true">
            <div class="modal-dialog" role="document">
            <div class="modal-content" style="background-color: rgba(85, 174, 254, .9);">
                <div class="modal-body noBorder">
                    <input type="hidden" id="reviewhash">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h5 style="color: white;font-size: 20px;font-family: Monospace;font-weight: bold;">Review</h5>
                    <textarea class="form-control" style="font-family: Monospace;" id="reviewmessage" rows="3"></textarea>
                    <center>
                        <span style="font-size: 15px;" id="star_1" onmouseover="processstart(1);" class="fa fa-star mousepointerstar"></span>
                        <span style="font-size: 15px;" id="star_2" onmouseover="processstart(2);" class="fa fa-star mousepointerstar"></span>
                        <span style="font-size: 15px;" id="star_3" onmouseover="processstart(3);" class="fa fa-star mousepointerstar"></span>
                        <span style="font-size: 15px;" id="star_4" onmouseover="processstart(4);" class="fa fa-star mousepointerstar"></span>
                        <span style="font-size: 15px;" id="star_5" onmouseover="processstart(5);" class="fa fa-star mousepointerstar"></span>
                    </center>

                    <button type="button" id="submitreview" style="margin-top:10px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        Submit
                    </button>
                </div>
            </div>
            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
            <div class="modal-dialog" role="document">
            <div class="modal-content" style="background-color: rgba(85, 174, 254, .9);">
               
                <div class="modal-body noBorder">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h5 style="color: white;font-size: 20px;font-family: Monospace;font-weight: bold;">Select Currency and Method payment

                    <div style="background:white;padding:20px;color:black;border-radius:10px 10px;font-family: Monospace;">
                       
<p style="font-family: Monospace; font-size: 1.1em;">
    <strong style="color: #007BFF; font-family: Monospace; font-size: 1.2em;">(Instant Delivery)</strong>
</p>
<p style="font-family: Monospace; font-size: 1.1em;">
    <strong style="color: #FF5733; font-family: Monospace;">Please Read Before Purchase:</strong> After payment, the system will send the <strong style="color: #FF5733; font-family: Monospace;">License</strong> to the email you provided immediately. Please make sure to enter your email correctly. If you can't find it, please check your <strong style="color: #FF5733; font-family: Monospace;">Junk Mail</strong> or <strong style="color: #FF5733; font-family: Monospace;">Spam Mail</strong>.
</p>

                        <br>

    <button data-dismiss="modal" data-sellsn-sid="231c055c-093c-4376-a8e2-1a26fa89e1c5" data-sellsn-pid="f13c5319-7e96-4631-b612-c1fda5dde391" type="button" style="margin-top:5px;width:100%;color:black;font-size: 15px;font-family: Monospace;" class="btn btn-warning">


    PayPal
                            <img style="border-radius: 5px;" src="image/paypal.png" width="35" height="30" alt="">


                        </button>
                    </div>


                    <br>
                    <div style="background:white;padding:20px;color:black;border-radius:10px 10px;font-family: Monospace;">
                        (Thailand Only) สำหรับคนที่จะจ่ายด้วย <span style="color:blue; font-weight:bold;font-family: Monospace;">TrueMoneyWallet</span> หรือ <span style="color:blue; font-weight:bold;font-family: Monospace;">PromptPay</span>, กรุณาเข้าร่วม <span style="color:blue; font-weight:bold;font-family: Monospace;">Discord</span> และเปิด <span style="color:blue; font-weight:bold;font-family: Monospace;">Ticket TrueMoneyWallet/PromptPay</span> เพื่อชำระเงิน
                        <br><br>
                        <button data-dismiss="modal" onclick="window.location.href='https://discord.gg/matrixhub'" type="button" style="margin-top:5px;width:100%;color:black;font-size: 15px;font-family: Monospace;" class="btn btn-warning">
                            TrueMoneyWallet/PromptPay
                            <!--<img style="border-radius: 5px;" src="image/true.png" width="60" height="40" alt="">-->
                            <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/truemoney-wallet.svg">
                            <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/PromptPay.svg">
                        </button>
                    </div>
                    <br>
                    <div style="background:white;padding:20px;color:black;border-radius:10px 10px;font-family: Monospace;">
                        For those paying with a <span style="color:blue; font-weight:bold;font-family: Monospace;">Credit Card</span>, please join our <span style="color:blue; font-weight:bold;font-family: Monospace;">Discord</span> and open a <span style="color:blue; font-weight:bold;font-family: Monospace;">Credit Card Ticket</span> to make your payment, and ping the <span style="color:blue; font-weight:bold;font-family: Monospace;">Admin</span> in the channel.
                        <br><br>
                        <button data-dismiss="modal" onclick="window.location.href='https://discord.gg/matrixhub'" type="button" style="margin-top:5px;width:100%;color:black;font-size: 15px;font-family: Monospace;" class="btn btn-warning">
                            Credit Card
                            <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/visa.svg">
                        <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/mastercard.svg">
                        <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/jcb.svg">
                        <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/americanExpress.svg">
                        </button>
                    </div>

                    <!--<div style="background:white;padding:20px;color:black;border-radius:10px 10px;font-family: Monospace;">
                        For those who will pay with <span style="color:blue; font-weight:bold;font-family: Monospace;">CashApp</span> or <span style="color:blue; font-weight:bold;font-family: Monospace;">Apple Pay</span>, please contact <span style="color:blue; font-weight:bold;font-family: Monospace;">Reseller</span> on <span style="color:blue; font-weight:bold;font-family: Monospace;">Discord</span> or click the button to go to the reseller purchase page.
                        <br><br>If there are any issues, please open a <span style="color:red; font-weight:bold;font-family: Monospace;">Ticket with reseller</span> on Discord.
                        <br><br>

                        <button data-dismiss="modal" onclick="window.location.href='https://wfa.sell.app/'" type="button" style="margin-top:5px;width:100%;color:black;font-size: 15px;font-family: Monospace;" class="btn btn-warning">
                            CashApp or Apple Pay
                            <img style="border-radius: 5px;" src="image/cash.png" width="35" height="30" alt="">
                            <img style="border-radius: 5px;" src="image/apple.png" width="35" height="30" alt="">
                        </button>
                        
                        
                    </div>-->

                    </h5>
                    
                    <!--<button type="button" style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        (Thailand only) Truemoney wallet (ติดต่อในดิส)
                        <img style="background-color: white;border-radius: 5px;" src="image/true.png" width="100" height="45" alt="">
                    </button>-->
                    <!--<button type="button" onclick="window.location.href='https://discord.gg/FswdKATJEF'" style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        CashApp or Apple Pay Please contact Reseller on discord
                        <img style="background-color: white;border-radius: 5px;" src="image/cash.png" width="35" height="30" alt="">
                        <img style="background-color: white;border-radius: 5px;" src="image/apple.png" width="35" height="30" alt="">

                    </button>-->
                    <!--<h5  style="color: white;font-size: 17px;font-family: Monospace;">Note: Please use your email to receive your license key.
                    
                    
                    <br><br>PromptPay(THB Only) method don't select Currency.<br><br>If not receive license key after pay you can contact Admin in discord (24/7).<br><br></h5>-->
                    
                    <!--<select id="Currency" style="font-family: Monospace;width: 100%;">
                        <option style="font-family: Monospace;" value="none">Select Currency:</option>
                        <option style="font-family: Monospace;" value="THB">THB</option>
                        <option style="font-family: Monospace;" value="USD">USD</option>
                    </select>
                    <button type="button" id="ccardcreate" style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        CreditCard with 
                        <img style="background-color: white;border-radius: 5px;" src="image/visa.png" width="35" height="30" alt="">
                        <img style="background-color: white;border-radius: 5px;" src="image/mastercard.png" width="35" height="35" alt="">
                    </button>
                    <button type="button" id="ppcreate"style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        PromptPay
                        <img style="background-color: white;border-radius: 5px;" src="image/PromptPay.png" width="70" height="35" alt="">
                    </button>-->
                    <!--<button type="button" onclick="window.location.href='https://funpay.com/en/lots/offer?id=27840815'" style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        
                        <img style="background-color: white;border-radius: 5px;" src="image/funpay.png" width="70" height="25" alt="">
                    </button>-->
                </div>
            </div>
            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="download" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
            <div class="modal-dialog" role="document">
            <div class="modal-content" style="background-color: rgba(85, 174, 254, .9);">
               
                <div class="modal-body noBorder">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h5 style="color: white;font-size: 20px;font-family: Monospace;font-weight: bold;">Download Software<br>Please enter license key.<!--<br>***Password File : <font style='color: red;font-size: 20px;font-family: Monospace;font-weight: bold;'>MatrixHub</font>--></h5>
                    <div class="form-group">
                        <input type="text" class="form-control" id="licensekeytodownload" placeholder="License key">
                    </div>
                    <button type="button" id="createdownload" style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        Download
                    </button>
                </div>
            </div>
            </div>
        </div>
    </div>
    <script src="https://js.stripe.com/v3/"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/sweetalert2.js"></script>
    <script type="text/javascript" src="https://pay.sellsn.io/embed.min.js"></script>
    <script>
        var currentstar = 0;
        function processstart(id)
        {
            for(var i = 1;i<=5;i++)
            {
                $('#star_'+i).removeClass("checked");
            }
            for(var i = 1;i<=id;i++)
            {
                $('#star_'+i).addClass("checked");
            }
            currentstar = id;
        }
        const carouselText = [
            {text: "The best Universal External for Roblox", color: "#55aefe"},
        ]
        carousel(carouselText, "#feature-text");
        async function typeSentence(sentence, eleRef, delay = 50) {
        const letters = sentence.split("");
        let i = 0;
        while(i < letters.length) {
            await waitForMs(delay);
            $(eleRef).append(letters[i]);
            i++
        }
        return;
        }

        async function deleteSentence(eleRef) {
        const sentence = $(eleRef).html();
        const letters = sentence.split("");
        let i = 0;
        while(letters.length > 0) {
            await waitForMs(30);
            letters.pop();
            $(eleRef).html(letters.join(""));
        }
        }

        async function carousel(carouselList, eleRef) {
            var i = 0;
            while(true) {
            updateFontColor(eleRef, carouselList[i].color)
            await typeSentence(carouselList[i].text, eleRef);
            await waitForMs(1500);
            await deleteSentence(eleRef);
            await waitForMs(500);
            i++
            if(i >= carouselList.length) {i = 0;}
            }
        }

        function updateFontColor(eleRef, color) {
            $(eleRef).css('color', color);
        }

        function waitForMs(ms) {
            return new Promise(resolve => setTimeout(resolve, ms))
        }
        $(document).ready(function(){

            
            $("#createdownload").button().click(function(){

                $.get("api/download.php?licensekey="+$('#licensekeytodownload').val(), function(data, status){
                    const objData = JSON.parse(data);
                    //if(objData['success'])
                    //console.log(objData);

                    location.replace(objData['success']); 

                    Swal.fire({
                        icon: "success",
                        title: "Thanks for use Matrix Hub."
                    });
                    //windows.location.href = objData['success'];
                    //alert("Data: " + data + "\nStatus: " + status);
                }).fail(function(data) {
                    const obj = JSON.parse(data.responseText);
                    Swal.fire({
                        icon: "error",
                        title: "Oops...",
                        text: obj['error']
                    });
                });
 
            }); 

            $.get("getreview.php", function(data, status){
                const obj = JSON.parse(data);
                for(var i = 0;i<obj.length;i++)
                {
                    const objData = JSON.parse(obj[i]['reviews']);
                    var cloneEle = $('#cardreview').clone();
                   // cloneEle.find('#_datereview').html('test');

                    for(var j = 1;j<=objData['star'];j++)
                    {
                        cloneEle.find('#__star_'+j).addClass("checked");
                    }
                    //__star_1
                    cloneEle.find('#_datereview').html(objData['date']);
                    cloneEle.find('#_messagereview').html(objData['message']); 

                    cloneEle.appendTo('#contentcardreview').show();
                    //appendTo('#contentcardreview').show();
                    //console.log(objData);
                    //alert("Data: " + data + "\nStatus: " + status);
                }

                $('#reviewnumber').html(obj.length);
            });
 

            const stripe = Stripe('pk_live_51OVeiNAXNzgbsQ6yvMirANrwXdJ20PCPaMIr8LqG2lL9aj1Uk4ACUZVZQeP1Wtod8483TqaRpamDHgXH8EH3efK900DVHu4Asc');
            $("#ppcreate").button().click(function(){
                $.get("create_pp.php", function(data, status){
                    const obj = JSON.parse(data);
                    Swal.fire({
                        icon: "warning",
                        text: "Do you want to pay now?",
                        showCancelButton: true,
                        confirmButtonText: "Let's go",
                        denyButtonText: 'No'
                    }).then((result) => {
                    /* Read more about isConfirmed, isDenied below */
                    if (result.isConfirmed) {
                        stripe.redirectToCheckout({
                            sessionId: obj['success'],
                        });
                    } else if (result.isDenied) {
                    }
                    });
                    //alert("Data: " + data + "\nStatus: " + status);
                }).fail(function(data) {
                    const obj = JSON.parse(data.responseText);
                    Swal.fire({
                        icon: "error",
                        title: "Oops...",
                        text: obj['error']
                    });
                });
 
            }); 

            
            $("#submitreview").button().click(function(){
                $.get("review.php?hashid="+$('#reviewhash').val()+'&star='+currentstar+'&message='+$('#reviewmessage').val(), function(data, status,xhr){
                    $('#review').modal('hide');
                    //alert(data);
                    Swal.fire({
                    icon: "success",
                    confirmButtonText: "OK",
                    html: "Thank for review."
                    });
                });
            }); 
            $("#ccardcreate").button().click(function(){
                $.get("create_ccard.php?typecurrentcy="+$("#Currency").val(), function(data, status,xhr){
                    const obj = JSON.parse(data);
                    Swal.fire({
                        icon: "warning",
                        text: "Do you want to pay now?",
                        showCancelButton: true,
                        confirmButtonText: "Let's go",
                        denyButtonText: 'No'
                    }).then((result) => {
                    /* Read more about isConfirmed, isDenied below */
                    if (result.isConfirmed) {
                        stripe.redirectToCheckout({
                            sessionId: obj['success'],
                        });
                    } else if (result.isDenied) {
                    }
                    });
                }).fail(function(data) {
                    const obj = JSON.parse(data.responseText);
                    Swal.fire({
                        icon: "error",
                        title: "Oops...",
                        text: obj['error']
                    });
                });
            }); 
            
                    });
    </script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8f092232dd3f2fa0',t:'MTczMzk1ODQ3NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>

<div data-v-app=""><!----></div><iframe name="__privateStripeController2621" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *" src="https://js.stripe.com/v3/controller-with-preconnect-af28de358066fb0624fac814b26537fb.html#apiKey=pk_live_51OVeiNAXNzgbsQ6yvMirANrwXdJ20PCPaMIr8LqG2lL9aj1Uk4ACUZVZQeP1Wtod8483TqaRpamDHgXH8EH3efK900DVHu4Asc&amp;stripeJsId=a2f1412f-e65e-4bb4-a80a-e7cf0ee74fa9&amp;controllerCount=1&amp;isCheckout=false&amp;stripeJsLoadTime=1733958475681&amp;manualBrowserDeprecationRollout=false&amp;mids[guid]=NA&amp;mids[muid]=NA&amp;mids[sid]=NA&amp;referrer=https%3A%2F%2Fmatrixhubs.shop%2F&amp;controllerId=__privateStripeController2621" aria-hidden="true" tabindex="-1" style="border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; visibility: hidden !important; position: fixed !important; height: 1px !important; pointer-events: none !important; user-select: none !important;"></iframe><iframe name="__privateStripeMetricsController2620" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *" src="https://js.stripe.com/v3/m-outer-3437aaddcdf6922d623e172c2d6f9278.html#url=https%3A%2F%2Fmatrixhubs.shop%2F&amp;title=Matrix%20Hub&amp;referrer=&amp;muid=NA&amp;sid=NA&amp;version=6&amp;preview=false" aria-hidden="true" tabindex="-1" style="border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; visibility: hidden !important; position: fixed !important; height: 1px !important; pointer-events: none !important; user-select: none !important;"></iframe></body></html>