CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent" /> <meta property="fb:page_id" content="234558453348" /> <title>SUSU - Login</title> <base href="https://www.susu.org/" /> <link rel="stylesheet" href="https://use.typekit.net/czx6utv.css"> <link rel="stylesheet" href="/coreui/css/bootstrap5/bootstrap.min.css" crossorigin="anonymous"> <link rel="stylesheet" href="/coreui/css/susu-bs5-mods.css?v=20201025" crossorigin="anonymous"> <script rel="preconnect" src="https://kit.fontawesome.com/b2aed9b342.js" crossorigin="anonymous"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#login_form").submit(function() { var user = $("input#user").val(); var pass = $("input#pass").val(); $.post("https://www.susu.org/log-in/", { user: user, pass: pass }, function(data) { if (data.indexOf('Login failed') >= 0) { show_error("Invalid username/password"); } else if (data == 'new user') { $('#login_box').slideUp(500); $('#details_box').load('https://www.susu.org/php/ajax-login-details.php', function() { $(this).slideDown(500); }); $('#loginform').animate({height: 'auto'}, 500);//, marginTop: '50px', marginBottom: '50px' $('#register_text').hide(); return false; } else { window.location = "http://www.susu.org/";//"http://www.susu.org"; } } ).fail(function() { show_error("Unable to login"); }); return false; }); $('#forgot_form').on('submit', function(e) { e.preventDefault(); var email = $('#forgot_email').val(); var check = email.split('@'); if(check[1] == 'soton.ac.uk' || check[1] == 'southampton.ac.uk') { show_error('You have entered a University of Southampton email address. Please visit <a href="https://subscribe.soton.ac.uk/" target="_new">here</a> to recover your password'); } else { var dataString = 'forgot_email='+ email; $.ajax({ type: "POST", url: "https://www.susu.org/forgot/", data: dataString }).done(function(data) { if (data.indexOf('Blank email') >= 0) { show_error("Please enter an email address"); } else { $("#forgot_content").html(); $("#forgot_content").html("<div class=\"alert alert-success\">Thank you. If an account matching the email address has been located then instructions on how to reset your password will be sent to you</div>"); } }).fail(function() { $("#forgot_content").html(); $("#forgot_content").html("<div class=\"alert alert-success\">Thank you. If an account matching the email address has been located then instructions on how to reset your password will be sent to you</div>"); }); } }); $('#reg_pass').on('change keyup', function() { checkPasswordStrength(); }); $('#show_create').click(function() { $('#login_box').slideUp(500); $('#register_box').slideDown(500); $('#loginform').animate({height: 'auto'}, 500);//, marginTop: '50px', marginBottom: '50px' $('#email').focus(); $('#register_text').hide(); $('#forgot_text').hide(); $('#login_text').show(); return false; }); $('#show_forgot').click(function() { $('#login_box').slideUp(500); $('#forgot_box').slideDown(500); $('#forgot_email').focus(); $('#register_text').hide(); $('#forgot_text').show(); $('#login_text').hide(); return false; }); $('.show_login').click(function() { $('#login_box').slideDown(500); $('#register_box').slideUp(500); $('#forgot_box').slideUp(500); $('#loginform').animate({height: 'auto'}, 500);//, marginTop: '160px', marginBottom: '160px' $('#user').focus(); $('#register_text').show(); $('#login_text').hide(); $('#forgot_text').hide(); return false; }); $('#register_form').submit(function() { var pass = $("input#reg_pass").val(); var conf_pass = $("input#conf_pass").val(); var fname = $("input#fname").val(); var sname = $("input#sname").val(); var email = $("input#email").val(); var dob = $("select#dob_year option:selected").val() + "-" + $("select#dob_mon option:selected").val() + "-" + $("select#dob_day option:selected").val(); var country = $("select#country option:selected").val(); var mobile = $("input#mobile").val(); if (user == "" || pass == "" || conf_pass == "" || fname == "" || sname == "" || email == "" || dob == "" || country == "" || mobile == "") { show_error("You must complete all fields."); } else { if (pass == conf_pass) { $.post("https://www.susu.org/register/",//https://www.susu.org/register/", { pass: pass, conf_pass: conf_pass, fname: fname, sname: sname, email: email, dob: dob, country: country, mobile: mobile }, function(data) { if (data == 'Registration failed') show_error(); else if (data == 'new user') window.location = "https://www.susu.org/"; else show_error(data); } ); } else { show_error("Passwords do not match"); $("input#reg_pass").addClass('formerror'); } } return false; }); $('#email').on('change', () => { let email = $('#email').val(); let emailDomain = isUniDomain(email); if(email.length < 4) { $('#validate_email').html('This field requires at least 4 characters.') } else if(!isValidEmail(email)) { $('#validate_email').html('Please enter a valid email address.') } else if(emailDomain) { $('#validate_email').html('You cannot create an account with this email address. Please Log in with your university login details') } else { $('#validate_email').html('') } }); $('#conf_pass').on('change', () => { let confirmPass = $('#conf_pass').val(); let pass = $('#reg_pass').val(); if(confirmPass !== pass) { $('#validate_conf_pass').html('The password and password confirmation you entered do not match.') } else { $('#validate_conf_pass').html('') } }); $('#fname').on('change', () => { let firstName = $('#fname').val(); if(firstName !== '') { $('#validate_first_name').html('') } else { $('#validate_first_name').html('This field is required.') } }); $('#sname').on('change', () => { let lastName = $('#sname').val(); if(lastName !== '') { $('#validate_first_name').html('') } else { $('#validate_first_name').html('This field is required.') } }); $('#mobile').on('change', () => { let phone = $('#mobile').val(); if(phone.length === '') { $('#validate_phone').html('This field is required.') } else { $('#validate_phone').html('') } }); $('#country').on('change', () => { let country = $('#country').val(); if(country === '' || !country) { $('#validate_country').html('Please select a country.') } else { $('#validate_country').html('') } }); }); function checkPasswordStrength() { var number = /([0-9])/; var alphabetsUpper = /([A-Z])/; var alphabetsLower = /([a-z])/; var special_characters = /([~,!,@,#,$,%,^,&,*,-,_,+,=,?,>,<])/; if($('#reg_pass').val().length<8) { $('#password-strength-status').removeClass(); $('#password-strength-status').addClass('alert alert-danger'); $('#password-strength-status').html("Weak password (should be at least 6 characters.)"); } else { if($('#reg_pass').val().match(number) && $('#reg_pass').val().match(alphabetsUpper) && $('#reg_pass').val().match(alphabetsLower) && $('#reg_pass').val().match(special_characters)) { $('#password-strength-status').removeClass(); $('#password-strength-status').addClass('alert alert-success'); $('#password-strength-status').html("Strong password"); } else { $('#password-strength-status').removeClass(); $('#password-strength-status').addClass('alert alert-info'); $('#password-strength-status').html("Medium password (should include upper and lower case letters, numbers and special characters.)"); } } } function isUniDomain(email) { let index = email.indexOf("@"); let domain = email.slice((index+1),email.length).toLowerCase(); if(domain == 'soton.ac.uk' || domain == 'southampton.ac.uk') { return true; } else { return false; } } function show_error(message) { if (message != undefined && message != "") { $('#error_box').html(message).fadeIn(300, function() { setTimeout("hide_error()", 5000); }); } } function hide_error() { $('#error_box').slideUp(500, function() { $('#error_box').html(""); }); } let currentStep = 1; function setStep(step) { switch(step) { case 1: $('#registration_step_2').hide(); $('#registration_step_3').hide(); $('#step_title').html('Account Information'); break; case 2: let email = $('#email').val(); let pass = $('#reg_pass').val(); let confirmPass = $('#conf_pass').val(); if(email.length < 4) { $('#validate_email').html('This field requires at least 4 characters.') return; } if(!isValidEmail(email)) { $('#validate_email').html('Please enter a valid email address.') return; } if(isUniDomain(email)) { $('#validate_email').html('Please Log in with your university login details') return; } if(confirmPass !== pass) { $('#validate_conf_pass').html('The password and password confirmation you entered do not match.') return; } $('#registration_step_1').hide(); $('#registration_step_3').hide(); $('#step_title').html('Personal Information'); break; case 3: let firstName = $('#fname').val(); let lastName = $('#sname').val(); let phone = $('#mobile').val(); let country = $('#country').val(); if(firstName == '') { console.log(firstName) $('#validate_first_name').html('This field is required.') return; } if(lastName == '') { $('#validate_last_name').html('This field is required.') return; } if(phone == '') { $('#validate_phone').html('This field is required.') return; } /*if(!isValidUKPhoneNumber(phone)) { $('#validate_phone').html('This is not a valid UK phone number.') return; }*/ if(country === '' || !country) { $('#validate_country').html('Please select a country.') return; } $('#registration_step_1').hide(); $('#registration_step_2').hide(); $('#step_title').html('Terms & Conditions'); break; } $('#step1').removeClass('active'); $('#step2').removeClass('active'); $('#step3').removeClass('active'); $('#step' + step).addClass('active'); $('#registration_step_' + step).fadeIn(); currentStep = step; } function isValidEmail(email) { const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; return emailRegex.test(email); } function isValidUKPhoneNumber(phoneNumber) { const ukPhoneRegex = /^(?:\+44\s?7\d{3}|$?07\d{3}$?)\s?\d{3}\s?\d{3}$/; return ukPhoneRegex.test(phoneNumber); } </script> <style type="text/css"> body { background: linear-gradient(116deg, #7C1E1D 0%, rgba(124, 30, 29, 0.57) 44.27%, #7C1E1D 100%), url('https://i.imgur.com/Fw6f1Sn.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; } .stepper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; text-align: center; justify-content: center; position: absolute; top: -25px; width: 100%; left: 0; } .stepper .step { display: grid; place-items: center; gap: 10px; } .stepper .step i { width: 50px; height: 50px; display: grid; place-items: center; color: var(--bs-primary); border-radius: 25rem; background: white; font-size: 18px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; } .stepper .step.active i { color: white; background: var(--bs-primary); border: 2px solid var(--bs-primary); } .stepper .step:hover { cursor: pointer; } </style> </head> <body> <div class="d-flex justify-content-center align-items-center h-100 w-100 flex-column gap-4"> <img class="img-fluid mb-2" src="coreui/img/susu2020-white.png" style="height: 100px;" alt="SUSU" /> <div class="card text-black" style="width: 340px;"> <div class="card-body" id="login_box"> <div class="d-flex justify-content-between align-items-start"> <h3 class="text-primary" >Sign In</h3> <a onclick="history.back()" style="font-size: 22px;" href="#"><i class="fal fa-arrow-left"></i></a> </div> <form id="login_form" class="mt-3"> <div class="form-group" style="width: 300px"> <label for="user">Username:</label> <input class="mt-2 form-control fw-light" type="text" id="user" autofocus autocomplete="username" placeholder="Normally in the format abc1d20" required /> </div> <div class="form-group mt-2" style="width: 300px"> <label for="user">Password:</label> <input class="mt-2 form-control fw-light" placeholder="Enter your password" type="password" id="pass" autocomplete="current-password" required /> </div> <div class="d-flex flex-column justify-content-center align-items-center"> <button type="submit" style="height: 50px;" class="btn btn-primary w-100 fw-light mt-3">Sign In <i class="fal fa-arrow-right ms-2"></i></button> <a href="/login-box/?forgot" class="mt-2 fw-light" id="show_forgot">Forgot Password</a> </div> </form> </div> <div class="card-body" id="details_box" style="display: none;"> </div> <div class="card-body" id="forgot_box" style="display: none;"> <div class="d-flex justify-content-between align-items-start"> <div> <h3 class="text-primary m-0" id="step_title">Password Recovery</h3> <p class="text-muted m-0 mt-2 fw-light">Have you forgotten your password? Please enter your registered email address here to proceed</p> </div> </div> <div id="forgot_content"> <form id="forgot_form"> <div class="form-group mt-2"> <label for="forgot_email">Email Address</label> <input type="email" id="forgot_email" name="forgot_email" required class="form-control mt-2" autofocus autocomplete="off" placeholder="Please enter your email address"> </div> <button type="submit" style="height: 50px;" class="btn btn-primary w-100 fw-light mt-3" id="reset">Reset Password</button> </form> </div> </div> <div class="card-body position-relative" id="register_box" style="display: none;"> <div class="stepper"> <div class="step active" id="step1" onclick="setStep(1)"> <i class="fa fa-pen"></i> </div> <div class="step" id="step2" onclick="setStep(2)"> <i class="fa fa-user"></i> </div> <div class="step" id="step3" onclick="setStep(3)"> <i class="fa fa-book"></i> </div> </div> <div class="d-flex justify-content-between align-items-start mt-3"> <div> <h3 class="text-primary m-0" id="step_title">Account information</h3> <p class="text-muted m-0">Registration</p> </div> </div> <form id="register_form" class="mt-2"> <div id="registration_step_1"> <div class="form-group"> <label for="email">Email Address</label> <input type="email" id="email" class="mt-2 form-control" autofocus required placeholder="(this will be your username)" /> <p class="text-danger" id="validate_email"></p> </div> <div class="form-group mt-2"> <label for="reg_pass">Password </label> <input type="password" id="reg_pass" class="mt-2 form-control" placeholder="Create a password" autocomplete="new-password" autofocus required /> <p class="text-danger" id="validate_reg_pass"></p> </div> <div id="password-strength-status"></div> <div class="form-group mt-2"> <label for="conf_pass">Confirm Password</label> <input type="password" id="conf_pass" class="mt-2 form-control" placeholder="Confirm your password" autocomplete="new-password" required /> <p class="text-danger" id="validate_conf_pass"></p> </div> <button style="height: 50px;" onclick="setStep(2)" class="btn btn-primary w-100 fw-light mt-3">Continue <i class="fal fa-arrow-right ms-2"></i></button> </div> <div id="registration_step_2" style="display: none;"> <div class="form-group"> <label for="fname">First Name</label> <input type="text" id="fname" class="mt-2 form-control" placeholder="Enter your first name" required /> <p class="text-danger" id="validate_first_name"></p> </div> <div class="form-group mt-2"> <label for="sname">Last Name</label> <input type="text" id="sname" class="mt-2 form-control" placeholder="Enter your last name" required /> <p class="text-danger" id="validate_last_name"></p> </div> <div class="form-group mt-2"> <label for="mobile">Phone number</label> <input type="tel" id="mobile" class="mt-2 form-control" placeholder="Enter your phone number" /> <p class="text-danger" id="validate_phone"></p> </div> <div class="form-group mt-2"> <label for="mobile">Date of Birth:</label><br/> <div class="d-flex gap-2 mt-2"> <select class="form-select" style="width: 80px;" name="dob_day" id="dob_day"><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option><option value='21'>21</option><option value='22'>22</option><option value='23'>23</option><option value='24'>24</option><option value='25'>25</option><option value='26'>26</option><option value='27'>27</option><option value='28'>28</option><option value='29'>29</option><option value='30'>30</option><option value='31'>31</option></select> <select class="form-select" style="width: 100%;" name="dob_mon" id="dob_mon"><option value='1'>January</option><option value='2'>February</option><option value='3'>March</option><option value='4'>April</option><option value='5'>May</option><option value='6'>June</option><option value='7'>July</option><option value='8'>August</option><option value='9'>September</option><option value='10'>October</option><option value='11'>November</option><option value='12'>December</option></select> <select class="form-select" style="width: 100px;" name="dob_year" id="dob_year"><option value='2025'>2025</option><option value='2024'>2024</option><option value='2023'>2023</option><option value='2022'>2022</option><option value='2021'>2021</option><option value='2020'>2020</option><option value='2019'>2019</option><option value='2018'>2018</option><option value='2017'>2017</option><option value='2016'>2016</option><option value='2015'>2015</option><option value='2014'>2014</option><option value='2013'>2013</option><option value='2012'>2012</option><option value='2011'>2011</option><option value='2010'>2010</option><option value='2009'>2009</option><option value='2008'>2008</option><option value='2007'>2007</option><option value='2006'>2006</option><option value='2005'>2005</option><option value='2004'>2004</option><option value='2003'>2003</option><option value='2002'>2002</option><option value='2001'>2001</option><option value='2000'>2000</option><option value='1999'>1999</option><option value='1998'>1998</option><option value='1997'>1997</option><option value='1996'>1996</option><option value='1995'>1995</option><option value='1994'>1994</option><option value='1993'>1993</option><option value='1992'>1992</option><option value='1991'>1991</option><option value='1990'>1990</option><option value='1989'>1989</option><option value='1988'>1988</option><option value='1987'>1987</option><option value='1986'>1986</option><option value='1985'>1985</option><option value='1984'>1984</option><option value='1983'>1983</option><option value='1982'>1982</option><option value='1981'>1981</option><option value='1980'>1980</option><option value='1979'>1979</option><option value='1978'>1978</option><option value='1977'>1977</option><option value='1976'>1976</option><option value='1975'>1975</option><option value='1974'>1974</option><option value='1973'>1973</option><option value='1972'>1972</option><option value='1971'>1971</option><option value='1970'>1970</option><option value='1969'>1969</option><option value='1968'>1968</option><option value='1967'>1967</option><option value='1966'>1966</option><option value='1965'>1965</option><option value='1964'>1964</option><option value='1963'>1963</option><option value='1962'>1962</option><option value='1961'>1961</option><option value='1960'>1960</option><option value='1959'>1959</option><option value='1958'>1958</option><option value='1957'>1957</option><option value='1956'>1956</option><option value='1955'>1955</option><option value='1954'>1954</option><option value='1953'>1953</option><option value='1952'>1952</option><option value='1951'>1951</option><option value='1950'>1950</option><option value='1949'>1949</option><option value='1948'>1948</option><option value='1947'>1947</option><option value='1946'>1946</option><option value='1945'>1945</option><option value='1944'>1944</option><option value='1943'>1943</option><option value='1942'>1942</option><option value='1941'>1941</option><option value='1940'>1940</option><option value='1939'>1939</option><option value='1938'>1938</option><option value='1937'>1937</option><option value='1936'>1936</option><option value='1935'>1935</option><option value='1934'>1934</option><option value='1933'>1933</option><option value='1932'>1932</option><option value='1931'>1931</option><option value='1930'>1930</option><option value='1929'>1929</option><option value='1928'>1928</option><option value='1927'>1927</option><option value='1926'>1926</option></select> </div> </div> <div class="form-group mt-2"> <label for="country">Country:</label> <select id="country" name="country" class="mt-2 form-select" required> <option selected value="">Select your country</option> <option value="AF" >Afghanistan</option><option value="AX" >脜land Islands</option><option value="AL" >Albania</option><option value="DZ" >Algeria</option><option value="AS" >American Samoa</option><option value="AD" >Andorra</option><option value="AO" >Angola</option><option value="AI" >Anguilla</option><option value="AQ" >Antarctica</option><option value="AG" >Antigua and Barbuda</option><option value="AR" >Argentina</option><option value="AM" >Armenia</option><option value="AW" >Aruba</option><option value="AU" >Australia</option><option value="AT" >Austria</option><option value="AZ" >Azerbaijan</option><option value="BS" >Bahamas</option><option value="BH" >Bahrain</option><option value="BD" >Bangladesh</option><option value="BB" >Barbados</option><option value="BY" >Belarus</option><option value="BE" >Belgium</option><option value="BZ" >Belize</option><option value="BJ" >Benin</option><option value="BM" >Bermuda</option><option value="BT" >Bhutan</option><option value="BO" >Bolivia, Plurinational State of</option><option value="BQ" >Bonaire, Sint Eustatius and Saba</option><option value="BA" >Bosnia and Herzegovina</option><option value="BW" >Botswana</option><option value="BV" >Bouvet Island</option><option value="BR" >Brazil</option><option value="IO" >British Indian Ocean Territory</option><option value="BN" >Brunei Darussalam</option><option value="BG" >Bulgaria</option><option value="BF" >Burkina Faso</option><option value="BI" >Burundi</option><option value="KH" >Cambodia</option><option value="CM" >Cameroon</option><option value="CA" >Canada</option><option value="CV" >Cape Verde</option><option value="KY" >Cayman Islands</option><option value="CF" >Central African Republic</option><option value="TD" >Chad</option><option value="CL" >Chile</option><option value="CN" >China</option><option value="CX" >Christmas Island</option><option value="CC" >Cocos (Keeling) Islands</option><option value="CO" >Colombia</option><option value="KM" >Comoros</option><option value="CG" >Congo</option><option value="CD" >Congo, the Democratic Republic of the</option><option value="CK" >Cook Islands</option><option value="CR" >Costa Rica</option><option value="CI" >C么te d'Ivoire</option><option value="HR" >Croatia</option><option value="CU" >Cuba</option><option value="CW" >Cura莽ao</option><option value="CY" >Cyprus</option><option value="CZ" >Czech Republic</option><option value="DK" >Denmark</option><option value="DJ" >Djibouti</option><option value="DM" >Dominica</option><option value="DO" >Dominican Republic</option><option value="EC" >Ecuador</option><option value="EG" >Egypt</option><option value="SV" >El Salvador</option><option value="GQ" >Equatorial Guinea</option><option value="ER" >Eritrea</option><option value="EE" >Estonia</option><option value="ET" >Ethiopia</option><option value="FK" >Falkland Islands (Malvinas)</option><option value="FO" >Faroe Islands</option><option value="FJ" >Fiji</option><option value="FI" >Finland</option><option value="FR" >France</option><option value="GF" >French Guiana</option><option value="PF" >French Polynesia</option><option value="TF" >French Southern Territories</option><option value="GA" >Gabon</option><option value="GM" >Gambia</option><option value="GE" >Georgia</option><option value="DE" >Germany</option><option value="GH" >Ghana</option><option value="GI" >Gibraltar</option><option value="GR" >Greece</option><option value="GL" >Greenland</option><option value="GD" >Grenada</option><option value="GP" >Guadeloupe</option><option value="GU" >Guam</option><option value="GT" >Guatemala</option><option value="GG" >Guernsey</option><option value="GN" >Guinea</option><option value="GW" >Guinea-Bissau</option><option value="GY" >Guyana</option><option value="HT" >Haiti</option><option value="HM" >Heard Island and McDonald Islands</option><option value="VA" >Holy See (Vatican City State)</option><option value="HN" >Honduras</option><option value="HK" >Hong Kong (Special Administrative Region of China)</option><option value="HU" >Hungary</option><option value="IS" >Iceland</option><option value="IN" >India</option><option value="ID" >Indonesia</option><option value="IR" >Iran, Islamic Republic of</option><option value="IQ" >Iraq</option><option value="IE" >Ireland</option><option value="IM" >Isle of Man</option><option value="IL" >Israel</option><option value="IT" >Italy</option><option value="JM" >Jamaica</option><option value="JP" >Japan</option><option value="JE" >Jersey</option><option value="JO" >Jordan</option><option value="KZ" >Kazakhstan</option><option value="KE" >Kenya</option><option value="KI" >Kiribati</option><option value="KP" >Korea, Democratic People's Republic of</option><option value="KR" >Korea, Republic of</option><option value="KW" >Kuwait</option><option value="KG" >Kyrgyzstan</option><option value="LA" >Lao People's Democratic Republic</option><option value="LV" >Latvia</option><option value="LB" >Lebanon</option><option value="LS" >Lesotho</option><option value="LR" >Liberia</option><option value="LY" >Libya</option><option value="LI" >Liechtenstein</option><option value="LT" >Lithuania</option><option value="LU" >Luxembourg</option><option value="MO" >Macao</option><option value="MK" >Macedonia, the former Yugoslav Republic of</option><option value="MG" >Madagascar</option><option value="MW" >Malawi</option><option value="MY" >Malaysia</option><option value="MV" >Maldives</option><option value="ML" >Mali</option><option value="MT" >Malta</option><option value="MH" >Marshall Islands</option><option value="MQ" >Martinique</option><option value="MR" >Mauritania</option><option value="MU" >Mauritius</option><option value="YT" >Mayotte</option><option value="MX" >Mexico</option><option value="FM" >Micronesia, Federated States of</option><option value="MD" >Moldova, Republic of</option><option value="MC" >Monaco</option><option value="MN" >Mongolia</option><option value="ME" >Montenegro</option><option value="MS" >Montserrat</option><option value="MA" >Morocco</option><option value="MZ" >Mozambique</option><option value="MM" >Myanmar</option><option value="NA" >Namibia</option><option value="NR" >Nauru</option><option value="NP" >Nepal</option><option value="NL" >Netherlands</option><option value="NC" >New Caledonia</option><option value="NZ" >New Zealand</option><option value="NI" >Nicaragua</option><option value="NE" >Niger</option><option value="NG" >Nigeria</option><option value="NU" >Niue</option><option value="NF" >Norfolk Island</option><option value="MP" >Northern Mariana Islands</option><option value="NO" >Norway</option><option value="OM" >Oman</option><option value="PK" >Pakistan</option><option value="PW" >Palau</option><option value="PS" >Palestinian Territory, Occupied</option><option value="PA" >Panama</option><option value="PG" >Papua New Guinea</option><option value="PY" >Paraguay</option><option value="PE" >Peru</option><option value="PH" >Philippines</option><option value="PN" >Pitcairn</option><option value="PL" >Poland</option><option value="PT" >Portugal</option><option value="PR" >Puerto Rico</option><option value="QA" >Qatar</option><option value="RE" >R茅union</option><option value="RO" >Romania</option><option value="RU" >Russian Federation</option><option value="RW" >Rwanda</option><option value="BL" >Saint Barth茅lemy</option><option value="SH" >Saint Helena, Ascension and Tristan da Cunha</option><option value="KN" >Saint Kitts and Nevis</option><option value="LC" >Saint Lucia</option><option value="MF" >Saint Martin (French part)</option><option value="PM" >Saint Pierre and Miquelon</option><option value="VC" >Saint Vincent and the Grenadines</option><option value="WS" >Samoa</option><option value="SM" >San Marino</option><option value="ST" >Sao Tome and Principe</option><option value="SA" >Saudi Arabia</option><option value="SN" >Senegal</option><option value="RS" >Serbia</option><option value="SC" >Seychelles</option><option value="SL" >Sierra Leone</option><option value="SG" >Singapore</option><option value="SX" >Sint Maarten (Dutch part)</option><option value="SK" >Slovakia</option><option value="SI" >Slovenia</option><option value="SB" >Solomon Islands</option><option value="SO" >Somalia</option><option value="ZA" >South Africa</option><option value="GS" >South Georgia and the South Sandwich Islands</option><option value="SS" >South Sudan</option><option value="ES" >Spain</option><option value="LK" >Sri Lanka</option><option value="SD" >Sudan</option><option value="SR" >Suriname</option><option value="SJ" >Svalbard and Jan Mayen</option><option value="SZ" >Swaziland</option><option value="SE" >Sweden</option><option value="CH" >Switzerland</option><option value="SY" >Syrian Arab Republic</option><option value="TW" >Taiwan, Province of China</option><option value="TJ" >Tajikistan</option><option value="TZ" >Tanzania, United Republic of</option><option value="TH" >Thailand</option><option value="TL" >Timor-Leste</option><option value="TG" >Togo</option><option value="TK" >Tokelau</option><option value="TO" >Tonga</option><option value="TT" >Trinidad and Tobago</option><option value="TN" >Tunisia</option><option value="TR" >Turkey</option><option value="TM" >Turkmenistan</option><option value="TC" >Turks and Caicos Islands</option><option value="TV" >Tuvalu</option><option value="UG" >Uganda</option><option value="UA" >Ukraine</option><option value="AE" >United Arab Emirates</option><option value="GB" >United Kingdom</option><option value="US" >United States</option><option value="UM" >United States Minor Outlying Islands</option><option value="UY" >Uruguay</option><option value="UZ" >Uzbekistan</option><option value="VU" >Vanuatu</option><option value="VE" >Venezuela, Bolivarian Republic of</option><option value="VN" >Viet Nam</option><option value="VG" >Virgin Islands, British</option><option value="VI" >Virgin Islands, U.S.</option><option value="WF" >Wallis and Futuna</option><option value="EH" >Western Sahara</option><option value="YE" >Yemen</option><option value="ZM" >Zambia</option><option value="ZW" >Zimbabwe</option> </select> <p class="text-danger" id="validate_country"></p> </div> <button style="height: 50px;" onclick="setStep(3)" class="btn btn-primary w-100 fw-light mt-3">Continue <i class="fal fa-arrow-right ms-2"></i></button> </div> <div id="registration_step_3" style="display: none;"> <p class="text-muted fw-light">By using our services, you agree to be bound by these Terms and Conditions. Please read them carefully before accessing or using our platform.</p> <div class="form-check mt-2"> <input type="checkbox" class="form-check-input" id="terms" name="terms" required> <label class="form-check-label" for="terms">Terms & Conditions</label> <small><a target="_new" href="/about/terms-and-conditions">(view)</a></small> </div> <button type="submit" style="height: 50px;" id="register" class="btn btn-primary w-100 fw-light mt-3">Sign Up <i class="fal fa-arrow-right ms-2"></i></button> </div> </form> </div> <div class="card-footer" style="width: 340px;" id="register_text"> <p class="text-muted fw-light m-0">If you are NOT a student or staff member of the University of Southampton please <strong><a href="/login-box/?register" id="show_create">create an account</a></strong></p> </div> <div class="card-footer" style="display: none;" id="login_text"> <p class="text-muted fw-light m-0">Have an account already? Please <a href="/login-box/" class="show_login">login</a></p> </div> <div class="card-footer" style="display: none"; id="forgot_text"> <p class="text-muted fw-light m-0">Back to <a href="/login-box/" class="show_login">login</a></p> </div> </div> <div id="error_box" class="alert alert-danger position-absolute" style="bottom: 20px; display: none;"></div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script> <script type="text/javascript" src="/coreui/js/bootstrap5/bootstrap.min.js"></script> </body> </html>