CINXE.COM
<!DOCTYPE html> <html lang="en-US"> <head> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title></title> <link href="https://webservices.illinois.edu/webservices/styles/app/sys-skin.css" rel="stylesheet"/> <style type="text/css"> </style> <style> #content a { color: #056dff; } </style> </head> <body style="background-color: #F8F8F8;"> <div id="container"> <div id="header" role="banner" labelledby="hc" style="margin-top: 2rem; height: 0; xxxmin-height: 50px; background-color: #aaaaaa;"> <div id="banner" style="background-color: #fefefe; box-shadow: 0 2px 3px 0 rgba(12, 12, 13, 0.1); border-bottom: 1px solid #f3f3f3;"> <div id="system-header-text" style="display:none;"></div> <img ID="system-header-img" style="width:650px;border:0; padding: 0.5rem 1rem;" src="https://files.skins.webservices.illinois.edu/9916/blank2.jpg" alt="Webtools" id="hc"> </div> </div> <div id="content" role="main" labelledby="mc" style="box-shadow: none; box-shadow: 0 2px 3px 0 rgba(12, 12, 13, 0.1); background-color: #ffffff; color: #555;"> <script src="https://shared.webservices.illinois.edu/webservices/js/foundation/fontawesome-all.js"></script><style> @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,700'); @import url('https://fonts.googleapis.com/css?family=Barlow:300,400,500&display=swap'); #archive-label, #subscription, .no-display { display: none; } body { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.5; color: #202124; } h1, h2, h3, h4, h5, h6 { font-family: Barlow, Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; color: #4a4a4a; text-rendering: optimizeLegibility; } h1 { font-size: 1.602rem; letter-spacing: -0.01em; line-height: calc(1.6875rem + 0.5vmin); } p { margin-bottom: 1.5rem; font-size: inherit; line-height: 1.5; text-rendering: optimizeLegibility; } a { padding-bottom: 1px; border-bottom: 0.187rem solid #e6e6e6; background-color: transparent; color: #056dff; line-height: inherit; text-decoration: none; text-decoration: none; transition: all 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; cursor: pointer; } [type = "text"], [type = "password"], [type = "email"], [type = "number"], [type = "search"], [type = "tel"], [type = "url"], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.54375rem; margin: 0 0 1.2rem; padding: 0.6rem; border: 1px solid rgba(10, 10, 10, 0.1); border-radius: 3px; background-color: #f8f8f8; box-shadow: none; font-family: inherit; font-size: 0.9375rem; font-weight: 400; line-height: 1.5; color: #202124; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type = "text"]:focus, [type = "password"]:focus, [type = "email"]:focus, [type = "number"]:focus, [type = "search"]:focus, [type = "tel"]:focus, [type = "url"]:focus, textarea:focus { outline: none; border: 1px solid #056dff; background-color: #fefefe; box-shadow: none; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } label { display: block; margin: 0; font-size: 0.9375rem; font-weight: 500; line-height: 1.8; color: #202124; } .button { display: inline-block; vertical-align: middle; margin: 1.2rem 0.5rem 1.2rem 0; font-family: inherit; padding: 0.75em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 3px; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 1rem; line-height: 1; text-align: center; cursor: pointer; background-color: #056dff; color: #fefefe; } .button:hover, button:focus { background-color: #0057d0; color: #fefefe; } .req-field { display: inline-block; height: 1em; width: 1em; color: #EB002F; font-size: 0.5rem; vertical-align: super; overflow: visible; }</style><script> document.title = 'Subscribe'; </script><div class="grid-container z-negative" id="main-content" role="main"> <div class="grid-x grid-margin-x align-center"> <div class="large-6 cell bg-white" style="padding: 2rem 3.5rem 0;"> <div id="ws-pa"> <div id="edu-il"> <div id="user-role-wrapper"> <h1>Subscribe to receive emails</h1> <p>Add your email to the mailing list. You can unsubscribe at any time.</p><label for="emailAddress1">Email address <span class="req-field"><i class="fas fa-asterisk" title="Required field"></i></span><input type="text" name="emailAddress1" id="emailAddress1" value="" class="bg-white"></label><label for="emailAddress2">Re-enter email address <span class="req-field"><i class="fas fa-asterisk" title="Required field"></i></span><input type="text" name="emailAddress2" id="emailAddress2" value="" class="bg-white"></label><label for="firstName">First name <input type="text" name="firstName" id="firstName" value="" class="bg-white"></label><label for="lastName">Last name <input type="text" name="lastName" id="lastName" value="" class="bg-white"></label><input class="button margin-top-1" type="button" onclick="subscribe()" value="Subscribe"></div> </div> </div> </div> </div> </div><br><br><script> function subscribe() { var url = "https://emails.illinois.edu/" + "subscribe?ACTION=SUBSCRIBE&emailId=" + "1948343105"; url = url + "&emailAddress1=" + document.getElementById('emailAddress1').value; url = url + "&emailAddress2=" + document.getElementById('emailAddress2').value; url = url + "&firstName=" + document.getElementById('firstName').value; url = url + "&lastName=" + document.getElementById('lastName').value; window.location.href = url; } </script> </div> <div id="footer" role="contentinfo" labelledby="fc" style="padding: 0;"> <div id="fc" style="width: 700px; margin: 0 auto; box-shadow: 0 2px 3px 0 rgba(12, 12, 13, 0.1); position: relative; z-index: 10; background-color: #ffffff;"> <p style="margin: 0; padding: 1.5rem; font-size: 12.8px; color: #aaaaaa; letter-spacing: 1px;background-color:#ffffff;">Powered by Webtools</p> </div> </div> </div> </body> </html>