https://miss.votingforstudents.com/

送信済みURL:
https://miss.votingforstudents.com/
レポート終了日:

リンク · 1件検出

リンクテキスト
https://www.facebook.com/dtndhvlFanpage

JavaScript変数 · 11件検出

名前規模
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
Sweetalert2function
SweetAlertfunction
Swalfunction
sweetAlertfunction
swalfunction
uidEventnumber
bootstrapobject

コンソールログメッセージ · 4件検出

規模分類ログ
errornetwork
URL
https://hoakhoi2023.vlu.edu.vn/build/assets/app-782d0991.css
テキスト
Failed to load resource: net::ERR_CONNECTION_CLOSED
errornetwork
URL
https://hoakhoi2023.vlu.edu.vn/build/assets/app-1ffd0f8b.css
テキスト
Failed to load resource: net::ERR_CONNECTION_CLOSED
warningother
URL
https://miss.votingforstudents.com/
テキスト
The resource https://hoakhoi2023.vlu.edu.vn/build/assets/app-1ffd0f8b.css was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
warningother
URL
https://miss.votingforstudents.com/
テキスト
The resource https://hoakhoi2023.vlu.edu.vn/build/assets/app-782d0991.css was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

HTML

<!DOCTYPE html><html lang="en"><head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- CSRF Token -->
        <meta name="csrf-token" content="55gP035Ci1yETPzJe0O7xVhQC3PjC2zv3JIvC0iB">
        <title>Miss &amp; Mr UD Student Ambassador Contest-2024</title>
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
        <meta property="og:image" content="images/miss-vlu-2023-banner.png">
        <!-- Scripts -->
        <link rel="preload" as="style" href="https://hoakhoi2023.vlu.edu.vn/build/assets/app-782d0991.css">
        <link rel="preload" as="style" href="https://hoakhoi2023.vlu.edu.vn/build/assets/app-1ffd0f8b.css">
        <link rel="stylesheet" href="css/app-782d0991.css">
        <link rel="stylesheet" href="css/app-1ffd0f8b.css">
        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script><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:hsl(0,0%,33%);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):where(.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):where(.swal2-confirm):focus-visible{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.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):where(.swal2-deny):focus-visible{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.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):where(.swal2-cancel):focus-visible{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{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-visible{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:0;padding:1em 1.6em .3em;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 hsl(0,0%,85%);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:hsl(0,0%,94%);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:rgb(249.95234375,205.965625,167.74765625);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:rgb(156.7033492823,224.2822966507,246.2966507177);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:rgb(200.8064516129,217.9677419355,225.1935483871);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,.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,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.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>
        <style>
            .img-stack li {
                width: 30px;
                height: 30px;
                display: grid;
                border-radius: 50%;
                box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
            }
            .img-stack li img {
                width: 100%;
                height: 100%;
            }
        </style>
    </head>
    <body>
        <div id="app">
            <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
                <div class="container">
                    <a class="navbar-brand" href="/">
                        <img class="img-doan-hoi" src="images/logo-doan-hoi-vanlang.png" alt="Van Lang Union Logo">
                    </a>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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">
                        <!-- Left Side Of Navbar -->
                        <ul class="navbar-nav me-auto">
                            <li class="nav-item">
                                <a class="nav-link active miss-text" aria-current="page" href="/">Miss &amp; Mr UD Student Ambassador Contest-2024</a>
                            </li>
                        </ul>
                        <!-- Right Side Of Navbar -->
                        <ul class="navbar-nav ms-auto">
                            <li class="nav-item">
                                <a class="nav-link" href="/">Home</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="gioithieu.html">Introduction</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="huongdan.html">Voting Instructions</a>
                            </li>
                            <!-- Authentication Links -->
                            <li class="nav-item">
                                <a class="nav-link btn btn-primary text-white" type="button" href="#" data-bs-toggle="modal" data-bs-target="#loginModal">Login</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
            <main>
                <div class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="images/bg.png" class="d-block w-100" alt="...">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row mt-4">
                        <h1 style="font-size: 1.5rem; font-weight: 700;">CONTESTANT LIST</h1>
                    </div>
                    <div class="row">
                        <div class="col-md-3 mt-4" id="contestant-1">
                            <div class="card">
                                <img class="card-img-top" src="images/person/1.jpg" alt="Đoàn Nguyễn Phương Anh">
                                <div class="card-body">
                                    <h4>Đoàn Nguyễn Phương Anh</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 105
                                        <br>
                                        <b>Faculty:</b> Public Relations - Communications
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/3.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/16.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/5.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/21.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/5.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/6.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">30+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 181</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-2">
                            <div class="card">
                                <img class="card-img-top" src="images/person/2.jpg" alt="Thái Hồng Anh">
                                <div class="card-body">
                                    <h4>Thái Hồng Anh</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 126
                                        <br>
                                        <b>Faculty:</b> Law
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/3.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/13.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/18.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/22.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/9.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/23.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">48+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 149</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-3">
                            <div class="card">
                                <img class="card-img-top" src="images/person/3.jpg" alt="Hồ Trương Ngọc Ánh">
                                <div class="card-body">
                                    <h4>Hồ Trương Ngọc Ánh</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 146
                                        <br>
                                        <b>Faculty:</b> Public Relations - Communications
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/1.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/24.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/23.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/21.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/23.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/3.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">28+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 125</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-4">
                            <div class="card">
                                <img class="card-img-top" src="images/person/4.jpg" alt="Nguyễn Nhật Hoàng Cẩm">
                                <div class="card-body">
                                    <h4>Nguyễn Nhật Hoàng Cẩm</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 106
                                        <br>
                                        <b>Faculty:</b> Commerce
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/7.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/4.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/17.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/13.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/3.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/1.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">48+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 49</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-5">
                            <div class="card">
                                <img class="card-img-top" src="images/person/5.jpg" alt="Nguyễn Minh Hồng Cẩm">
                                <div class="card-body">
                                    <h4>Nguyễn Minh Hồng Cẩm</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 157
                                        <br>
                                        <b>Faculty:</b> Arts, Theater, and Cinema
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/17.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/6.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/8.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/3.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/14.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/24.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">28+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 25</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-6">
                            <div class="card">
                                <img class="card-img-top" src="images/person/6.jpg" alt="Nguyễn Võ Kim Chi">
                                <div class="card-body">
                                    <h4>Nguyễn Võ Kim Chi</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 155
                                        <br>
                                        <b>Faculty:</b> Foreign Languages
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/20.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/16.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/21.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/13.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/2.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/22.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">28+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 49</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-7">
                            <div class="card">
                                <img class="card-img-top" src="images/person/7.jpg" alt="Nguyễn Thị Thúy Dung">
                                <div class="card-body">
                                    <h4>Nguyễn Thị Thúy Dung</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 109
                                        <br>
                                        <b>Faculty:</b> Finance - Banking
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/24.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/14.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/24.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/11.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/10.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/7.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">48+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 151</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-8">
                            <div class="card">
                                <img class="card-img-top" src="images/person/8.jpg" alt="Phùng Lê Thanh Hà">
                                <div class="card-body">
                                    <h4>Phùng Lê Thanh Hà</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 112
                                        <br>
                                        <b>Faculty:</b> Foreign Languages
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/6.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/19.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/5.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/11.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/20.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/19.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">40+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 119</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-9">
                            <div class="card">
                                <img class="card-img-top" src="images/person/9.jpg" alt="Võ Thị Hằng">
                                <div class="card-body">
                                    <h4>Võ Thị Hằng</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 124
                                        <br>
                                        <b>Faculty:</b> Public Relations - Communications
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/5.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/1.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/20.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/13.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/21.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/7.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">33+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 106</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-11">
                            <div class="card">
                                <img class="card-img-top" src="images/person/11.jpg" alt="Lường Thị Vĩnh Linh">
                                <div class="card-body">
                                    <h4>Lường Thị Vĩnh Linh</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 113
                                        <br>
                                        <b>Faculty:</b> Commerce
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/24.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/4.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/22.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/15.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/9.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/17.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">14+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 78</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-12">
                            <div class="card">
                                <img class="card-img-top" src="images/person/12.jpg" alt="Trần Hoàng Phương Linh">
                                <div class="card-body">
                                    <h4>Trần Hoàng Phương Linh</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 120
                                        <br>
                                        <b>Faculty:</b> Public Relations - Communications
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/23.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/3.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/21.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/13.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/12.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/16.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">28+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 43</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-13">
                            <div class="card">
                                <img class="card-img-top" src="images/person/13.jpg" alt="Nguyễn Thanh Khánh Linh">
                                <div class="card-body">
                                    <h4>Nguyễn Thanh Khánh Linh</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 171
                                        <br>
                                        <b>Faculty:</b> Public Relations - Communications
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/19.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/16.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/22.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/18.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/24.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/5.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">19+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 72</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-14">
                            <div class="card">
                                <img class="card-img-top" src="images/person/14.jpg" alt="Lê Thị Kim Ngân">
                                <div class="card-body">
                                    <h4>Lê Thị Kim Ngân</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 127
                                        <br>
                                        <b>Faculty:</b> Public Relations - Communications
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/22.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/15.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/14.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/3.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/22.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/3.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">17+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 36</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-15">
                            <div class="card">
                                <img class="card-img-top" src="images/person/15.jpg" alt="Huỳnh Bảo Ngọc">
                                <div class="card-body">
                                    <h4>Huỳnh Bảo Ngọc</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 110
                                        <br>
                                        <b>Faculty:</b> Finance - Banking
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/16.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/5.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/23.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/14.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/21.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/9.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">35+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 28</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-16">
                            <div class="card">
                                <img class="card-img-top" src="images/person/16.jpg" alt="Nguyễn Thị Hồng Nhung">
                                <div class="card-body">
                                    <h4>Nguyễn Thị Hồng Nhung</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 160
                                        <br>
                                        <b>Faculty:</b> Applied Arts
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/1.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/22.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/19.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/7.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/15.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/16.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">34+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 24</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-17">
                            <div class="card">
                                <img class="card-img-top" src="images/person/17.jpg" alt="Đặng Trần Thanh Tâm">
                                <div class="card-body">
                                    <h4>Đặng Trần Thanh Tâm</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 156
                                        <br>
                                        <b>Faculty:</b> Public Relations - Communications
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/10.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/11.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/19.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/10.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/23.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/5.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">15+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 131</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-18">
                            <div class="card">
                                <img class="card-img-top" src="images/person/18.jpg" alt="Nguyễn Hoàng Thu Thảo">
                                <div class="card-body">
                                    <h4>Nguyễn Hoàng Thu Thảo</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 154
                                        <br>
                                        <b>Faculty:</b> Tourism
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/15.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/23.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/3.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/17.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/21.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/19.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">21+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 38</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mt-4" id="contestant-19">
                            <div class="card">
                                <img class="card-img-top" src="images/person/19.jpg" alt="Mai Trương Bảo Trân">
                                <div class="card-body">
                                    <h4>Mai Trương Bảo Trân</h4>
                                    <p class="card-text">
                                        <b>ID:</b> 104
                                        <br>
                                        <b>Faculty:</b> Fine Arts and Design
                                    </p>
                                    <ul class="img-stack d-flex">
                                            <li><img src="https://miss.votingforstudents.com/images/user/16.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/19.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/5.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/20.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/9.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li><img src="https://miss.votingforstudents.com/images/user/2.jpg" alt="member-img" style="border-radius: 100%;">
                                            </li>
                                            <li class="bg-theme">43+</li>
                                        </ul>
                                </div>
                                <div class="text-center">
                                    <p><b>Votes: 33</b></p>
                                    <button type="button" class="btn btn-danger mb-3" data-bs-toggle="modal" data-bs-target="#loginModal">Vote</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
        </div>
        <div class="container">
            <footer class="py-3 my-4">
                <ul class="nav justify-content-center border-bottom pb-3 mb-3">
                    <li class="nav-item"><a href="/" class="nav-link px-2 text-muted">Home</a>
                    </li>
                    <li class="nav-item"><a href="gioithieu.html" class="nav-link px-2 text-muted">Introduction</a>
                    </li>
                    <li class="nav-item"><a href="huongdan.html" class="nav-link px-2 text-muted">Voting Instructions</a>
                    </li>
                    <li class="nav-item"><a target="_blank" href="https://www.facebook.com/dtndhvl" class="nav-link px-2 text-muted">Fanpage</a>
                    </li>
                </ul>
                <p class="text-center text-muted">© 2024 - Copyright by Miss &amp; Mr UD Student Ambassador Contest-2024</p>
            </footer>
        </div>
        <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="loginModalLabel">Login</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body text-center">
                        <p>Please log in with your Facebook account to vote for the contestant!</p>
                        <a href="/login">
                            <img src="images/2021_Facebook_icon.svg.webp" style="width: 85px;" alt="logo">
                        </a>
                    </div>
                    <div class="modal-footer d-flex justify-content-center">
                        <a type="button" class="btn btn-success" href="/login">Continue</a>
                    </div>
                </div>
            </div>
        </div>
        <script type="module" src="js/app-4b6ab911.js?284587168"></script>
    
</body></html>