- ID de l'analyse :
- b7f778cf-7179-438b-ba41-67d1a0e2a611Terminée
- URL soumise :
- https://miss.votingforstudents.com/
- Fin du rapport :
Liens : 1 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://www.facebook.com/dtndhvl | Fanpage |
Variables JavaScript : 11 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| Sweetalert2 | function |
| SweetAlert | function |
| Swal | function |
| sweetAlert | function |
| swal | function |
| uidEvent | number |
| bootstrap | object |
Messages de journal de console : 4 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| error | network |
|
| error | network |
|
| warning | other |
|
| warning | other |
|
HTML
Le corps HTML de la page en données brutes
<!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 & 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 & 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 & 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>