<div class="page unit-durp page--durp">
<header class="page__header">
<a href="#content" class="page__skip-to-content">Skip to content</a>
<div class="header header--durp">
<div class="header__brand">
<div class="site-logo-link site-logo-link--durp site-logo-link--header site-logo-link--light">
<span class="site-logo-link__text">
Home page
</span>
<div class="site-logo-link__logo-container">
<a href="https://illinois.edu/" class="site-logo-link__logo-university" aria-label="University of Illinois Urbana-Champaign">
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="8" viewBox="0 0 300 8" fill="none">
<path d="M2.18052 5.91978C2.47125 6.27386 2.86263 6.4509 3.35464 6.4509C3.84665 6.4509 4.2343 6.27386 4.51758 5.91978C4.80832 5.55832 4.95368 5.06777 4.95368 4.44813V0.17704H6.69809V4.50346C6.69809 5.62471 6.385 6.48778 5.7588 7.09267C5.1326 7.69018 4.33121 7.98893 3.35464 7.98893C2.37807 7.98893 1.57295 7.68649 0.939299 7.0816C0.3131 6.47672 0 5.61734 0 4.50346V0.17704H1.74441V4.44813C1.74441 5.06777 1.88978 5.55832 2.18052 5.91978Z" fill="currentColor"/>
<path d="M14.7761 0.17704H16.5205V7.91148H14.7761L11.0525 3.06501V7.91148H9.30806V0.17704H10.9407L14.7761 5.15629V0.17704Z" fill="currentColor"/>
<path d="M19.2469 0.17704H20.9913V7.91148H19.2469V0.17704Z" fill="currentColor"/>
<path d="M26.5997 5.10097L28.5901 0.17704H30.4799L27.3377 7.91148H25.8617L22.7195 0.17704H24.6093L26.5997 5.10097Z" fill="currentColor"/>
<path d="M37.8479 0.17704V1.71508H33.9565V3.30844H37.4565V4.78008H33.9565V6.38451H37.9709V7.91148H32.2121V0.17704H37.8479Z" fill="currentColor"/>
<path d="M46.6675 2.74412C46.6675 3.9834 46.1718 4.78377 45.1803 5.14523L47.1595 7.91148H45.0125L43.2793 5.44398H42.0716V7.91148H40.3272V0.17704H43.2905C44.5056 0.17704 45.3704 0.379898 45.8848 0.785615C46.4066 1.19133 46.6675 1.84417 46.6675 2.74412ZM43.3464 3.95021C43.9428 3.95021 44.3491 3.85431 44.5653 3.66252C44.7815 3.47072 44.8895 3.16828 44.8895 2.75519C44.8895 2.33472 44.7777 2.04703 44.5541 1.89212C44.3304 1.73721 43.9391 1.65975 43.38 1.65975H42.0716V3.95021H43.3464Z" fill="currentColor"/>
<path d="M51.7665 1.51591C51.4757 1.51591 51.2446 1.58598 51.0732 1.72614C50.9092 1.85892 50.8272 2.03965 50.8272 2.26833C50.8272 2.48963 50.9278 2.66667 51.1291 2.79945C51.3378 2.93223 51.8112 3.09083 52.5492 3.27524C53.2947 3.45228 53.8724 3.72153 54.2824 4.08299C54.6924 4.44444 54.8974 4.97188 54.8974 5.66528C54.8974 6.35869 54.6328 6.92301 54.1035 7.35823C53.5817 7.78608 52.8921 8 52.0348 8C50.7973 8 49.6829 7.54634 48.6914 6.639L49.7313 5.37759C50.5737 6.10788 51.3527 6.47303 52.0684 6.47303C52.3889 6.47303 52.6387 6.40664 52.8176 6.27386C53.0039 6.1337 53.0971 5.94929 53.0971 5.72061C53.0971 5.48456 53.0002 5.30014 52.8064 5.16736C52.6126 5.0272 52.2286 4.88705 51.6546 4.74689C50.7451 4.53297 50.078 4.25634 49.653 3.91701C49.2356 3.57031 49.0268 3.03181 49.0268 2.30152C49.0268 1.56385 49.2915 0.99585 49.8208 0.59751C50.3575 0.19917 51.0247 0 51.8224 0C52.3442 0 52.866 0.0885197 53.3879 0.26556C53.9097 0.4426 54.3644 0.693407 54.7521 1.01798L53.8687 2.27939C53.1903 1.7704 52.4896 1.51591 51.7665 1.51591Z" fill="currentColor"/>
<path d="M57.18 0.17704H58.9244V7.91148H57.18V0.17704Z" fill="currentColor"/>
<path d="M64.9578 1.67082V7.91148H63.2133V1.67082H60.9993V0.17704H67.1718V1.67082H64.9578Z" fill="currentColor"/>
<path d="M72.6156 7.91148H70.8712V4.85754L68.1651 0.17704H70.0549L71.7434 3.05394L73.4319 0.17704H75.3217L72.6156 4.85754V7.91148Z" fill="currentColor"/>
<path d="M86.6904 4.00553C86.6904 3.31213 86.4668 2.72199 86.0195 2.23513C85.5722 1.74827 85.0206 1.50484 84.3646 1.50484C83.716 1.50484 83.1681 1.74827 82.7208 2.23513C82.2735 2.72199 82.0499 3.31213 82.0499 4.00553C82.0499 4.69156 82.2735 5.27801 82.7208 5.76487C83.1681 6.24435 83.716 6.48409 84.3646 6.48409C85.0206 6.48409 85.5722 6.24435 86.0195 5.76487C86.4668 5.27801 86.6904 4.69156 86.6904 4.00553ZM87.2831 6.84924C86.4929 7.60904 85.52 7.98893 84.3646 7.98893C83.2091 7.98893 82.2362 7.60904 81.446 6.84924C80.6558 6.08207 80.2607 5.13047 80.2607 3.99447C80.2607 2.85846 80.6558 1.91056 81.446 1.15076C82.2362 0.383587 83.2091 0 84.3646 0C85.52 0 86.4929 0.383587 87.2831 1.15076C88.0733 1.91056 88.4684 2.85846 88.4684 3.99447C88.4684 5.13047 88.0733 6.08207 87.2831 6.84924Z" fill="currentColor"/>
<path d="M96.1125 0.17704V1.69295H92.4895V3.36376H95.9336V4.87967H92.4895V7.91148H90.7451V0.17704H96.1125Z" fill="currentColor"/>
<path d="M102.138 0.17704H103.882V7.91148H102.138V0.17704Z" fill="currentColor"/>
<path d="M106.606 7.91148V0.17704H108.35V6.37344H111.682V7.91148H106.606Z" fill="currentColor"/>
<path d="M113.76 7.91148V0.17704H115.504V6.37344H118.837V7.91148H113.76Z" fill="currentColor"/>
<path d="M120.914 0.17704H122.658V7.91148H120.914V0.17704Z" fill="currentColor"/>
<path d="M130.85 0.17704H132.594V7.91148H130.85L127.126 3.06501V7.91148H125.382V0.17704H127.015L130.85 5.15629V0.17704Z" fill="currentColor"/>
<path d="M141.303 4.00553C141.303 3.31213 141.08 2.72199 140.632 2.23513C140.185 1.74827 139.633 1.50484 138.977 1.50484C138.329 1.50484 137.781 1.74827 137.334 2.23513C136.886 2.72199 136.663 3.31213 136.663 4.00553C136.663 4.69156 136.886 5.27801 137.334 5.76487C137.781 6.24435 138.329 6.48409 138.977 6.48409C139.633 6.48409 140.185 6.24435 140.632 5.76487C141.08 5.27801 141.303 4.69156 141.303 4.00553ZM141.896 6.84924C141.106 7.60904 140.133 7.98893 138.977 7.98893C137.822 7.98893 136.849 7.60904 136.059 6.84924C135.269 6.08207 134.873 5.13047 134.873 3.99447C134.873 2.85846 135.269 1.91056 136.059 1.15076C136.849 0.383587 137.822 0 138.977 0C140.133 0 141.106 0.383587 141.896 1.15076C142.686 1.91056 143.081 2.85846 143.081 3.99447C143.081 5.13047 142.686 6.08207 141.896 6.84924Z" fill="currentColor"/>
<path d="M145.358 0.17704H147.102V7.91148H145.358V0.17704Z" fill="currentColor"/>
<path d="M152.342 1.51591C152.051 1.51591 151.82 1.58598 151.648 1.72614C151.484 1.85892 151.402 2.03965 151.402 2.26833C151.402 2.48963 151.503 2.66667 151.704 2.79945C151.913 2.93223 152.386 3.09083 153.124 3.27524C153.87 3.45228 154.448 3.72153 154.858 4.08299C155.268 4.44444 155.473 4.97188 155.473 5.66528C155.473 6.35869 155.208 6.92301 154.679 7.35823C154.157 7.78608 153.467 8 152.61 8C151.373 8 150.258 7.54634 149.267 6.639L150.307 5.37759C151.149 6.10788 151.928 6.47303 152.644 6.47303C152.964 6.47303 153.214 6.40664 153.393 6.27386C153.579 6.1337 153.672 5.94929 153.672 5.72061C153.672 5.48456 153.575 5.30014 153.382 5.16736C153.188 5.0272 152.804 4.88705 152.23 4.74689C151.32 4.53297 150.653 4.25634 150.228 3.91701C149.811 3.57031 149.602 3.03181 149.602 2.30152C149.602 1.56385 149.867 0.99585 150.396 0.59751C150.933 0.19917 151.6 0 152.398 0C152.919 0 153.441 0.0885197 153.963 0.26556C154.485 0.4426 154.94 0.693407 155.327 1.01798L154.444 2.27939C153.766 1.7704 153.065 1.51591 152.342 1.51591Z" fill="currentColor"/>
<path d="M163.571 5.91978C163.862 6.27386 164.253 6.4509 164.745 6.4509C165.237 6.4509 165.625 6.27386 165.908 5.91978C166.199 5.55832 166.344 5.06777 166.344 4.44813V0.17704H168.089V4.50346C168.089 5.62471 167.776 6.48778 167.149 7.09267C166.523 7.69018 165.722 7.98893 164.745 7.98893C163.769 7.98893 162.963 7.68649 162.33 7.0816C161.704 6.47672 161.391 5.61734 161.391 4.50346V0.17704H163.135V4.44813C163.135 5.06777 163.28 5.55832 163.571 5.91978Z" fill="currentColor"/>
<path d="M177.039 2.74412C177.039 3.9834 176.543 4.78377 175.552 5.14523L177.531 7.91148H175.384L173.651 5.44398H172.443V7.91148H170.699V0.17704H173.662C174.877 0.17704 175.742 0.379898 176.256 0.785615C176.778 1.19133 177.039 1.84417 177.039 2.74412ZM173.718 3.95021C174.314 3.95021 174.72 3.85431 174.937 3.66252C175.153 3.47072 175.261 3.16828 175.261 2.75519C175.261 2.33472 175.149 2.04703 174.925 1.89212C174.702 1.73721 174.31 1.65975 173.751 1.65975H172.443V3.95021H173.718Z" fill="currentColor"/>
<path d="M183.044 7.91148H179.622V0.17704H182.663C183.193 0.17704 183.647 0.239742 184.028 0.365145C184.415 0.490549 184.706 0.660212 184.9 0.874135C185.25 1.27248 185.425 1.72245 185.425 2.22407C185.425 2.82895 185.228 3.27893 184.833 3.574C184.698 3.67727 184.605 3.74366 184.553 3.77317C184.501 3.7953 184.408 3.83587 184.274 3.89488C184.758 3.99816 185.142 4.21577 185.425 4.54772C185.716 4.87229 185.861 5.27801 185.861 5.76487C185.861 6.30337 185.675 6.77916 185.302 7.19226C184.87 7.67174 184.117 7.91148 183.044 7.91148ZM181.366 3.30844H182.194C182.678 3.30844 183.036 3.2568 183.267 3.15353C183.506 3.05025 183.625 2.82895 183.625 2.48963C183.625 2.14292 183.517 1.91425 183.301 1.8036C183.085 1.69295 182.719 1.63762 182.205 1.63762H181.366V3.30844ZM181.366 6.4509H182.563C183.062 6.4509 183.435 6.39189 183.681 6.27386C183.934 6.14846 184.061 5.90871 184.061 5.55463C184.061 5.19318 183.927 4.95712 183.659 4.84647C183.398 4.72845 182.976 4.66943 182.395 4.66943H181.366V6.4509Z" fill="currentColor"/>
<path d="M193.611 7.91148L192.885 6.24066H189.608L188.881 7.91148H187.025L190.402 0.17704H192.091L195.468 7.91148H193.611ZM191.252 2.47856L190.268 4.72476H192.225L191.252 2.47856Z" fill="currentColor"/>
<path d="M202.641 0.17704H204.386V7.91148H202.641L198.918 3.06501V7.91148H197.173V0.17704H198.806L202.641 5.15629V0.17704Z" fill="currentColor"/>
<path d="M212.681 7.91148L211.954 6.24066H208.678L207.951 7.91148H206.095L209.472 0.17704H211.16L214.537 7.91148H212.681ZM210.322 2.47856L209.337 4.72476H211.294L210.322 2.47856Z" fill="currentColor"/>
<path d="M215.899 5.32227V3.85062H219.88V5.32227H215.899Z" fill="currentColor"/>
<path d="M225.982 6.38451C226.839 6.38451 227.54 6.04887 228.084 5.37759L229.202 6.51729C228.315 7.50576 227.268 8 226.06 8C224.86 8 223.869 7.62379 223.086 6.87137C222.31 6.11895 221.923 5.17105 221.923 4.02766C221.923 2.8769 222.318 1.91793 223.108 1.15076C223.906 0.383587 224.879 0 226.027 0C227.309 0 228.382 0.483172 229.247 1.44952L228.162 2.66667C227.611 1.98801 226.925 1.64869 226.105 1.64869C225.449 1.64869 224.886 1.86261 224.416 2.29046C223.954 2.71093 223.723 3.28262 223.723 4.00553C223.723 4.72107 223.943 5.29645 224.383 5.73167C224.823 6.1669 225.356 6.38451 225.982 6.38451Z" fill="currentColor"/>
<path d="M236.234 0.17704H237.979V7.91148H236.234V4.8686H233.126V7.91148H231.381V0.17704H233.126V3.40802H236.234V0.17704Z" fill="currentColor"/>
<path d="M246.266 7.91148L245.539 6.24066H242.263L241.536 7.91148H239.68L243.057 0.17704H244.746L248.123 7.91148H246.266ZM243.907 2.47856L242.923 4.72476H244.88L243.907 2.47856Z" fill="currentColor"/>
<path d="M256.828 3.04288L254.715 7.26971H253.675L251.573 3.04288V7.91148H249.828V0.17704H252.188L254.201 4.426L256.225 0.17704H258.573V7.91148H256.828V3.04288Z" fill="currentColor"/>
<path d="M264.058 0.17704C265.258 0.17704 266.13 0.409405 266.675 0.874135C267.226 1.33149 267.502 2.03965 267.502 2.99862C267.502 3.95021 267.219 4.6473 266.652 5.0899C266.093 5.5325 265.236 5.7538 264.08 5.7538H263.04V7.91148H261.296V0.17704H264.058ZM264.215 4.26003C264.796 4.26003 265.191 4.14569 265.4 3.91701C265.609 3.68096 265.713 3.34163 265.713 2.89903C265.713 2.44906 265.575 2.13186 265.299 1.94744C265.031 1.75565 264.61 1.65975 264.036 1.65975H263.04V4.26003H264.215Z" fill="currentColor"/>
<path d="M274.772 7.91148L274.045 6.24066H270.769L270.042 7.91148H268.186L271.563 0.17704H273.252L276.629 7.91148H274.772ZM272.413 2.47856L271.429 4.72476H273.386L272.413 2.47856Z" fill="currentColor"/>
<path d="M278.334 0.17704H280.079V7.91148H278.334V0.17704Z" fill="currentColor"/>
<path d="M287.879 3.97234H289.634V6.71646C288.859 7.57215 287.786 8 286.414 8C285.266 8 284.301 7.62379 283.518 6.87137C282.743 6.11895 282.355 5.17105 282.355 4.02766C282.355 2.8769 282.75 1.91793 283.54 1.15076C284.338 0.383587 285.296 0 286.414 0C287.54 0 288.516 0.365145 289.344 1.09544L288.438 2.39004C288.088 2.0876 287.763 1.88105 287.465 1.7704C287.174 1.65237 286.858 1.59336 286.515 1.59336C285.851 1.59336 285.292 1.81835 284.837 2.26833C284.383 2.71093 284.155 3.29737 284.155 4.02766C284.155 4.75795 284.371 5.3444 284.804 5.787C285.244 6.22222 285.765 6.43983 286.369 6.43983C286.973 6.43983 287.476 6.3255 287.879 6.09682V3.97234Z" fill="currentColor"/>
<path d="M297.456 0.17704H299.2V7.91148H297.456L293.732 3.06501V7.91148H291.988V0.17704H293.62L297.456 5.15629V0.17704Z" fill="currentColor"/>
</svg>
</a>
<a href="https://faa.illinois.edu/" class="site-logo-link__logo-college" aria-label="College of Fine & Applied Arts">
<svg xmlns="http://www.w3.org/2000/svg" width="423" height="36" viewBox="0 0 423 36" fill="none">
<g class="icon-illinois-block-i">
<path class="icon-illinois-block-i__outline" fill-rule="evenodd" clip-rule="evenodd"
d="M25.5 0H0v10.5h6v15H0V36h25.5V25.5h-6v-15h6V0z"/>
<path class="icon-illinois-block-i__fill" fill-rule="evenodd" clip-rule="evenodd"
d="M24 9V1.5H1.5V9H6a1.5 1.5 0 011.5 1.5v15A1.5 1.5 0 016 27H1.5v7.5H24V27h-4.5a1.5 1.5 0 01-1.5-1.5v-15A1.5 1.5 0 0119.5 9H24z"
/>
</g>
<g class="icon-college-wordmark">
<path
d="M63 17.349c0 6.266 3.784 9.731 8.578 9.731 2.397 0 4.361-.982 5.892-2.743l-1.848-2.05c-1.07 1.184-2.311 1.877-3.986 1.877-3.148 0-5.199-2.6-5.199-6.902 0-4.245 2.224-6.844 5.314-6.844 1.444 0 2.513.607 3.495 1.56l1.849-2.08c-1.185-1.27-3.062-2.396-5.373-2.396-4.852 0-8.722 3.667-8.722 9.847zM79.383 19.659c0 4.707 3.206 7.421 6.73 7.421 3.552 0 6.758-2.714 6.758-7.421 0-4.736-3.206-7.45-6.758-7.45-3.524 0-6.73 2.714-6.73 7.45zm3.408 0c0-2.859 1.242-4.736 3.322-4.736s3.35 1.877 3.35 4.736c0 2.83-1.27 4.707-3.35 4.707s-3.322-1.877-3.322-4.707zM96.159 23.095c0 2.455.866 3.985 3.235 3.985.78 0 1.357-.115 1.762-.289l-.434-2.483c-.26.058-.375.058-.519.058-.347 0-.722-.289-.722-1.098V6.347h-3.322v16.748zM104 23.095c0 2.455.867 3.985 3.235 3.985.78 0 1.357-.115 1.762-.289l-.433-2.483c-.26.058-.376.058-.52.058-.347 0-.722-.289-.722-1.098V6.347H104v16.748zM110.917 19.659c0 4.678 3.062 7.421 6.99 7.421 1.79 0 3.494-.635 4.852-1.53l-1.127-2.08c-1.039.665-2.079 1.04-3.292 1.04-2.282 0-3.899-1.444-4.188-4.014h9.011c.087-.346.145-.924.145-1.56 0-3.955-2.022-6.727-5.864-6.727-3.321 0-6.527 2.83-6.527 7.45zm3.206-1.27c.289-2.369 1.733-3.61 3.408-3.61 1.935 0 2.888 1.357 2.888 3.61h-6.296zM128.017 28.813c0-.664.347-1.3 1.098-1.877.549.144 1.155.202 1.935.202h1.935c1.618 0 2.513.318 2.513 1.415 0 1.213-1.56 2.281-3.841 2.281-2.253 0-3.64-.75-3.64-2.021zm-2.772.49c0 2.484 2.512 3.697 5.892 3.697 4.621 0 7.567-2.195 7.567-4.996 0-2.454-1.791-3.494-5.199-3.494h-2.513c-1.733 0-2.31-.49-2.31-1.3 0-.635.26-.981.693-1.357.635.26 1.328.376 1.935.376 3.004 0 5.372-1.675 5.372-4.823 0-.981-.347-1.848-.809-2.396h2.6v-2.455h-5.084a6.382 6.382 0 00-2.079-.346c-2.975 0-5.603 1.819-5.603 5.082 0 1.675.895 3.032 1.848 3.754v.115c-.808.578-1.559 1.53-1.559 2.628 0 1.155.548 1.906 1.27 2.368v.116c-1.299.808-2.021 1.848-2.021 3.032zm6.065-9.153c-1.386 0-2.484-1.04-2.484-2.86 0-1.79 1.098-2.8 2.484-2.8s2.455 1.04 2.455 2.8c0 1.82-1.098 2.86-2.455 2.86zM139.828 19.659c0 4.678 3.061 7.421 6.989 7.421 1.791 0 3.495-.635 4.852-1.53l-1.126-2.08c-1.04.665-2.08 1.04-3.293 1.04-2.281 0-3.899-1.444-4.188-4.014h9.012c.086-.346.144-.924.144-1.56 0-3.955-2.022-6.727-5.863-6.727-3.322 0-6.527 2.83-6.527 7.45zm3.205-1.27c.289-2.369 1.733-3.61 3.409-3.61 1.935 0 2.888 1.357 2.888 3.61h-6.297zM160.389 19.659c0 4.707 3.206 7.421 6.73 7.421 3.552 0 6.758-2.714 6.758-7.421 0-4.736-3.206-7.45-6.758-7.45-3.524 0-6.73 2.714-6.73 7.45zm3.408 0c0-2.859 1.242-4.736 3.322-4.736 2.079 0 3.35 1.877 3.35 4.736 0 2.83-1.271 4.707-3.35 4.707-2.08 0-3.322-1.877-3.322-4.707zM184.937 6.49a7.174 7.174 0 00-2.599-.49c-3.351 0-4.708 2.137-4.708 5.082v1.473l-1.906.145v2.483h1.906v11.55h3.321v-11.55h2.773v-2.628h-2.773v-1.53c0-1.646.636-2.397 1.791-2.397.491 0 1.04.115 1.56.346l.635-2.483zM192.402 26.734h3.35V18.85h6.846v-2.83h-6.846v-5.342h8.059v-2.83h-11.409v18.886zM208.428 10.072c1.184 0 2.05-.78 2.05-1.877 0-1.127-.866-1.906-2.05-1.906-1.184 0-2.051.78-2.051 1.906 0 1.097.867 1.877 2.051 1.877zm-1.675 16.662h3.321V12.555h-3.321v14.179zM214.312 26.734h3.321v-9.905c1.184-1.155 1.993-1.762 3.235-1.762 1.56 0 2.224.867 2.224 3.206v8.46h3.321V17.84c0-3.581-1.328-5.631-4.361-5.631-1.935 0-3.379 1.01-4.65 2.252h-.116l-.231-1.906h-2.743v14.179zM229.549 19.659c0 4.678 3.062 7.421 6.99 7.421 1.79 0 3.494-.635 4.852-1.53l-1.127-2.08c-1.039.665-2.079 1.04-3.292 1.04-2.282 0-3.899-1.444-4.188-4.014h9.011c.087-.346.145-.924.145-1.56 0-3.955-2.022-6.727-5.864-6.727-3.321 0-6.527 2.83-6.527 7.45zm3.206-1.27c.289-2.369 1.733-3.61 3.408-3.61 1.935 0 2.888 1.357 2.888 3.61h-6.296zM252.912 21.565c0-1.155.751-2.08 1.82-2.946 1.213 1.704 2.802 3.35 4.477 4.765-.953.693-1.993 1.126-3.033 1.126-1.877 0-3.264-1.184-3.264-2.945zm1.993-9.385c0-1.444.838-2.426 2.022-2.426 1.098 0 1.531.78 1.531 1.79 0 1.473-1.242 2.426-2.802 3.408-.462-.982-.751-1.906-.751-2.772zm11.986 12.186c-1.01-.202-2.166-.751-3.408-1.502 1.473-1.963 2.542-4.187 3.235-6.555h-3.061c-.52 1.964-1.358 3.639-2.398 5.025-1.617-1.242-3.148-2.773-4.303-4.332 2.051-1.444 4.101-3.003 4.101-5.486 0-2.397-1.588-4.014-4.159-4.014-2.888 0-4.765 2.108-4.765 4.707 0 1.299.433 2.714 1.213 4.158-1.907 1.27-3.611 2.8-3.611 5.4 0 2.974 2.282 5.313 6.037 5.313 2.31 0 4.188-.78 5.69-2.021 1.559 1.01 3.148 1.675 4.592 2.021l.837-2.714zM278.842 18.995l.664-2.31c.606-1.993 1.155-4.13 1.675-6.238h.116c.548 2.08 1.126 4.245 1.704 6.238l.664 2.31h-4.823zm7.047 7.739h3.552l-6.152-18.886h-3.928l-6.18 18.886h3.437l1.473-5.112h6.325l1.473 5.112zM294.66 25.52c1.155.983 2.397 1.56 3.639 1.56 3.148 0 6.066-2.8 6.066-7.652 0-4.39-2.051-7.22-5.575-7.22-1.559 0-3.09.838-4.274 1.849h-.116l-.231-1.502h-2.744v19.78h3.322V27.89l-.087-2.368zm.087-2.367V16.54c1.097-1.068 2.079-1.588 3.119-1.588 2.137 0 3.062 1.675 3.062 4.505 0 3.205-1.445 4.88-3.322 4.88-.838 0-1.82-.318-2.859-1.184zM310.963 25.52c1.155.983 2.397 1.56 3.639 1.56 3.148 0 6.065-2.8 6.065-7.652 0-4.39-2.05-7.22-5.574-7.22-1.56 0-3.09.838-4.275 1.849h-.115l-.231-1.502h-2.744v19.78h3.321V27.89l-.086-2.368zm.086-2.367V16.54c1.098-1.068 2.08-1.588 3.12-1.588 2.137 0 3.061 1.675 3.061 4.505 0 3.205-1.444 4.88-3.321 4.88-.838 0-1.82-.318-2.86-1.184zM324.031 23.095c0 2.455.866 3.985 3.235 3.985.779 0 1.357-.115 1.761-.289l-.433-2.483c-.26.058-.375.058-.52.058-.346 0-.722-.289-.722-1.098V6.347h-3.321v16.748zM333.547 10.072c1.184 0 2.051-.78 2.051-1.877 0-1.127-.867-1.906-2.051-1.906-1.184 0-2.051.78-2.051 1.906 0 1.097.867 1.877 2.051 1.877zm-1.675 16.662h3.321V12.555h-3.321v14.179zM338.507 19.659c0 4.678 3.061 7.421 6.989 7.421 1.791 0 3.495-.635 4.852-1.53l-1.126-2.08c-1.04.665-2.08 1.04-3.293 1.04-2.281 0-3.899-1.444-4.188-4.014h9.012c.086-.346.144-.924.144-1.56 0-3.955-2.022-6.727-5.863-6.727-3.321 0-6.527 2.83-6.527 7.45zm3.206-1.27c.288-2.369 1.733-3.61 3.408-3.61 1.935 0 2.888 1.357 2.888 3.61h-6.296zM353.203 19.659c0 4.678 2.282 7.421 5.834 7.421 1.531 0 2.975-.837 4.015-1.877h.115l.232 1.53h2.743V6.348h-3.321v5.14l.115 2.28c-1.097-.952-2.108-1.558-3.725-1.558-3.091 0-6.008 2.83-6.008 7.45zm3.437-.03c0-2.973 1.473-4.677 3.293-4.677.953 0 1.906.318 2.888 1.184v6.613c-.953 1.097-1.877 1.588-2.975 1.588-2.051 0-3.206-1.646-3.206-4.707zM379.732 18.995l.665-2.31c.606-1.993 1.155-4.13 1.675-6.238h.115c.549 2.08 1.127 4.245 1.704 6.238l.665 2.31h-4.824zm7.048 7.739h3.552L384.18 7.848h-3.928l-6.181 18.886h3.437l1.473-5.112h6.326l1.473 5.112zM392.316 26.734h3.322V18.07c.866-2.137 2.223-2.917 3.35-2.917.606 0 .982.087 1.473.231l.578-2.888c-.434-.202-.896-.288-1.618-.288-1.502 0-3.004 1.01-4.014 2.858h-.116l-.231-2.512h-2.744v14.179zM403.582 21.94c0 3.061 1.213 5.14 4.505 5.14 1.127 0 2.109-.26 2.888-.52l-.577-2.454c-.405.173-.982.317-1.473.317-1.358 0-1.993-.808-1.993-2.483v-6.757h3.61v-2.628h-3.61v-3.87h-2.773l-.404 3.87-2.195.145v2.483h2.022v6.757zM412.111 25.117c1.387 1.126 3.437 1.963 5.372 1.963 3.582 0 5.517-1.963 5.517-4.39 0-2.656-2.137-3.58-4.072-4.302-1.531-.548-2.946-1.01-2.946-2.108 0-.895.664-1.56 2.079-1.56 1.127 0 2.137.492 3.119 1.214l1.531-2.022c-1.155-.895-2.744-1.703-4.708-1.703-3.177 0-5.17 1.761-5.17 4.244 0 2.368 2.109 3.437 3.986 4.13 1.502.577 3.033 1.097 3.033 2.281 0 .982-.722 1.704-2.253 1.704-1.444 0-2.657-.607-3.928-1.588l-1.56 2.137z"/>
</g>
<rect x="43.5" width="1.5" height="36" rx=".5" fill="#B3B3B3"/>
</svg>
</a>
<a href="/" class="site-logo-link__logo-department">
Department of Urban and Regional Planning
</a>
</div>
</div>
</div>
<div class="header__navigation">
<div class="header__eyebrow">
<ul class="eyebrow-menu eyebrow-menu--durp">
<li class="eyebrow-menu__item">
<a href="#" class="
eyebrow-menu__item-link
">
News
</a>
</li>
<li class="eyebrow-menu__item">
<a href="#" class="
eyebrow-menu__item-link
eyebrow-menu__item-link--is-active
">
Events
</a>
</li>
<li class="eyebrow-menu__item">
<div class="quick-search quick-search--durp ">
<form role="search" method="get" aria-label="quick search form" id="quick-search-form" class="quick-search__form" action="">
<input id="quick-search-input" name="s" type="text" placeholder="Search" class="quick-search__input ">
<label for="quick-search-input" class="quick-search__input-label">
Search the website
</label>
<div class="quick-search__icon">
<svg aria-hidden="true" class="search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path class="_mark" fill="inherit" d="M6 12A6 6 0 116 0a6 6 0 010 12zm0-2a4 4 0 100-8 4 4 0 000 8zm5.293 2.707a1 1 0 011.414-1.414l3 3a1 1 0 01-1.414 1.414l-3-3z"/>
</svg>
</div>
<input aria-label="submit search query" class="quick-search__submit" type="submit" id="quick-search-submit" value="Search" />
</form>
</div>
</li>
</ul>
</div>
<div class="header__main-navigation">
<div role="navigation" aria-label="Main Navigation" class="main-navigation main-navigation--durp">
<ul class="main-navigation__list">
<li class="main-navigation__item">
<a aria-expanded="false" class="
js-mega-menu-toggle
main-navigation__item-link
main-navigation__item-link--active-trail
" href="https://google.com">Programs & Applying
<div class="main-navigation__item-link-icon">
<div class="main-navigation__item-link-icon-inactive">
<svg aria-hidden="true" class="down-toggle-icon" xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6">
<path class="_mark down-toggle-icon__shape" fill="#FF552E" fill-rule="evenodd" d="M12 0L6 6 0 0z"/>
</svg>
</div>
<div class="main-navigation__item-link-icon-active">
<svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</div>
</div>
</a>
<div class="main-navigation__children">
<div data-active="false" class="mega-menu mega-menu--durp js-mega-menu">
<div class="mega-menu__container">
<div class="mega-menu__title">
<div class="mega-menu__title-line">
<svg class="orange-line" width="32" height="8" viewBox="0 0 32 8" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<rect width="32" height="8" />
</svg>
</div>
<div class="mega-menu__title-text">
<a href="https://google.com" class="mega-menu__title-text-link">
Programs & Applying
<span class="mega-menu__title-text-link-icon">
<svg aria-hidden="true" class="right-chevron-large" xmlns="http://www.w3.org/2000/svg" width="12" height="24" viewBox="0 0 12 24">
<path class="_mark right-chevron-large__shape" fill="#FF552E" d="M.347 2.476C-.17 1.847-.1.9.504.361c.605-.539 1.516-.466 2.034.163L12 12 2.538 23.476c-.518.63-1.43.702-2.034.163-.605-.54-.675-1.486-.157-2.115L8.2 12 .347 2.476z"/>
</svg>
</span>
</a>
</div>
</div>
<ul class="mega-menu__list">
<li class="mega-menu__item">
<a class="
mega-menu__item-link
" href="http://google.com">Bachelor of Arts in Urban Studies and Planning
</a>
</li>
<li class="mega-menu__item">
<a class="
mega-menu__item-link
" href="http://google.com">Minor in Urban Studies and Planning
</a>
</li>
<li class="mega-menu__item">
<a class="
mega-menu__item-link
" href="http://google.com">Master of Urban Planning
</a>
</li>
<li class="mega-menu__item">
<a class="
mega-menu__item-link
mega-menu__item-link--active-trail
" href="http://google.com">Master of Science in Sustainable Urban Management
</a>
</li>
<li class="mega-menu__item">
<a class="
mega-menu__item-link
" href="http://google.com">PhD in Regional Planning
</a>
</li>
<li class="mega-menu__item">
<a class="
mega-menu__item-link
" href="http://google.com">Financial Aid
</a>
</li>
<li class="mega-menu__item">
<a class="
mega-menu__item-link
" href="http://google.com">Request a Visit
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="main-navigation__item">
<a aria-expanded="false" class="
js-mega-menu-toggle
main-navigation__item-link
" href="http://google.com">Our Work
<div class="main-navigation__item-link-icon">
<div class="main-navigation__item-link-icon-inactive">
<svg aria-hidden="true" class="down-toggle-icon" xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6">
<path class="_mark down-toggle-icon__shape" fill="#FF552E" fill-rule="evenodd" d="M12 0L6 6 0 0z"/>
</svg>
</div>
<div class="main-navigation__item-link-icon-active">
<svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</div>
</div>
</a>
<div class="main-navigation__children">
<div data-active="false" class="mega-menu mega-menu--durp js-mega-menu">
<div class="mega-menu__container">
<div class="mega-menu__title">
<div class="mega-menu__title-line">
<svg class="orange-line" width="32" height="8" viewBox="0 0 32 8" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<rect width="32" height="8" />
</svg>
</div>
<div class="mega-menu__title-text">
<a href="http://google.com" class="mega-menu__title-text-link">
Our Work
<span class="mega-menu__title-text-link-icon">
<svg aria-hidden="true" class="right-chevron-large" xmlns="http://www.w3.org/2000/svg" width="12" height="24" viewBox="0 0 12 24">
<path class="_mark right-chevron-large__shape" fill="#FF552E" d="M.347 2.476C-.17 1.847-.1.9.504.361c.605-.539 1.516-.466 2.034.163L12 12 2.538 23.476c-.518.63-1.43.702-2.034.163-.605-.54-.675-1.486-.157-2.115L8.2 12 .347 2.476z"/>
</svg>
</span>
</a>
</div>
</div>
<ul class="mega-menu__list">
<li class="mega-menu__item">
<a class="
mega-menu__item-link
" href="http://google.com">Financial Aid
</a>
</li>
<li class="mega-menu__item">
<a class="
mega-menu__item-link
" href="http://google.com">Request a Visit
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="main-navigation__item">
<a class="
main-navigation__item-link
" href="http://google.com">People
</a>
</li>
<li class="main-navigation__item">
<a class="
main-navigation__item-link
" href="http://google.com">Student Life
</a>
</li>
<li class="main-navigation__item">
<a class="
main-navigation__item-link
" href="http://google.com">About Us
</a>
</li>
</ul>
</div>
<button aria-label="Toggle main navigation" aria-expanded="false" class="small-main-navigation-toggle
js-small-main-navigation-toggle
small-main-navigation-toggle--durp">
<span class="small-main-navigation-toggle__text">
Menu
</span>
<span class="small-main-navigation-toggle__icon">
<svg class="menu" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
<path class="menu__shape" fill-rule="evenodd" clip-rule="evenodd" d="M11 10C11.5523 10 12 10.4477 12 11C12 11.5523 11.5523 12 11 12H1C0.447715 12 0 11.5523 0 11C0 10.4477 0.447715 10 1 10H11ZM11 5C11.5523 5 12 5.44772 12 6C12 6.55228 11.5523 7 11 7H1C0.447715 7 0 6.55228 0 6C0 5.44772 0.447715 5 1 5H11ZM11 0C11.5523 0 12 0.447715 12 1C12 1.55228 11.5523 2 11 2H1C0.447715 2 0 1.55228 0 1C0 0.447715 0.447715 0 1 0H11Z" fill="#FF552E"/>
</svg>
</span>
</button>
<div role="navigation" aria-label="Small Main Navigation" class="small-main-navigation small-main-navigation--durp">
<ul class="small-main-navigation__list">
<li class="small-main-navigation__item">
<div class="small-main-navigation__item-container">
<a class="
small-main-navigation__item-link
small-main-navigation__item-link--active-trail
" href="https://google.com">Programs & Applying
<span class="small-main-navigation__item-link-icon">
<svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<button aria-expanded="false" class="small-main-navigation__item-toggle" aria-label="toggle Programs & Applying menu">
<span class="small-main-navigation__item-toggle-icon">
<svg aria-hidden="true" class="down-toggle-icon" xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6">
<path class="_mark down-toggle-icon__shape" fill="#FF552E" fill-rule="evenodd" d="M12 0L6 6 0 0z"/>
</svg>
</span>
</button>
</div>
<div class="small-main-navigation__children">
<ul class="small-main-navigation__children-list">
<li class="small-main-navigation__children-item">
<a class="
small-main-navigation__children-item-link
" href="http://google.com">Bachelor of Arts in Urban Studies and Planning
</a>
</li>
<li class="small-main-navigation__children-item">
<a class="
small-main-navigation__children-item-link
" href="http://google.com">Minor in Urban Studies and Planning
</a>
</li>
<li class="small-main-navigation__children-item">
<a class="
small-main-navigation__children-item-link
" href="http://google.com">Master of Urban Planning
</a>
</li>
<li class="small-main-navigation__children-item">
<a class="
small-main-navigation__children-item-link
small-main-navigation__children-item-link--active-trail
" href="http://google.com">Master of Science in Sustainable Urban Management
</a>
</li>
<li class="small-main-navigation__children-item">
<a class="
small-main-navigation__children-item-link
" href="http://google.com">PhD in Regional Planning
</a>
</li>
<li class="small-main-navigation__children-item">
<a class="
small-main-navigation__children-item-link
" href="http://google.com">Financial Aid
</a>
</li>
<li class="small-main-navigation__children-item">
<a class="
small-main-navigation__children-item-link
" href="http://google.com">Request a Visit
</a>
</li>
</ul>
</div>
</li>
<li class="small-main-navigation__item">
<div class="small-main-navigation__item-container">
<a class="
small-main-navigation__item-link
" href="http://google.com">Our Work
<span class="small-main-navigation__item-link-icon">
<svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<button aria-expanded="false" class="small-main-navigation__item-toggle" aria-label="toggle Our Work menu">
<span class="small-main-navigation__item-toggle-icon">
<svg aria-hidden="true" class="down-toggle-icon" xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6">
<path class="_mark down-toggle-icon__shape" fill="#FF552E" fill-rule="evenodd" d="M12 0L6 6 0 0z"/>
</svg>
</span>
</button>
</div>
<div class="small-main-navigation__children">
<ul class="small-main-navigation__children-list">
<li class="small-main-navigation__children-item">
<a class="
small-main-navigation__children-item-link
" href="http://google.com">Financial Aid
</a>
</li>
<li class="small-main-navigation__children-item">
<a class="
small-main-navigation__children-item-link
" href="http://google.com">Request a Visit
</a>
</li>
</ul>
</div>
</li>
<li class="small-main-navigation__item">
<div class="small-main-navigation__item-container">
<a class="
small-main-navigation__item-link
" href="http://google.com">People
</a>
</div>
</li>
<li class="small-main-navigation__item">
<div class="small-main-navigation__item-container">
<a class="
small-main-navigation__item-link
" href="http://google.com">Student Life
</a>
</div>
</li>
<li class="small-main-navigation__item">
<div class="small-main-navigation__item-container">
<a class="
small-main-navigation__item-link
" href="http://google.com">About Us
</a>
</div>
</li>
</ul>
<div class="small-main-navigation__search">
<div class="quick-search quick-search--durp quick-search--large">
<form role="search" method="get" aria-label="quick search form" id="quick-search-small-form" class="quick-search__form" action="">
<input id="quick-search-small-input" name="s" type="text" placeholder="Search" class="quick-search__input quick-search__input--large">
<label for="quick-search-small-input" class="quick-search__input-label">
Search the website
</label>
<div class="quick-search__icon">
<svg aria-hidden="true" class="search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path class="_mark" fill="inherit" d="M6 12A6 6 0 116 0a6 6 0 010 12zm0-2a4 4 0 100-8 4 4 0 000 8zm5.293 2.707a1 1 0 011.414-1.414l3 3a1 1 0 01-1.414 1.414l-3-3z"/>
</svg>
</div>
<input aria-label="submit search query" class="quick-search__submit" type="submit" id="quick-search-small-submit" value="Search" />
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main class="page__content" id="content">
<div class="page-with-sidebar page-with-sidebar--light">
<div class="page-with-sidebar__grid">
<div class="page-with-sidebar__sidebar">
<nav aria-label="Programs & Applying menu" class="js-secondary-nav-container secondary-navigation-container secondary-navigation-container--durp">
<div class="secondary-navigation-container__heading">
<button aria-expanded="false" class="js-secondary-nav-toggle secondary-navigation-container__heading-link secondary-navigation-container__heading-link--durp" aria-label="Toggle the context menu for Programs & Applying">
Programs & Applying
<span class="secondary-navigation-container__heading-link-icon">
<svg aria-hidden="true" class="down-toggle-icon" xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6">
<path class="_mark down-toggle-icon__shape" fill="#FF552E" fill-rule="evenodd" d="M12 0L6 6 0 0z"/>
</svg>
</span>
</button>
</div>
<div data-expanded="false" class="js-secondary-nav secondary-navigation-container__menu">
<ul class="secondary-navigation secondary-navigation--durp">
<li class="secondary-navigation__item">
<a class="
secondary-navigation__item-link
" href="http://google.com">Bachelor of Arts in Urban Studies and Planning
</a>
</li>
<li class="secondary-navigation__item">
<a class="
secondary-navigation__item-link
" href="http://google.com">Minor in Urban Studies and Planning
</a>
</li>
<li class="secondary-navigation__item">
<a class="
secondary-navigation__item-link
" href="http://google.com">Master of Urban Planning
</a>
</li>
<li class="secondary-navigation__item">
<a class="
secondary-navigation__item-link
secondary-navigation__item-link--active-trail
" href="http://google.com">Master of Science in Sustainable Urban Management
<span class="secondary-navigation__item-link-icon">
<svg aria-hidden="true" class="down-toggle-icon" xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6">
<path class="_mark down-toggle-icon__shape" fill="#FF552E" fill-rule="evenodd" d="M12 0L6 6 0 0z"/>
</svg>
</span>
</a>
<ul class="secondary-navigation-children secondary-navigation-children--durp">
<li class="secondary-navigation-children__item">
<a class="
secondary-navigation-children__item-link
" href="http://google.com">What to Expect
</a>
</li>
<li class="secondary-navigation-children__item">
<a class="
secondary-navigation-children__item-link
" href="http://google.com">How to Apply
</a>
</li>
<li class="secondary-navigation-children__item">
<a class="
secondary-navigation-children__item-link
secondary-navigation-children__item-link--active-trail
" href="http://google.com">Resources
<span class="secondary-navigation-children__item-link-icon">
<svg aria-hidden="true" class="down-toggle-icon" xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6">
<path class="_mark down-toggle-icon__shape" fill="#FF552E" fill-rule="evenodd" d="M12 0L6 6 0 0z"/>
</svg>
</span>
</a>
<ul class="secondary-navigation-children secondary-navigation-children--durp">
<li class="secondary-navigation-children__item">
<a class="
secondary-navigation-children__item-link
secondary-navigation-children__item-link--active-trail
" href="http://google.com">Financial Aid
</a>
<ul class="secondary-navigation-children secondary-navigation-children--durp">
</ul>
</li>
<li class="secondary-navigation-children__item">
<a class="
secondary-navigation-children__item-link
secondary-navigation-children__item-link--active-trail
" href="http://google.com">Student Projects
<span class="secondary-navigation-children__item-link-icon">
<svg aria-hidden="true" class="down-toggle-icon" xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6">
<path class="_mark down-toggle-icon__shape" fill="#FF552E" fill-rule="evenodd" d="M12 0L6 6 0 0z"/>
</svg>
</span>
</a>
<ul class="secondary-navigation-children secondary-navigation-children--durp">
<li class="secondary-navigation-children__item">
<a class="
secondary-navigation-children__item-link
" href="http://google.com">See all projects
</a>
</li>
<li class="secondary-navigation-children__item">
<a class="
secondary-navigation-children__item-link
secondary-navigation-children__item-link--active
" href="http://google.com">Award winning projects
</a>
<ul class="secondary-navigation-children secondary-navigation-children--durp">
</ul>
</li>
</ul>
</li>
<li class="secondary-navigation-children__item">
<a class="
secondary-navigation-children__item-link
" href="http://google.com">Required class materials
</a>
</li>
<li class="secondary-navigation-children__item">
<a class="
secondary-navigation-children__item-link
" href="http://google.com">Additional Resources
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="secondary-navigation__item">
<a class="
secondary-navigation__item-link
" href="http://google.com">PhD in Regional Planning
</a>
</li>
<li class="secondary-navigation__item">
<a class="
secondary-navigation__item-link
" href="http://google.com">Financial Aid
</a>
</li>
<li class="secondary-navigation__item">
<a class="
secondary-navigation__item-link
" href="http://google.com">Request a Visit
</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="page-with-sidebar__top-content">
<div class="basic-page-header basic-page-header--durp">
<div class="basic-page-header__summary basic-page-header__summary--durp">
<div class="basic-page-header__breadcrumb">
<nav aria-label="Breadcrumb navigation" class="breadcrumbs breadcrumbs--durp">
<ul class="breadcrumbs__list">
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__item-link">
Home</a><span class="breadcrumbs__separator"><svg aria-hidden="true" class="icon-right-triangle" xmlns="http://www.w3.org/2000/svg" width="6" height="8" viewBox="0 0 6 8">
<path class="_mark" fill="#AEB4BA" fill-rule="evenodd" d="M0 0l6 4-6 4z"/>
</svg>
</span>
</li>
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__item-link">
Programs & Applying</a><span class="breadcrumbs__separator"><svg aria-hidden="true" class="icon-right-triangle" xmlns="http://www.w3.org/2000/svg" width="6" height="8" viewBox="0 0 6 8">
<path class="_mark" fill="#AEB4BA" fill-rule="evenodd" d="M0 0l6 4-6 4z"/>
</svg>
</span>
</li>
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__item-link">
Master of Science in Sustainable Urban Management</a><span class="breadcrumbs__separator"><svg aria-hidden="true" class="icon-right-triangle" xmlns="http://www.w3.org/2000/svg" width="6" height="8" viewBox="0 0 6 8">
<path class="_mark" fill="#AEB4BA" fill-rule="evenodd" d="M0 0l6 4-6 4z"/>
</svg>
</span>
</li>
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__item-link">
Resources</a><span class="breadcrumbs__separator"><svg aria-hidden="true" class="icon-right-triangle" xmlns="http://www.w3.org/2000/svg" width="6" height="8" viewBox="0 0 6 8">
<path class="_mark" fill="#AEB4BA" fill-rule="evenodd" d="M0 0l6 4-6 4z"/>
</svg>
</span>
</li>
<li class="breadcrumbs__item">
<span class="breadcrumbs__item-current">
Student projects
</span>
</li>
</ul>
</nav>
</div>
<h1 class="basic-page-header__title">
Master of Science in Sustainable Urban Management
</h1>
<div class="basic-page-header__intro-text">
<p><strong>Lorem ipsum dolor</strong> <em>sit amet</em>, <a href="#">consectetuer</a> adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
</div>
</div>
</div>
<div class="page-with-sidebar__bottom-content">
<div class="basic-page-content">
<div class="alumni-feature-component js-alumni-feature-component alumni-feature-component--durp alumni-feature-component--medium">
<div class="alumni-feature-component__top">
<h2 class="alumni-feature-component__header alumni-feature-component__header--light " id="Optional header for the alumni feature component">
Optional header for the alumni feature component
</h2>
<div class="alumni-feature-component__controls">
<button class="alumni-feature-component__control-button-previous js-alumni-previous-button" type="button" aria-label="Move carousel items to the right">
<svg class="left-chevron" xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark left-chevron__shape" fill="#E84A27" fill-rule="nonzero" d="M7.768 1.65c.346-.419.3-1.05-.104-1.41a.937.937 0 0 0-1.356.11L0 8l6.308 7.65a.937.937 0 0 0 1.356.11c.403-.36.45-.991.104-1.41L2.534 8l5.234-6.35z"/>
</svg>
</button>
<button class="alumni-feature-component__control-button-next js-alumni-next-button" type="button" aria-label="Move carousel items to the left">
<svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</button>
</div>
</div>
<div class="alumni-feature-component__carousel js-alumni-carousel">
<div class="alumni-feature-component__carousel-item js-alumni-carousel-item">
<div class="alumni-carousel-item
alumni-carousel-item--durp">
<div class="alumni-carousel-item__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/272/320?random=1" alt="alt text" width="272" height="320">
</figure>
</div>
<div class="alumni-carousel-item__content alumni-carousel-item__content--odd-light">
<a class="alumni-carousel-item__link
alumni-carousel-item__link--light" data-alumni-carousel-link-index="1" href="">
Ana Mendoza<span class="alumni-carousel-item__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<p class="alumni-carousel-item__title alumni-carousel-item__title--light">
Project manager at WeWork
</p>
<p class="alumni-carousel-item__graduation-class alumni-carousel-item__graduation-class--light">
MUP 2017
</p>
</div>
</div>
</div>
<div class="alumni-feature-component__carousel-item js-alumni-carousel-item">
<div class="alumni-carousel-item
alumni-carousel-item--durp">
<div class="alumni-carousel-item__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/272/320?random=2" alt="alt text" width="272" height="320">
</figure>
</div>
<div class="alumni-carousel-item__content alumni-carousel-item__content--even-light">
<a class="alumni-carousel-item__link
alumni-carousel-item__link--light" data-alumni-carousel-link-index="2" href="">
Aarav Pujari<span class="alumni-carousel-item__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<p class="alumni-carousel-item__title alumni-carousel-item__title--light">
Marketing associate at Morningstar, Inc.
</p>
<p class="alumni-carousel-item__graduation-class alumni-carousel-item__graduation-class--light">
BAUP 2014
</p>
</div>
</div>
</div>
<div class="alumni-feature-component__carousel-item js-alumni-carousel-item">
<div class="alumni-carousel-item
alumni-carousel-item--durp">
<div class="alumni-carousel-item__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/272/320?random=3" alt="alt text" width="272" height="320">
</figure>
</div>
<div class="alumni-carousel-item__content alumni-carousel-item__content--odd-light">
<a class="alumni-carousel-item__link
alumni-carousel-item__link--light" data-alumni-carousel-link-index="3" href="">
Alyssa Thomas<span class="alumni-carousel-item__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<p class="alumni-carousel-item__title alumni-carousel-item__title--light">
Neighborhood planner, City of Cambridge
</p>
<p class="alumni-carousel-item__graduation-class alumni-carousel-item__graduation-class--light">
Neighborhood planner, City of Cambridge
</p>
</div>
</div>
</div>
<div class="alumni-feature-component__carousel-item js-alumni-carousel-item">
<div class="alumni-carousel-item
alumni-carousel-item--durp">
<div class="alumni-carousel-item__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/272/320?random=4" alt="alt text" width="272" height="320">
</figure>
</div>
<div class="alumni-carousel-item__content alumni-carousel-item__content--even-light">
<a class="alumni-carousel-item__link
alumni-carousel-item__link--light" data-alumni-carousel-link-index="4" href="">
Ana Mendoza<span class="alumni-carousel-item__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<p class="alumni-carousel-item__title alumni-carousel-item__title--light">
Project manager at WeWork
</p>
<p class="alumni-carousel-item__graduation-class alumni-carousel-item__graduation-class--light">
MUP 2017
</p>
</div>
</div>
</div>
<div class="alumni-feature-component__carousel-item js-alumni-carousel-item">
<div class="alumni-carousel-item
alumni-carousel-item--durp">
<div class="alumni-carousel-item__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/272/320?random=5" alt="alt text" width="272" height="320">
</figure>
</div>
<div class="alumni-carousel-item__content alumni-carousel-item__content--odd-light">
<a class="alumni-carousel-item__link
alumni-carousel-item__link--light" data-alumni-carousel-link-index="5" href="">
Aarav Pujari<span class="alumni-carousel-item__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<p class="alumni-carousel-item__title alumni-carousel-item__title--light">
Marketing associate at Morningstar, Inc.
</p>
<p class="alumni-carousel-item__graduation-class alumni-carousel-item__graduation-class--light">
BAUP 2014
</p>
</div>
</div>
</div>
<div class="alumni-feature-component__carousel-item js-alumni-carousel-item">
<div class="alumni-carousel-item
alumni-carousel-item--durp">
<div class="alumni-carousel-item__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/272/320?random=6" alt="alt text" width="272" height="320">
</figure>
</div>
<div class="alumni-carousel-item__content alumni-carousel-item__content--even-light">
<a class="alumni-carousel-item__link
alumni-carousel-item__link--light" data-alumni-carousel-link-index="6" href="">
Alyssa Thomas<span class="alumni-carousel-item__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<p class="alumni-carousel-item__title alumni-carousel-item__title--light">
Neighborhood planner, City of Cambridge
</p>
<p class="alumni-carousel-item__graduation-class alumni-carousel-item__graduation-class--light">
BAUP 2014
</p>
</div>
</div>
</div>
</div>
<div class="alumni-feature-component__button">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button---width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Meet more alumni</span><span class="standard-button__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16"><path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/></svg></span></span>
</div>
</a>
</div>
</div>
<div class="course-preview-component course-preview-component--light course-preview-component--medium">
<div class="course-preview-component__container">
<h2 class="course-preview-component__header course-preview-component__header--light
" id="Header for course preview component">
Header for course preview component
</h2>
<div class="course-preview-component__courses">
<div class="course-preview-component__course course-preview-component__course--light">
<div class="course-preview course-preview--light">
<div class="course-preview__text-container">
<div class="course-preview__title course-preview__title--light"> UP116: Urban Informatics</div>
<div class="course-preview__description course-preview__description--light">
<p>Introduces students to basic analytical techniques used to better understand how cities work. Topics include the foundational statistical concepts of data, variation, and inference. Students formulate
a research question about an urban studies or planning issue, collect data, use statistical software to analyze data, and communicate the findings.</p>
</div>
</div>
<div class="course-preview__link-container">
<div class="course-preview__primary-link course-preview__primary-link--light">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary" aria-label="Download syllabus for UP116: Urban Informatics" target="_blank">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Primary link</span><span class="standard-button__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16"><path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M8 4a1 1 0 0 1 1 1v7.172l1.828-1.829a1 1 0 1 1 1.415 1.414L8 16l-4.243-4.243a1 1 0 1 1 1.415-1.414L7 12.172V5a1 1 0 0 1 1-1zm8-4v16h-3a1 1 0 0 1 0-2h1V2H2v12h1a1 1 0 0 1 0 2H0V0h16z"/></svg></span></span>
</div>
</a>
</div>
<div class="course-preview__secondary-link course-preview__secondary-link--light">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--secondary" target="_blank">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Secondary Link (file)</span><span class="standard-button__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16"><path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M8 4a1 1 0 0 1 1 1v7.172l1.828-1.829a1 1 0 1 1 1.415 1.414L8 16l-4.243-4.243a1 1 0 1 1 1.415-1.414L7 12.172V5a1 1 0 0 1 1-1zm8-4v16h-3a1 1 0 0 1 0-2h1V2H2v12h1a1 1 0 0 1 0 2H0V0h16z"/></svg></span></span>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="course-preview-component__course course-preview-component__course--light">
<div class="course-preview course-preview--light">
<div class="course-preview__text-container">
<div class="course-preview__title course-preview__title--light"> UP136: Urban Sustainability</div>
</div>
<div class="course-preview__link-container">
<div class="course-preview__primary-link course-preview__primary-link--light">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary" aria-label="Download syllabus for UP136: Urban Sustainability" target="_blank">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Example syllabus</span><span class="standard-button__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16"><path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M8 4a1 1 0 0 1 1 1v7.172l1.828-1.829a1 1 0 1 1 1.415 1.414L8 16l-4.243-4.243a1 1 0 1 1 1.415-1.414L7 12.172V5a1 1 0 0 1 1-1zm8-4v16h-3a1 1 0 0 1 0-2h1V2H2v12h1a1 1 0 0 1 0 2H0V0h16z"/></svg></span></span>
</div>
</a>
</div>
<div class="course-preview__secondary-link course-preview__secondary-link--light">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--secondary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Secondary Link (external)</span><span class="standard-button__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16"><path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/></svg></span></span>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="course-preview-component__course course-preview-component__course--light">
<div class="course-preview course-preview--light">
<div class="course-preview__text-container">
<div class="course-preview__title course-preview__title--light"> UP201: Planning in Action</div>
<div class="course-preview__description course-preview__description--light">
<p>Introduces students to different career paths open to urban studies and planning majors. Students interact with professionals and take part in hands-on activities related to different concentration areas:
sustainability, policy & planning, social justice and global cities.</p>
</div>
</div>
<div class="course-preview__link-container">
<div class="course-preview__primary-link course-preview__primary-link--light">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary" aria-label="Download syllabus for UP201: Planning in Action" target="_blank">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Example syllabus</span><span class="standard-button__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16"><path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M8 4a1 1 0 0 1 1 1v7.172l1.828-1.829a1 1 0 1 1 1.415 1.414L8 16l-4.243-4.243a1 1 0 1 1 1.415-1.414L7 12.172V5a1 1 0 0 1 1-1zm8-4v16h-3a1 1 0 0 1 0-2h1V2H2v12h1a1 1 0 0 1 0 2H0V0h16z"/></svg></span></span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cta-component cta-component--light cta-component--durp cta-component--regular cta-component--medium">
<h2 class="cta-component__header cta-component__header--light cta-component__header--" id="Interested in learning more?">
Interested in learning more?
</h2>
<div class="cta-component__button">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button--regular-width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Learn more</span><span class="standard-button__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="8" height="16" viewBox="0 0 8 16"><path class="icon-fill" fill="#E84A27" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/></svg></span></span>
</div>
</a>
</div>
</div>
<div class="divider-component divider-component--medium">
<hr class="divider-component__rule">
</div>
<div class="facebook-component facebook-component--light facebook-component--durp facebook-component--medium">
<h2 class="facebook-component__heading facebook-component__heading--light" id="true">
<span class="facebook-component__heading-text">
Our Facebook
</span>
<span class="facebook-component__heading-icon" aria-hidden="true">
<svg class="facebook" xmlns="http://www.w3.org/2000/svg" width="12" height="24" viewBox="0 0 12 24">
<path class="facebook__logo" fill="#FFF" fill-rule="evenodd" d="M11.976 0h-3.55C4.288 0 2.751 1.887 2.662 5.078l-.004.302v2.483H0v4.135h2.659V24h5.32V11.998h3.55L12 7.863H7.979l.007-2.07c0-1.022.099-1.594 1.521-1.651l.25-.005h2.219V0z"/>
</svg>
</span>
</h2>
<div class="facebook-component__button">
<a href="https://facebook.com/pixotech" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Follow us on Facebook</span><span class="standard-button__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16"><path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/></svg></span></span>
</div>
</a>
</div>
</div>
<div class="gallery-component gallery-component--light gallery-component--medium
gallery-component--durp" data-gallery>
<div class="gallery-component__gallery-container">
<div class="gallery-filmstrip gallery-filmstrip--durp" tabindex="-1" data-gallery-filmstrip data-filmstrip-modal>
<div class="gallery-filmstrip__slide-container gallery-filmstrip__slide-container--Large" data-carousel-index="0">
<button class="gallery-filmstrip__slide-button" data-slide-button="0" data-is-button-shown="true" aria-label="expand/collapse media">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="#FFF" d="M6.5 8L8 9.5 3.414 14H7c.513 0 .936.386.993.883L8 15c0 .513-.386.936-.883.993L7 16H0V9c0-.552.448-1 1-1 .513 0 .936.386.993.883L2 9v3.584L6.5 8zM16 0v7c0 .552-.448 1-1 1-.513 0-.936-.386-.993-.883L14 7V3.414L9.5 8 8 6.5 12.584 2H9c-.513 0-.936-.386-.993-.883L8 1c0-.513.386-.936.883-.993L9 0h7z"/>
</svg>
</button>
<div class="gallery-filmstrip__slide" data-gallery-filmstrip-item>
<div class="gallery-filmstrip__media-container gallery-filmstrip__media-container--Large">
<div class="gallery-filmstrip__image-container">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/1348/960?random=1" type="image/webp">
<img class="captioned-image__gallery-image" loading="lazy" src="https://picsum.photos/1348/960?random=1" alt="alt text 1">
</picture>
<figcaption class="captioned-image__caption">
Image caption changes as the user swipes through.
</figcaption>
</figure>
</div>
</div>
<div class="gallery-filmstrip__caption
gallery-filmstrip__caption--light" data-caption data-is-caption-shown="true">
Image caption changes as the user swipes through.
</div>
</div>
</div>
<div class="gallery-filmstrip__slide-container gallery-filmstrip__slide-container--Large" data-carousel-index="1">
<button class="gallery-filmstrip__slide-button" data-slide-button="1" data-is-button-shown="false" aria-label="expand/collapse media">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="#FFF" d="M6.5 8L8 9.5 3.414 14H7c.513 0 .936.386.993.883L8 15c0 .513-.386.936-.883.993L7 16H0V9c0-.552.448-1 1-1 .513 0 .936.386.993.883L2 9v3.584L6.5 8zM16 0v7c0 .552-.448 1-1 1-.513 0-.936-.386-.993-.883L14 7V3.414L9.5 8 8 6.5 12.584 2H9c-.513 0-.936-.386-.993-.883L8 1c0-.513.386-.936.883-.993L9 0h7z"/>
</svg>
</button>
<div class="gallery-filmstrip__slide" data-gallery-filmstrip-item>
<div class="gallery-filmstrip__media-container gallery-filmstrip__media-container--Large">
<div class="gallery-filmstrip__video-container">
<div class="gallery-filmstrip__video">
<img class="gallery-filmstrip__video-splash-image" src="https://i.ytimg.com/vi/jVIwpjHazmg/hqdefault.jpg" alt="Caption of the video" data-splash-image>
<iframe class="gallery-filmstrip__video-iframe" src="" title="Caption of the video" data-video-src="https://www.youtube.com/embed/jVIwpjHazmg?feature=oembed&autoplay=1" frameborder="0" style="display: none;" allow="autoplay"></iframe>
<img class="gallery-filmstrip__video-placeholder" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA1YAAAHgCAIAAAApMmt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEv0lEQVR4nO3BMQEAAADCoPVPbQo/oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC+BsauAAH5v2KcAAAAAElFTkSuQmCC"
alt="Caption of the video">
<button class="gallery-filmstrip__video-play" data-video-play data-is-play-button-shown="false" aria-label="play video">
<span class="play-button">
<svg class="play-button__oval" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="68" height="68" viewBox="0 0 68 68">
<defs>
<circle id="prefix__a" cx="32" cy="32" r="32"/>
</defs>
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<use fill="#000" fill-opacity=".5" xlink:href="#prefix__a"/>
<circle cx="32" cy="32" r="33" stroke="#000" stroke-opacity=".5" stroke-width="2"/>
<circle cx="32" cy="32" r="31" stroke="#FF552E" stroke-linejoin="miter" stroke-width="2"/>
</g>
</svg>
<svg class="play-button__arrow" xmlns="http://www.w3.org/2000/svg" width="20" height="24" viewBox="0 0 20 24">
<path fill="#F5F5F5" fill-rule="evenodd" d="M24 44L24 20 44 32z" transform="translate(-24 -20)"/>
</svg>
</span>
</button>
</div>
</div>
</div>
<div class="gallery-filmstrip__caption
gallery-filmstrip__caption--light" data-caption data-is-caption-shown="false">
Caption of the video
</div>
</div>
</div>
<div class="gallery-filmstrip__slide-container gallery-filmstrip__slide-container--Large" data-carousel-index="2">
<button class="gallery-filmstrip__slide-button" data-slide-button="2" data-is-button-shown="false" aria-label="expand/collapse media">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="#FFF" d="M6.5 8L8 9.5 3.414 14H7c.513 0 .936.386.993.883L8 15c0 .513-.386.936-.883.993L7 16H0V9c0-.552.448-1 1-1 .513 0 .936.386.993.883L2 9v3.584L6.5 8zM16 0v7c0 .552-.448 1-1 1-.513 0-.936-.386-.993-.883L14 7V3.414L9.5 8 8 6.5 12.584 2H9c-.513 0-.936-.386-.993-.883L8 1c0-.513.386-.936.883-.993L9 0h7z"/>
</svg>
</button>
<div class="gallery-filmstrip__slide" data-gallery-filmstrip-item>
<div class="gallery-filmstrip__media-container gallery-filmstrip__media-container--Large">
<div class="gallery-filmstrip__image-container">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/1348/960?random=2" type="image/webp">
<img class="captioned-image__gallery-image" loading="lazy" src="https://picsum.photos/1348/960?random=2" alt="alt text 2">
</picture>
<figcaption class="captioned-image__caption">
This one has a caption, too.
</figcaption>
</figure>
</div>
</div>
<div class="gallery-filmstrip__caption
gallery-filmstrip__caption--light" data-caption data-is-caption-shown="false">
This one has a caption, too.
</div>
</div>
</div>
<div class="gallery-filmstrip__slide-container gallery-filmstrip__slide-container--Large" data-carousel-index="3">
<button class="gallery-filmstrip__slide-button" data-slide-button="3" data-is-button-shown="false" aria-label="expand/collapse media">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="#FFF" d="M6.5 8L8 9.5 3.414 14H7c.513 0 .936.386.993.883L8 15c0 .513-.386.936-.883.993L7 16H0V9c0-.552.448-1 1-1 .513 0 .936.386.993.883L2 9v3.584L6.5 8zM16 0v7c0 .552-.448 1-1 1-.513 0-.936-.386-.993-.883L14 7V3.414L9.5 8 8 6.5 12.584 2H9c-.513 0-.936-.386-.993-.883L8 1c0-.513.386-.936.883-.993L9 0h7z"/>
</svg>
</button>
<div class="gallery-filmstrip__slide" data-gallery-filmstrip-item>
<div class="gallery-filmstrip__media-container gallery-filmstrip__media-container--Large">
<div class="gallery-filmstrip__image-container">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/900/1100?random=3" type="image/webp">
<img class="captioned-image__gallery-image" loading="lazy" src="https://picsum.photos/900/1100?random=3" alt="alt text 2">
</picture>
<figcaption class="captioned-image__caption">
This one has a caption, too.
</figcaption>
</figure>
</div>
</div>
<div class="gallery-filmstrip__caption
gallery-filmstrip__caption--light" data-caption data-is-caption-shown="false">
This one has a caption, too.
</div>
</div>
</div>
<div class="gallery-filmstrip__slide-container gallery-filmstrip__slide-container--Large" data-carousel-index="4">
<button class="gallery-filmstrip__slide-button" data-slide-button="4" data-is-button-shown="false" aria-label="expand/collapse media">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="#FFF" d="M6.5 8L8 9.5 3.414 14H7c.513 0 .936.386.993.883L8 15c0 .513-.386.936-.883.993L7 16H0V9c0-.552.448-1 1-1 .513 0 .936.386.993.883L2 9v3.584L6.5 8zM16 0v7c0 .552-.448 1-1 1-.513 0-.936-.386-.993-.883L14 7V3.414L9.5 8 8 6.5 12.584 2H9c-.513 0-.936-.386-.993-.883L8 1c0-.513.386-.936.883-.993L9 0h7z"/>
</svg>
</button>
<div class="gallery-filmstrip__slide" data-gallery-filmstrip-item>
<div class="gallery-filmstrip__media-container gallery-filmstrip__media-container--Large">
<div class="gallery-filmstrip__image-container">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/1348/960?random=4" type="image/webp">
<img class="captioned-image__gallery-image" loading="lazy" src="https://picsum.photos/1348/960?random=4" alt="alt text 2">
</picture>
<figcaption class="captioned-image__caption">
This one has a caption, too.
</figcaption>
</figure>
</div>
</div>
<div class="gallery-filmstrip__caption
gallery-filmstrip__caption--light" data-caption data-is-caption-shown="false">
This one has a caption, too.
</div>
</div>
</div>
</div>
<div class="gallery-filmstrip__controls-container gallery-filmstrip--durp
" data-filmstrip-controls>
<div class="gallery-filmstrip__controls">
<button class="gallery-filmstrip__control-button-previous" type="button" aria-label="Go to previous carousel item" data-controls-prev>
<svg class="left-chevron" xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark left-chevron__shape" fill="#E84A27" fill-rule="nonzero" d="M7.768 1.65c.346-.419.3-1.05-.104-1.41a.937.937 0 0 0-1.356.11L0 8l6.308 7.65a.937.937 0 0 0 1.356.11c.403-.36.45-.991.104-1.41L2.534 8l5.234-6.35z"/>
</svg>
</button>
<button class="gallery-filmstrip__control-button-next" type="button" aria-label="Go to next carousel item" data-controls-next>
<svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</button>
</div>
</div>
<div class="gallery-modal gallery-modal--durp" data-modal-is-open="false" data-gallery-modal>
<div class="gallery-modal__slide-container" style="transform: translateX(0vw);" data-modal-item data-carousel-index="0">
<button class="gallery-modal__slide-button" aria-label="Close modal" tabindex="0" data-modal-slide-button="0">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="black" fill-opacity="0.25"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25 17V23H31L31.1166 22.9933C31.614 22.9355 32 22.5128 32 22L31.9933 21.8834C31.9355 21.386 31.5128 21 31 21H28.416L32 17.5L30.5 16L27 19.586V17L26.9933 16.8834C26.9355 16.386 26.5128 16 26 16C25.4477 16 25 16.4477 25 17ZM16 30.5L17.5 32L21 28.416V31L21.0067 31.1166C21.0645 31.614 21.4872 32 22 32C22.5523 32 23 31.5523 23 31V25H17L16.8834 25.0067C16.386 25.0645 16 25.4872 16 26L16.0067 26.1166C16.0645 26.614 16.4872 27 17 27H19.586L16 30.5Z" fill="white"/>
</svg>
</button>
<div class="gallery-modal__slide">
<div class="gallery-modal__media-container">
<div class="gallery-modal__image-container">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/1348/960?random=1 1600w, https://picsum.photos/1348/960?random=1 1200w, https://picsum.photos/1348/960?random=1 800w, https://picsum.photos/1348/960?random=1 400w " sizes="100vw" type="image/webp">
<source srcset="https://picsum.photos/1348/960?random=1 1600w, https://picsum.photos/1348/960?random=1 1200w, https://picsum.photos/1348/960?random=1 800w, https://picsum.photos/1348/960?random=1 400w " sizes="100vw" type="image/jpeg">
<img class="captioned-image__image" loading="lazy" src="https://picsum.photos/1348/960?random=1" alt="alt text 1">
</picture>
<figcaption class="captioned-image__caption captioned-image__caption--">
Image caption changes as the user swipes through.
</figcaption>
</figure>
</div>
</div>
<div class="gallery-modal__caption
gallery-modal__caption--light" data-modal-caption>
Image caption changes as the user swipes through.
</div>
</div>
<div class="gallery-modal__controls-container">
<div class="gallery-modal__controls">
<button tabindex="0" class="gallery-modal__control-button-previous" type="button" aria-label="Go to previous carousel item, item 5 of 5" data-modal-controls-prev>
<svg class="left-chevron" xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark left-chevron__shape" fill="#E84A27" fill-rule="nonzero" d="M7.768 1.65c.346-.419.3-1.05-.104-1.41a.937.937 0 0 0-1.356.11L0 8l6.308 7.65a.937.937 0 0 0 1.356.11c.403-.36.45-.991.104-1.41L2.534 8l5.234-6.35z"/>
</svg>
</button>
<button tabindex="0" class="gallery-modal__control-button-next" type="button" aria-label="Go to next carousel item, item 2 of 5" data-modal-controls-next>
<svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</button>
</div>
</div>
</div>
<div class="gallery-modal__slide-container" style="transform: translateX(100vw);" data-modal-item data-carousel-index="1">
<button class="gallery-modal__slide-button" aria-label="Close modal" tabindex="0" data-modal-slide-button="1">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="black" fill-opacity="0.25"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25 17V23H31L31.1166 22.9933C31.614 22.9355 32 22.5128 32 22L31.9933 21.8834C31.9355 21.386 31.5128 21 31 21H28.416L32 17.5L30.5 16L27 19.586V17L26.9933 16.8834C26.9355 16.386 26.5128 16 26 16C25.4477 16 25 16.4477 25 17ZM16 30.5L17.5 32L21 28.416V31L21.0067 31.1166C21.0645 31.614 21.4872 32 22 32C22.5523 32 23 31.5523 23 31V25H17L16.8834 25.0067C16.386 25.0645 16 25.4872 16 26L16.0067 26.1166C16.0645 26.614 16.4872 27 17 27H19.586L16 30.5Z" fill="white"/>
</svg>
</button>
<div class="gallery-modal__slide">
<div class="gallery-modal__media-container">
<div class="gallery-modal__video-container">
<div class="gallery-modal__video">
<img class="gallery-modal__video-splash-image" src="https://i.ytimg.com/vi/jVIwpjHazmg/hqdefault.jpg" alt="Caption of the video" data-modal-splash-image>
<iframe class="gallery-modal__video-iframe" src="" title="" data-modal-video-src="https://www.youtube.com/embed/jVIwpjHazmg?feature=oembed&autoplay=1" style="display: none;" allow="autoplay"></iframe>
<img class="gallery-modal__video-placeholder" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA1YAAAHgCAIAAAApMmt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEv0lEQVR4nO3BMQEAAADCoPVPbQo/oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC+BsauAAH5v2KcAAAAAElFTkSuQmCC"
alt="Caption of the video">
<button class="gallery-modal__video-play" data-modal-video-play aria-label="play video">
<span class="play-button">
<svg class="play-button__oval" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="68" height="68" viewBox="0 0 68 68">
<defs>
<circle id="prefix__a" cx="32" cy="32" r="32"/>
</defs>
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<use fill="#000" fill-opacity=".5" xlink:href="#prefix__a"/>
<circle cx="32" cy="32" r="33" stroke="#000" stroke-opacity=".5" stroke-width="2"/>
<circle cx="32" cy="32" r="31" stroke="#FF552E" stroke-linejoin="miter" stroke-width="2"/>
</g>
</svg>
<svg class="play-button__arrow" xmlns="http://www.w3.org/2000/svg" width="20" height="24" viewBox="0 0 20 24">
<path fill="#F5F5F5" fill-rule="evenodd" d="M24 44L24 20 44 32z" transform="translate(-24 -20)"/>
</svg>
</span>
</button>
</div>
</div>
</div>
<div class="gallery-modal__caption
gallery-modal__caption--light" data-modal-caption>
Caption of the video
</div>
</div>
<div class="gallery-modal__controls-container">
<div class="gallery-modal__controls">
<button tabindex="0" class="gallery-modal__control-button-previous" type="button" aria-label="Go to previous carousel item, item 1 of 5" data-modal-controls-prev>
<svg class="left-chevron" xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark left-chevron__shape" fill="#E84A27" fill-rule="nonzero" d="M7.768 1.65c.346-.419.3-1.05-.104-1.41a.937.937 0 0 0-1.356.11L0 8l6.308 7.65a.937.937 0 0 0 1.356.11c.403-.36.45-.991.104-1.41L2.534 8l5.234-6.35z"/>
</svg>
</button>
<button tabindex="0" class="gallery-modal__control-button-next" type="button" aria-label="Go to next carousel item, item 3 of 5" data-modal-controls-next>
<svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</button>
</div>
</div>
</div>
<div class="gallery-modal__slide-container" style="transform: translateX(100vw);" data-modal-item data-carousel-index="2">
<button class="gallery-modal__slide-button" aria-label="Close modal" tabindex="0" data-modal-slide-button="2">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="black" fill-opacity="0.25"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25 17V23H31L31.1166 22.9933C31.614 22.9355 32 22.5128 32 22L31.9933 21.8834C31.9355 21.386 31.5128 21 31 21H28.416L32 17.5L30.5 16L27 19.586V17L26.9933 16.8834C26.9355 16.386 26.5128 16 26 16C25.4477 16 25 16.4477 25 17ZM16 30.5L17.5 32L21 28.416V31L21.0067 31.1166C21.0645 31.614 21.4872 32 22 32C22.5523 32 23 31.5523 23 31V25H17L16.8834 25.0067C16.386 25.0645 16 25.4872 16 26L16.0067 26.1166C16.0645 26.614 16.4872 27 17 27H19.586L16 30.5Z" fill="white"/>
</svg>
</button>
<div class="gallery-modal__slide">
<div class="gallery-modal__media-container">
<div class="gallery-modal__image-container">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/1348/960?random=2 1600w, https://picsum.photos/1348/960?random=2 1200w, https://picsum.photos/1348/960?random=2 800w, https://picsum.photos/1348/960?random=2 400w " sizes="100vw" type="image/webp">
<source srcset="https://picsum.photos/1348/960?random=2 1600w, https://picsum.photos/1348/960?random=2 1200w, https://picsum.photos/1348/960?random=2 800w, https://picsum.photos/1348/960?random=2 400w " sizes="100vw" type="image/jpeg">
<img class="captioned-image__image" loading="lazy" src="https://picsum.photos/1348/960?random=2" alt="alt text 2">
</picture>
<figcaption class="captioned-image__caption captioned-image__caption--">
This one has a caption, too.
</figcaption>
</figure>
</div>
</div>
<div class="gallery-modal__caption
gallery-modal__caption--light" data-modal-caption>
This one has a caption, too.
</div>
</div>
<div class="gallery-modal__controls-container">
<div class="gallery-modal__controls">
<button tabindex="0" class="gallery-modal__control-button-previous" type="button" aria-label="Go to previous carousel item, item 2 of 5" data-modal-controls-prev>
<svg class="left-chevron" xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark left-chevron__shape" fill="#E84A27" fill-rule="nonzero" d="M7.768 1.65c.346-.419.3-1.05-.104-1.41a.937.937 0 0 0-1.356.11L0 8l6.308 7.65a.937.937 0 0 0 1.356.11c.403-.36.45-.991.104-1.41L2.534 8l5.234-6.35z"/>
</svg>
</button>
<button tabindex="0" class="gallery-modal__control-button-next" type="button" aria-label="Go to next carousel item, item 4 of 5" data-modal-controls-next>
<svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</button>
</div>
</div>
</div>
<div class="gallery-modal__slide-container" style="transform: translateX(100vw);" data-modal-item data-carousel-index="3">
<button class="gallery-modal__slide-button" aria-label="Close modal" tabindex="0" data-modal-slide-button="3">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="black" fill-opacity="0.25"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25 17V23H31L31.1166 22.9933C31.614 22.9355 32 22.5128 32 22L31.9933 21.8834C31.9355 21.386 31.5128 21 31 21H28.416L32 17.5L30.5 16L27 19.586V17L26.9933 16.8834C26.9355 16.386 26.5128 16 26 16C25.4477 16 25 16.4477 25 17ZM16 30.5L17.5 32L21 28.416V31L21.0067 31.1166C21.0645 31.614 21.4872 32 22 32C22.5523 32 23 31.5523 23 31V25H17L16.8834 25.0067C16.386 25.0645 16 25.4872 16 26L16.0067 26.1166C16.0645 26.614 16.4872 27 17 27H19.586L16 30.5Z" fill="white"/>
</svg>
</button>
<div class="gallery-modal__slide">
<div class="gallery-modal__media-container">
<div class="gallery-modal__image-container">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/900/1100?random=3 1600w, https://picsum.photos/900/1100?random=3 1200w, https://picsum.photos/900/1100?random=3 800w, https://picsum.photos/900/1100?random=3 400w " sizes="100vw" type="image/webp">
<source srcset="https://picsum.photos/900/1100?random=3 1600w, https://picsum.photos/900/1100?random=3 1200w, https://picsum.photos/900/1100?random=3 800w, https://picsum.photos/900/1100?random=3 400w " sizes="100vw" type="image/jpeg">
<img class="captioned-image__image" loading="lazy" src="https://picsum.photos/900/1100?random=3" alt="alt text 2">
</picture>
<figcaption class="captioned-image__caption captioned-image__caption--">
This one has a caption, too.
</figcaption>
</figure>
</div>
</div>
<div class="gallery-modal__caption
gallery-modal__caption--light" data-modal-caption>
This one has a caption, too.
</div>
</div>
<div class="gallery-modal__controls-container">
<div class="gallery-modal__controls">
<button tabindex="0" class="gallery-modal__control-button-previous" type="button" aria-label="Go to previous carousel item, item 3 of 5" data-modal-controls-prev>
<svg class="left-chevron" xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark left-chevron__shape" fill="#E84A27" fill-rule="nonzero" d="M7.768 1.65c.346-.419.3-1.05-.104-1.41a.937.937 0 0 0-1.356.11L0 8l6.308 7.65a.937.937 0 0 0 1.356.11c.403-.36.45-.991.104-1.41L2.534 8l5.234-6.35z"/>
</svg>
</button>
<button tabindex="0" class="gallery-modal__control-button-next" type="button" aria-label="Go to next carousel item, item 5 of 5" data-modal-controls-next>
<svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</button>
</div>
</div>
</div>
<div class="gallery-modal__slide-container" style="transform: translateX(-100vw);" data-modal-item data-carousel-index="4">
<button class="gallery-modal__slide-button" aria-label="Close modal" tabindex="0" data-modal-slide-button="4">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="black" fill-opacity="0.25"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25 17V23H31L31.1166 22.9933C31.614 22.9355 32 22.5128 32 22L31.9933 21.8834C31.9355 21.386 31.5128 21 31 21H28.416L32 17.5L30.5 16L27 19.586V17L26.9933 16.8834C26.9355 16.386 26.5128 16 26 16C25.4477 16 25 16.4477 25 17ZM16 30.5L17.5 32L21 28.416V31L21.0067 31.1166C21.0645 31.614 21.4872 32 22 32C22.5523 32 23 31.5523 23 31V25H17L16.8834 25.0067C16.386 25.0645 16 25.4872 16 26L16.0067 26.1166C16.0645 26.614 16.4872 27 17 27H19.586L16 30.5Z" fill="white"/>
</svg>
</button>
<div class="gallery-modal__slide">
<div class="gallery-modal__media-container">
<div class="gallery-modal__image-container">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/1348/960?random=4 1600w, https://picsum.photos/1348/960?random=4 1200w, https://picsum.photos/1348/960?random=4 800w, https://picsum.photos/1348/960?random=4 400w " sizes="100vw" type="image/webp">
<source srcset="https://picsum.photos/1348/960?random=4 1600w, https://picsum.photos/1348/960?random=4 1200w, https://picsum.photos/1348/960?random=4 800w, https://picsum.photos/1348/960?random=4 400w " sizes="100vw" type="image/jpeg">
<img class="captioned-image__image" loading="lazy" src="https://picsum.photos/1348/960?random=4" alt="alt text 2">
</picture>
<figcaption class="captioned-image__caption captioned-image__caption--">
This one has a caption, too.
</figcaption>
</figure>
</div>
</div>
<div class="gallery-modal__caption
gallery-modal__caption--light" data-modal-caption>
This one has a caption, too.
</div>
</div>
<div class="gallery-modal__controls-container">
<div class="gallery-modal__controls">
<button tabindex="0" class="gallery-modal__control-button-previous" type="button" aria-label="Go to previous carousel item, item 4 of 5" data-modal-controls-prev>
<svg class="left-chevron" xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark left-chevron__shape" fill="#E84A27" fill-rule="nonzero" d="M7.768 1.65c.346-.419.3-1.05-.104-1.41a.937.937 0 0 0-1.356.11L0 8l6.308 7.65a.937.937 0 0 0 1.356.11c.403-.36.45-.991.104-1.41L2.534 8l5.234-6.35z"/>
</svg>
</button>
<button tabindex="0" class="gallery-modal__control-button-next" type="button" aria-label="Go to next carousel item, item 1 of 5" data-modal-controls-next>
<svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<h2 class="gallery-component__title " id="A header passed in as a string">
A header passed in as a string
</h2>
<p class="gallery-component__shortDescription">
this is a short description
</p>
<div class="gallery-component__body">
<p>Studying urban planning at UIUC means you have access to the resources, facilities, and minds of a global R1 university. It also makes you part of a long tradition—planning has been offered at Illinois since 1912.</p>
<p>Getting involved in planning issues at all levels is easy in Champaign-Urbana. Work with three plan commissions, two city councils, a county board, the Bicycle and Pedestrian Advisory Board, the Sustainability Advisory
Commission, the Community Development Commission, and more!</p>
</div>
</div>
<div class="giving-component giving-component--durp giving-component--light giving-component--medium">
<h2 class="giving-component__header giving-component__header--light
" id="Optional header for giving form">
Optional header for giving form
</h2>
<form class="giving-component__form" method="get" action="">
<div class="giving-component__fund giving-component__fund--light">
<div class="giving-component__fund-text">
<label class="giving-component__fund-name giving-component__fund-name--light" for="fund-11331630">
College of Fine and Applied Arts Annual Fund
</label>
<p class="giving-component__fund-description giving-component__fund-description--light">
Description of fund description of fund fund description of fund fund description of fund fund description of fund fund.
</p>
</div>
<div class="giving-component__fund-input-wrapper">
<input type="hidden" name="designation_id" value="11331630" data-giving-amount>
<div class="giving-component__fund-input-and-label">
<div class="giving-component__input-prefix-wrapper">
<span class="giving-component__fund-input-prefix" role="presentation">
$
</span>
<input class="giving-component__fund-input giving-component__fund-input--light " id="fund-11331630" type="number" min="5" name="value" aria-label="gift dollar amount for College of Fine and Applied Arts Annual Fund" data-giving-input>
</div>
</div>
<div class="giving-component__submit-button giving-component__submit-button--light" data-giving-submit>
<button type="submit" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary" aria-label="Donate to College of Fine and Applied Arts Annual Fund">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Continue</span><span class="standard-button__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16"><path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/></svg></span></span></div> </button>
</div>
</div>
</div>
</form>
<form class="giving-component__form" method="get" action="">
<div class="giving-component__fund giving-component__fund--light">
<div class="giving-component__fund-text">
<label class="giving-component__fund-name giving-component__fund-name--light" for="fund-11341209">
Arts at Illinois Scholarship Fund
</label>
</div>
<div class="giving-component__fund-input-wrapper">
<input type="hidden" name="designation_id" value="11341209" data-giving-amount>
<div class="giving-component__fund-input-and-label">
<div class="giving-component__input-prefix-wrapper">
<span class="giving-component__fund-input-prefix" role="presentation">
$
</span>
<input class="giving-component__fund-input giving-component__fund-input--light " id="fund-11341209" type="number" min="5" name="value" aria-label="gift dollar amount for Arts at Illinois Scholarship Fund" data-giving-input>
</div>
</div>
<div class="giving-component__submit-button giving-component__submit-button--light" data-giving-submit>
<button type="submit" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary" aria-label="Donate to Arts at Illinois Scholarship Fund">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Continue</span><span class="standard-button__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16"><path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/></svg></span></span></div> </button>
</div>
</div>
</div>
</form>
</div>
<div class="gravity-form gravity-form--light gravity-form--durp gravity-form--medium">
<h2 class="gravity-form__heading" id="Title of form component">
Title of form component
</h2>
<div class="gravity-form__description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi est sit amet facilisis. Nisl tincidunt eget nullam non nisi est sit. Sed egestas egestas fringilla phasellus faucibus scelerisque
eleifend. Sed lectus vestibulum mattis ullamcorper velit sed
</div>
<div class="gravity-form__form">
<div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_1">
<div id="gf_1" class="gform_anchor" tabindex="-1"></div>
<form method="post" enctype="multipart/form-data" target="gform_ajax_frame_1" id="gform_1" action="/about-us/contact-us/#gf_1">
<div class="validation_error">Validation error message: There was a problem with your submission. Errors have been highlighted below.</div>
<div class="gform_body">
<ul id="gform_fields_1" class="gform_fields top_label form_sublabel_below description_below">
<li id="field_1_1" class="gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible"> <label class="gfield_label" for="input_1_1">Required text field with validation error<span class="gfield_required">*</span></label>
<div class="ginput_container ginput_container_text"> <input aria-invalid="true" name="input_1" id="input_1_1" type="text" value="" class="medium" aria-describedby="gfield_description_1_1" aria-required="true" aria-invalid="false"> </div>
<div class="gfield_description"
id="gfield_description_1_1">Description for text field</div>
<div id="validation_message_1_1" class="gfield_description validation_message" aria-live="polite">This field is required.</div>
</li>
<li id="field_1_1" class="gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible"> <label class="gfield_label" for="input_1_1">Required text field<span class="gfield_required">*</span></label>
<div class="ginput_container ginput_container_text"> <input name="input_1" id="input_1_1" type="text" value="" maxlength="8" class="medium" aria-describedby="gfield_description_1_1" aria-required="true" aria-invalid="false"> </div>
<div class="charleft ginput_counter warningTextareaInfo">0 of 8 max characters</div>
<div class="gfield_description" id="gfield_description_1_1">Description for text field</div>
</li>
<li id="field_1_2" class="gfield field_sublabel_below field_description_below gfield_visibility_visible"> <label class="gfield_label" for="input_1_2">Paragraph text field that is not required</label>
<div class="ginput_container ginput_container_textarea"> <textarea name="input_2" id="input_1_2" class="textarea medium" aria-describedby="gfield_description_1_2" aria-invalid="false" rows="10" cols="50"></textarea> </div>
<div class="gfield_description" id="gfield_description_1_2">This is a paragraph description</div>
</li>
<li id="field_1_2" class="gfield field_sublabel_below field_description_below gfield_visibility_visible"> <label class="gfield_label" for="input_1_2">Paragraph text field that is required and has a validation error<span class="gfield_required">*</span></label>
<div class="ginput_container ginput_container_textarea">
<textarea aria-invalid="true" name="input_2" id="input_1_2" class="textarea medium" aria-describedby="gfield_description_1_2" aria-invalid="false" rows="10" cols="50"></textarea> </div>
<div class="gfield_description"
id="gfield_description_1_2">This is a paragraph description</div>
<div id="validation_message_1_1" class="gfield_description validation_message" aria-live="polite">This field is required.</div>
</li>
<li id="field_1_3" class="gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible"> <label class="gfield_label" for="input_1_3">Select box or drop down field that is required<span class="gfield_required">*</span></label>
<div class="ginput_container ginput_container_select"> <select name="input_3" id="input_1_3" class="medium gfield_select" aria-required="true" aria-invalid="false"><option value="First Choice">First Choice</option><option value="Second Choice">Second Choice</option><option value="Third Choice">Third Choice</option></select> </div>
</li>
<li id="field_1_3" class="gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible"> <label class="gfield_label" for="input_1_3">Select box or drop down field that is required with error<span class="gfield_required">*</span></label>
<div class="ginput_container ginput_container_select">
<select aria-invalid="true" name="input_3" id="input_1_3" class="medium gfield_select" aria-required="true" aria-invalid="false"><option value="First Choice">First Choice</option><option value="Second Choice">Second Choice</option><option value="Third Choice">Third Choice</option></select> </div>
<div id="validation_message_1_1" class="gfield_description validation_message" aria-live="polite">This field is required.</div>
</li>
</ul>
</div>
<div class="gform_footer top_label"> <input type="submit" id="gform_submit_button_1" class="gform_button button" value="Submit"> </div>
<div id="gf_1" class="gform_anchor" tabindex="-1"></div><br><br>
<div id="gform_confirmation_wrapper_1" class="gform_confirmation_wrapper ">
<div id="gform_confirmation_message_1" class="gform_confirmation_message_1 gform_confirmation_message">Submission confirmation message: Thanks for contacting us! We will get in touch with you shortly.</div>
</div>
</form>
</div>
</div>
</div>
<div class="image-component image-component--medium">
<div class="image-component__image">
<figure class="captioned-image">
<picture class="captioned-image__picture">
<source srcset="https://picsum.photos/800/650 1280w " sizes="(max-width: 800px) 100vw, 50vw" type="image/webp">
<source srcset="https://picsum.photos/800/650 1280w " sizes="(max-width: 800px) 100vw, 50vw" type="image/jpeg">
<img class="captioned-image__image" loading="lazy" src="https://picsum.photos/800/650" alt="placeholder">
</picture>
</figure>
</div>
</div>
<div class="instagram-component instagram-component--light instagram-component--durp instagram-component--medium">
<h2 class="instagram-component__heading instagram-component__heading--light" id="">
<span class="instagram-component__heading-text">
Our Instagram
</span>
<span class="instagram-component__heading-icon" aria-hidden="true">
<svg class="instagram" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="instagram__camera" fill-rule="evenodd" clip-rule="evenodd" d="M18 0L18.2995 0.00734296C21.3985 0.159666 23.8793 2.66319 23.9957 5.77151L24 6V18L23.9927 18.2995C23.8403 21.3985 21.3368 23.8793 18.2285 23.9957L18 24H6L5.70054 23.9927C2.60154 23.8403 0.120651 21.3368 0.0042705 18.2285L0 18V6L0.00734296 5.70054C0.159666 2.60154 2.66319 0.120651 5.77151 0.0042705L6 0H18ZM17.993 2H6C3.93434 2 2.22293 3.57043 2.02178 5.55026L2.00674 5.74957L2 6V18C2 20.0657 3.57043 21.7771 5.55026 21.9782L5.74957 21.9933L6 22H18C20.0657 22 21.7771 20.4296 21.9782 18.4497L21.9933 18.2504L22 18V6C22 3.93434 20.4296 2.22293 18.4497 2.02178L18.2504 2.00674L17.993 2ZM18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12ZM12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8ZM20 5.5C20 4.67157 19.3284 4 18.5 4C17.6716 4 17 4.67157 17 5.5C17 6.32843 17.6716 7 18.5 7C19.3284 7 20 6.32843 20 5.5Z" fill="#FF552E"/>
</svg>
</span>
</h2>
<div class="instagram-component__button">
<a href="https://instagram.com/pixotech" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Follow us on Instagram</span><span class="standard-button__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16"><path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/></svg></span></span>
</div>
</a>
</div>
</div>
<div class="link-cards-component link-cards-component--light link-cards-component--medium">
<div class="link-cards-component__card-container">
<div class="link-cards-component__link-card">
<div class="link-card link-card--light link-card--durp">
<div class="link-card__text-container">
<div class="link-card__title link-card__title--light">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
">
Bachelor of Arts in Urban Studies and Planning<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="link-card__caption link-card__caption--light">Equips entry-level professional planners.</div>
</div>
</div>
</div>
<div class="link-cards-component__link-card">
<div class="link-card link-card--light link-card--durp">
<div class="link-card__text-container">
<div class="link-card__title link-card__title--light">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
">
Bachelor of Arts in Urban Studies and Planning<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="link-card__caption link-card__caption--light">Equips entry-level professional planners.</div>
</div>
<div class="link-card__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/450/300?random=1" alt="" width="432" height="304">
</figure>
</div>
</div>
</div>
<div class="link-cards-component__link-card">
<div class="link-card link-card--light link-card--durp">
<div class="link-card__text-container">
<div class="link-card__title link-card__title--light">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
">
Minor in Urban Studies and Planning<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="link-card__caption link-card__caption--light">Introduces students to contemporary issues and factors affecting the development and functioning of cities in the U.S. and worldwide.</div>
</div>
<div class="link-card__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/800/600?random=2" alt="" width="432" height="304">
</figure>
</div>
</div>
</div>
<div class="link-cards-component__link-card">
<div class="link-card link-card--light link-card--durp">
<div class="link-card__text-container">
<div class="link-card__title link-card__title--light">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
">
Master of Urban Planning<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="link-card__caption link-card__caption--light">Provide students with a deep intellectual grounding in specific knowledge areas and preparation in advanced skills and techniques of planning.</div>
</div>
<div class="link-card__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/500/300?random=3" alt="" width="432" height="304">
</figure>
</div>
</div>
</div>
<div class="link-cards-component__link-card">
<div class="link-card link-card--light link-card--durp">
<div class="link-card__text-container">
<div class="link-card__title link-card__title--light">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
">
Master of Science in Sustainable Urban Management<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="link-card__caption link-card__caption--light">Provides urban professionals working in a variety of fields with the necessary knowledge and skills for understanding the multiplicity of inter-related urban systems and crafting the necessary policy interventions
that facilitate the creation of sustainable, healthy, safe, and resilient communities.</div>
</div>
<div class="link-card__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/400/300?random=4" alt="" width="432" height="304">
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="link-list-component link-list-component--medium">
<div class="link-list-component__list">
<h2 class="link-list-component__list-name link-list-component__list-name--light" id="List one name">List one name</h2>
<div class="link-list-component__links">
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
External link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16">
<path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/>
</svg>
</span>
</a>
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp">
Internal link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="8" height="16" viewBox="0 0 8 16">
<path class="icon-fill" fill="#E84A27" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<a href="http://www.africau.edu/images/default/sample.pdf" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
File link
<span class="list-link__icon"><svg aria-label="File download" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16">
<path fill="#E84A27" d="M10 0l4 4v12H0V0h10zM9 2H2v12h10V5H9V2zm1 9v1H4v-1h6zm0-2v1H4V9h6zm0-2v1H4V7h6zM6 4v1H4V4h2z"/>
</svg>
</span>
</a>
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
External link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16">
<path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/>
</svg>
</span>
</a>
</div>
</div>
<div class="link-list-component__list">
<h2 class="link-list-component__list-name link-list-component__list-name--light" id="Long text list">Long text list</h2>
<div class="link-list-component__links">
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
External link with an extraordinarily, unnecessarily, ridiculously, absurdly long name.
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16">
<path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/>
</svg>
</span>
</a>
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp">
Internal link with an extraordinarily, unnecessarily, ridiculously, absurdly long name.
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="8" height="16" viewBox="0 0 8 16">
<path class="icon-fill" fill="#E84A27" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<a href="http://www.africau.edu/images/default/sample.pdf" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
File link with an extraordinarily, unnecessarily, ridiculously, absurdly long name.
<span class="list-link__icon"><svg aria-label="File download" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16">
<path fill="#E84A27" d="M10 0l4 4v12H0V0h10zM9 2H2v12h10V5H9V2zm1 9v1H4v-1h6zm0-2v1H4V9h6zm0-2v1H4V7h6zM6 4v1H4V4h2z"/>
</svg>
</span>
</a>
</div>
</div>
<div class="link-list-component__list">
<h2 class="link-list-component__list-name link-list-component__list-name--light" id="List three name">List three name</h2>
<div class="link-list-component__links">
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
External link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16">
<path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/>
</svg>
</span>
</a>
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
External link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16">
<path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/>
</svg>
</span>
</a>
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
External link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16">
<path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/>
</svg>
</span>
</a>
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp">
Internal link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="8" height="16" viewBox="0 0 8 16">
<path class="icon-fill" fill="#E84A27" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<a href="http://www.africau.edu/images/default/sample.pdf" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
File link
<span class="list-link__icon"><svg aria-label="File download" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16">
<path fill="#E84A27" d="M10 0l4 4v12H0V0h10zM9 2H2v12h10V5H9V2zm1 9v1H4v-1h6zm0-2v1H4V9h6zm0-2v1H4V7h6zM6 4v1H4V4h2z"/>
</svg>
</span>
</a>
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
External link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16">
<path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/>
</svg>
</span>
</a>
</div>
</div>
<div class="link-list-component__list">
<h2 class="link-list-component__list-name link-list-component__list-name--light" id="List four name">List four name</h2>
<div class="link-list-component__links">
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp">
Internal link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="8" height="16" viewBox="0 0 8 16">
<path class="icon-fill" fill="#E84A27" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
<a href="http://www.africau.edu/images/default/sample.pdf" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
File link
<span class="list-link__icon"><svg aria-label="File download" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16">
<path fill="#E84A27" d="M10 0l4 4v12H0V0h10zM9 2H2v12h10V5H9V2zm1 9v1H4v-1h6zm0-2v1H4V9h6zm0-2v1H4V7h6zM6 4v1H4V4h2z"/>
</svg>
</span>
</a>
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
External link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16">
<path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/>
</svg>
</span>
</a>
<a href="https://google.com" class="list-link list-link--light link-list-component__link
list-link--durp" target="_blank" rel="noopener">
External link
<span class="list-link__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16">
<path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="news-mini-component news-mini-component--durp news-mini-component--light news-mini-component--medium">
<h2 class="news-mini-component__title" id="The latest news about kittens">
The latest news about kittens
</h2>
<div class="news-mini-component__cards-grid">
<div class="news-mini-component__card">
<article class="card-with-image card-with-image--light ">
<div class="card-with-image__content">
<div class="
news-card-content
news-card-content--light
news-card-content--durp
">
<div class="news-card-content__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="http://localhost:3000/components/detail/news" class="
linked-title__link linked-title__link--light
">
The University of Illinois Promoted to a Silver Bicycle Friendly University by the League of American Bicyclists<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="news-card-content__date news-card-content__date--light">
November 19, 2019
</div>
</div>
</div>
<div class="card-with-image__image ">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/320/228?random=1" alt="friendly kitten" width="320" height="228">
</figure>
</div>
</article>
</div>
<div class="news-mini-component__card">
<article class="card-with-image card-with-image--light ">
<div class="card-with-image__content">
<div class="
news-card-content
news-card-content--light
news-card-content--durp
">
<div class="news-card-content__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="http://localhost:3000/components/detail/news" class="
linked-title__link linked-title__link--light
">
The University of Illinois Promoted to a Silver Bicycle Friendly University by the League of American Bicyclists<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="news-card-content__date news-card-content__date--light">
November 19, 2019
</div>
</div>
</div>
<div class="card-with-image__image ">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/320/228?random=2" alt="friendly kitten" width="320" height="228">
</figure>
</div>
</article>
</div>
<div class="news-mini-component__card">
<article class="card-with-image card-with-image--light ">
<div class="card-with-image__content">
<div class="
news-card-content
news-card-content--light
news-card-content--durp
">
<div class="news-card-content__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="http://localhost:3000/components/detail/news" class="
linked-title__link linked-title__link--light
">
The University of Illinois Promoted to a Silver Bicycle Friendly University by the League of American Bicyclists<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="news-card-content__date news-card-content__date--light">
November 19, 2019
</div>
</div>
</div>
<div class="card-with-image__image ">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/320/228?random=3" alt="friendly kitten" width="320" height="228">
</figure>
</div>
</article>
</div>
<div class="news-mini-component__card">
<article class="card-with-image card-with-image--light ">
<div class="card-with-image__content">
<div class="
news-card-content
news-card-content--light
news-card-content--durp
">
<div class="news-card-content__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="http://localhost:3000/components/detail/news" class="
linked-title__link linked-title__link--light
">
The University of Illinois Promoted to a Silver Bicycle Friendly University by the League of American Bicyclists<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="news-card-content__date news-card-content__date--light">
November 19, 2019
</div>
</div>
</div>
<div class="card-with-image__image ">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/320/228?random=4" alt="friendly kitten" width="320" height="228">
</figure>
</div>
</article>
</div>
</div>
<div class="news-mini-component__cta-container">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Read more news</span><span class="standard-button__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16"><path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/></svg></span></span>
</div>
</a>
</div>
</div>
<div class="numbers-component numbers-component--durp numbers-component--light numbers-component--medium">
<div class="numbers-component__number numbers-component__number--1" data-sal="slide-up" data-sal-duration="400" data-sal-delay="400" data-sal-easing="ease-out-quint">
<div class="numbers-component__number-line numbers-component__number-line--1" data-numbers-component-line>
</div>
<div class="numbers-component__number-value">
6th
</div>
<div class="numbers-component__number-description">
in the world according to Center for World University Rankings
</div>
</div>
<div class="numbers-component__number numbers-component__number--2" data-sal="slide-up" data-sal-duration="400" data-sal-delay="600" data-sal-easing="ease-out-quint">
<div class="numbers-component__number-line numbers-component__number-line--2" data-numbers-component-line>
</div>
<div class="numbers-component__number-value">
3
</div>
<div class="numbers-component__number-description">
enrollment options
</div>
</div>
<div class="numbers-component__number numbers-component__number--3" data-sal="slide-up" data-sal-duration="400" data-sal-delay="800" data-sal-easing="ease-out-quint">
<div class="numbers-component__number-line numbers-component__number-line--3" data-numbers-component-line>
</div>
<div class="numbers-component__number-value">
96%
</div>
<div class="numbers-component__number-description">
job placement rate for graduates
</div>
</div>
<div class="numbers-component__number numbers-component__number--4" data-sal="slide-up" data-sal-duration="400" data-sal-delay="1000" data-sal-easing="ease-out-quint">
<div class="numbers-component__number-line numbers-component__number-line--4" data-numbers-component-line>
</div>
<div class="numbers-component__number-value">
10:1
</div>
<div class="numbers-component__number-description">
student faculty ratio
</div>
</div>
</div>
<div class="profile-mini-component profile-mini-component--durp profile-mini-component--light profile-mini-component--medium">
<h2 class="profile-mini-component__title" id="Here are important relevant people">
Here are important relevant people
</h2>
<div class="profile-mini-component__cards-grid">
<div class="profile-mini-component__card">
<article class="person-card person-card--light person-card--durp person-card--">
<div class="person-card__image person-card__image--">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/152/192?random=1" alt="Kitten" width="320" height="386">
</figure>
</div>
<div class="person-card__info-and-related person-card__info-and-related--">
<div class="person-card__info">
<div class="profile-card__title profile-card__title--">
<div class="card-title">
<div class="card-title__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
">
Jaime Jones<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
</div>
</div>
<div class="profile-card__current">
<div class="profile-card__titles">
City Planner
</div>
</div>
<div class="profile-card__contact">
<div class="profile-card__contact-email">
<a href="mailto:tthomas@uiuc.edu" class="profile-card__contact-email-link">
tthomas@uiuc.edu
</a>
</div>
<div class="profile-card__contact-phone">
<a href="tel:217.244.6531" class="profile-card__contact-phone-link">
217.244.6531
</a>
</div>
</div>
</div>
<div class="person-card__related person-card__related--">
</div>
</div>
</article>
</div>
<div class="profile-mini-component__card">
<article class="person-card person-card--light person-card--durp person-card--">
<div class="person-card__image person-card__image--">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/152/192?random=2" alt="Kitten" width="320" height="386">
</figure>
</div>
<div class="person-card__info-and-related person-card__info-and-related--">
<div class="person-card__info">
<div class="profile-card__title profile-card__title--">
<div class="card-title">
<div class="card-title__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
">
Jaime Jones<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
</div>
</div>
<div class="profile-card__current">
<div class="profile-card__titles">
City Planner
</div>
</div>
<div class="profile-card__contact">
<div class="profile-card__contact-email">
<a href="mailto:tthomas@uiuc.edu" class="profile-card__contact-email-link">
tthomas@uiuc.edu
</a>
</div>
<div class="profile-card__contact-phone">
<a href="tel:217.244.6531" class="profile-card__contact-phone-link">
217.244.6531
</a>
</div>
</div>
</div>
<div class="person-card__related person-card__related--">
</div>
</div>
</article>
</div>
<div class="profile-mini-component__card">
<article class="person-card person-card--light person-card--durp person-card--">
<div class="person-card__image person-card__image--">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/152/192?random=3" alt="Kitten" width="320" height="386">
</figure>
</div>
<div class="person-card__info-and-related person-card__info-and-related--">
<div class="person-card__info">
<div class="profile-card__title profile-card__title--">
<div class="card-title">
<div class="card-title__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
">
Jaime Jones<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
</div>
</div>
<div class="profile-card__current">
<div class="profile-card__titles">
City Planner
</div>
</div>
<div class="profile-card__contact">
<div class="profile-card__contact-email">
<a href="mailto:tthomas@uiuc.edu" class="profile-card__contact-email-link">
tthomas@uiuc.edu
</a>
</div>
<div class="profile-card__contact-phone">
<a href="tel:217.244.6531" class="profile-card__contact-phone-link">
217.244.6531
</a>
</div>
</div>
</div>
<div class="person-card__related person-card__related--">
</div>
</div>
</article>
</div>
<div class="profile-mini-component__card">
<article class="person-card person-card--light person-card--durp person-card--">
<div class="person-card__image person-card__image--">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/152/192?random=4" alt="Kitten" width="320" height="386">
</figure>
</div>
<div class="person-card__info-and-related person-card__info-and-related--">
<div class="person-card__info">
<div class="profile-card__title profile-card__title--">
<div class="card-title">
<div class="card-title__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
">
Jaime Jones<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
</div>
</div>
<div class="profile-card__current">
<div class="profile-card__titles">
City Planner
</div>
</div>
<div class="profile-card__contact">
<div class="profile-card__contact-email">
<a href="mailto:tthomas@uiuc.edu" class="profile-card__contact-email-link">
tthomas@uiuc.edu
</a>
</div>
<div class="profile-card__contact-phone">
<a href="tel:217.244.6531" class="profile-card__contact-phone-link">
217.244.6531
</a>
</div>
</div>
</div>
<div class="person-card__related person-card__related--">
</div>
</div>
</article>
</div>
</div>
<div class="profile-mini-component__cta-container">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">View more cool peeps</span><span class="standard-button__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16"><path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/></svg></span></span>
</div>
</a>
</div>
</div>
<div class="quote-component quote-component--light quote-component--durp quote-component--medium">
<div class="quote-component__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/600/500?random=1" alt="tall building" width="200" height="250">
</figure>
</div>
<div class="quote-component__content-container">
<div class="quote-component__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 24 20">
<path fill="#E84A27" fill-rule="evenodd" d="M24 10h-4.5c0-3.162 1.586-4.814 4.5-5V0c-5 0-8.078 2.17-9.318 6.262C14.186 7.998 14 10.106 14 13.64V20h10V10zm-14 0H5.5c0-3.162 1.586-4.814 4.5-5V0C5 0 1.922 2.17.682 6.262.186 7.998 0 10.106 0 13.64V20h10V10z"/>
</svg>
</div>
<div class="quote-component__quote quote-component__quote--light quote-component__quote--large">
There are learning opportunities at every corner, and you never feel out of place or like you are just another number in the system.
</div>
<div class="quote-component__attribution quote-component__attribution--light">
Ana Mendoza, BAUSP candidate
</div>
<div class="quote-component__button">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button---width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Meet Ana</span><span class="standard-button__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="8" height="16" viewBox="0 0 8 16"><path class="icon-fill" fill="#E84A27" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/></svg></span></span>
</div>
</a>
</div>
</div>
</div>
<div class="student-feature-component student-feature-component--light student-feature-component--medium
student-feature-component--durp">
<h2 class="student-feature-component__header student-feature-component__header--light" id="Header for student block">
Header for student block
</h2>
<div class="student-feature-component__card student-feature-component__card--light">
<div class="student-card student-card--light student-card--durp">
<div class="student-card__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/300/300?random=1" alt="placeholder" width="208" height="228">
</figure>
</div>
<div class="student-card__text-container">
<div class="student-card__name student-card__name--light">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
linked-title__link--large
">
Sergio Andres Contreras Pinto<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="student-card__hometown student-card__hometown--light">from Vicuna, Chile</div>
<div class="student-card__degree student-card__degree--light">PhD student</div>
</div>
</div>
</div>
<div class="student-feature-component__card student-feature-component__card--light">
<div class="student-card student-card--light student-card--durp">
<div class="student-card__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/300/300?random=2" alt="placeholder" width="208" height="228">
</figure>
</div>
<div class="student-card__text-container">
<div class="student-card__name student-card__name--light">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
linked-title__link--large
">
Yuan Xuefeng<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="student-card__hometown student-card__hometown--light">from Bejing, China</div>
<div class="student-card__degree student-card__degree--light">PhD student</div>
</div>
</div>
</div>
<div class="student-feature-component__card student-feature-component__card--light">
<div class="student-card student-card--light student-card--durp">
<div class="student-card__image">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/300/300?random=3" alt="placeholder" width="208" height="228">
</figure>
</div>
<div class="student-card__text-container">
<div class="student-card__name student-card__name--light">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="#" class="
linked-title__link linked-title__link--light
linked-title__link--large
">
Charley Rasmussen<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="student-card__hometown student-card__hometown--light">from Peoria, IL</div>
<div class="student-card__degree student-card__degree--light">PhD student</div>
</div>
</div>
</div>
<div class="student-feature-component__cta student-feature-component__cta--light">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Meet more students</span><span class="standard-button__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16"><path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/></svg></span></span>
</div>
</a>
</div>
</div>
<div class="table-component table-component--light table-component--durp table-component--medium">
<h2 class="table-component__title table-component__title--light " id="Table Example">
Table Example
</h2>
<p id="table-caption-18" class="table-component__caption table-component__caption--light ">
Fusce faucibus est felis, nec fermentum enim laoreet eleifend. Aliquam eget facilisis dolor. Curabitur efficitur odio non iaculis aliquet.
</p>
<div class="table-component__container">
<table class="table-component__table" aria-describedby="table-caption-18">
<thead class="table-component__table-head">
<tr class="table-component__table-row">
<th class="table-component__column-header table-component__column-header--light" scope="col">Green</th>
<th class="table-component__column-header table-component__column-header--light" scope="col">Purple</th>
<th class="table-component__column-header table-component__column-header--light" scope="col">Orange</th>
</tr>
</thead>
<tbody class="table-component__table-body">
<tr class="table-component__table-row">
<td class="table-component__table-data table-component__table-data--light">
Blue
</td>
<td class="table-component__table-data table-component__table-data--light">
Red
</td>
<td class="table-component__table-data table-component__table-data--light">
Yellow
</td>
</tr>
<tr class="table-component__table-row">
<td class="table-component__table-data table-component__table-data--light">
Yellow
</td>
<td class="table-component__table-data table-component__table-data--light">
Blue
</td>
<td class="table-component__table-data table-component__table-data--light">
Red
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="text-component text-component--light text-component--durp text-component--medium">
<div class="text-component__content text-component__content--light">
<h2 class="text-component__header " id="A header passed in as a string">
A header passed in as a string
</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p>
<h4>Ph.D students</h4>
<ul>
<li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li>
<li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019 </li>
<li><strong>Ozge Yenigun:</strong> Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li>
</ul>
<h4>MUP students</h4>
<ul>
<li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li>
<li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li>
<li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li>
</ul>
<hr>
<h4>Ordered List</h4>
<ol>
<li>1st level
<ol>
<li>2nd level</li>
<li>2nd level</li>
<ol>
<li>3rd level</li>
<li>3rd level</li>
</ol>
</li>
</ol>
</li>
</ol>
<p>Lorem<sup>1</sup> ipsum<sub>1</sub> dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor.
Sociis natoque penatibus et magnis</p>
</div>
</div>
<div class="topic-block-component-durp topic-block-component-durp--light topic-block-component-durp--medium">
<h2 class="topic-block-component-durp__header topic-block-component-durp__header--light
" id="Component header">
Component header
</h2>
<div class="topic-block-component-durp__content-container topic-block-component-durp__content-container--with-image">
<div class="topic-block-component-durp__image topic-block-component-durp__image--light">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/600/500?random=1" alt="tall building" width="850" height="650">
<figcaption class="captioned-image__caption captioned-image__caption--light">
The caption of your image goes here
</figcaption>
</figure>
</div>
<div class="topic-block-component-durp__text-and-cta-container--light">
<div class="topic-block-component-durp__text topic-block-component-durp__text--light">
<p>Our graduate <em>students have access</em> to a wide variety of world-class <a href="#">facilities</a>, including:</p>
<ul>
<li>Studio Spaces</li>
<li>The <strong>Ricker Library</strong> of Architecture and Art</li>
<li>Fabrication and Print (3D) labs</li>
<li>Computing Resources</li>
<li>Hosted Exhibitions, Reviews, and Events</li>
</ul>
</div>
<div class="topic-block-component-durp__cta">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button---width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Show me more</span><span class="standard-button__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="8" height="16" viewBox="0 0 8 16"><path class="icon-fill" fill="#E84A27" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/></svg></span></span>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="twitter-component twitter-component--light twitter-component--durp twitter-component--medium">
<h2 class="twitter-component__heading twitter-component__heading--light" id="Our Twitter">
<span class="twitter-component__heading-text">
Our Twitter
</span>
<span class="twitter-component__heading-icon" aria-hidden="true">
<svg class="twitter" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="twitter__bird" fill-rule="evenodd" clip-rule="evenodd" d="M16.6156 0C13.8968 0 11.6936 2.26058 11.6936 5.04839C11.6936 5.44417 11.7345 5.82984 11.819 6.19818C7.72812 5.98729 4.10072 3.97949 1.67072 0.92301C1.2467 1.67124 1.0044 2.53792 1.0044 3.46237C1.0044 5.21306 1.87357 6.75863 3.19493 7.66575C2.38774 7.63975 1.62846 7.41008 0.96355 7.03452V7.09663C0.96355 9.54355 2.65962 11.5846 4.91495 12.0468C4.50079 12.1652 4.06691 12.2245 3.61613 12.2245C3.29917 12.2245 2.98926 12.1941 2.69061 12.1349C3.31608 14.1398 5.13471 15.6016 7.29002 15.6406C5.6038 16.9955 3.48089 17.8015 1.17485 17.8015C0.777602 17.8015 0.384575 17.7799 0 17.7322C2.17926 19.1637 4.76704 20 7.54781 20C16.6057 20 21.5559 12.3068 21.5559 5.63484C21.5559 5.41528 21.5531 5.19717 21.5432 4.98194C22.5054 4.26982 23.3421 3.38004 24 2.36747C23.1167 2.76903 22.1673 3.04059 21.1727 3.16192C22.1898 2.53792 22.9702 1.54846 23.3365 0.369782C22.3842 0.94901 21.3319 1.3679 20.2092 1.59468C19.3133 0.612451 18.0328 0 16.6156 0Z" fill="#FF552E"/>
</svg>
</span>
</h2>
<div class="twitter-component__posts twitter-component__posts--light">
</div>
<div class="twitter-component__button">
<a href="https://twitter.com/pixotech" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Follow us on Twitter</span><span class="standard-button__icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon-container" width="16" height="16" viewBox="0 0 16 16"><path class="icon-fill" fill="#E84A27" fill-rule="evenodd" d="M12.586 2H10a1 1 0 1 1 0-2h6v6a1 1 0 0 1-2 0V3.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L12.586 2zM2 14h10V9a1 1 0 0 1 2 0v7H0V2h7a1 1 0 1 1 0 2H2v10z"/></svg></span></span>
</div>
</a>
</div>
</div>
<div class="video-component video-component--medium">
<div class="video-component__video">
<iframe title="UIUC FROM THE SKY" width="500" height="375" src="https://www.youtube.com/embed/lXbFu91a0t4/?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-component__caption video-component__caption--light">
Caption of video
</div>
</div>
<div class="work-mini-component work-mini-component--durp work-mini-component--light work-mini-component--medium">
<h2 class="work-mini-component__title" id="Undergraduate Work">
Undergraduate Work
</h2>
<div class="work-mini-component__cards-grid">
<div class="work-mini-component__card">
<article class="card-with-image card-with-image--light ">
<div class="card-with-image__content">
<div class="work-card-content work-card-content--durp">
<div class="work-card-content__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="http://localhost:3000/components/detail/news" class="
linked-title__link linked-title__link--light
">
Quisque volutpat mattis eros nullam<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="work-card-content__creators work-card-content__creators--light">
Creator Name, Creator Name, and Creator Name
</div>
</div>
</div>
<div class="card-with-image__image ">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/320/228?random=1" alt="featured image" width="320" height="228">
</figure>
</div>
</article>
</div>
<div class="work-mini-component__card">
<article class="card-with-image card-with-image--light ">
<div class="card-with-image__content">
<div class="work-card-content work-card-content--durp">
<div class="work-card-content__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="http://localhost:3000/components/detail/work" class="
linked-title__link linked-title__link--light
">
Lorem ipsum dolor sit consectetuer
adipiscing elit<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="work-card-content__creators work-card-content__creators--light">
Creator Name
</div>
</div>
</div>
<div class="card-with-image__image ">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/320/228?random=2" alt="building" width="320" height="228">
</figure>
</div>
</article>
</div>
<div class="work-mini-component__card">
<article class="card-with-image card-with-image--light ">
<div class="card-with-image__content">
<div class="work-card-content work-card-content--durp">
<div class="work-card-content__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="http://localhost:3000/components/detail/work" class="
linked-title__link linked-title__link--light
">
Strategies for Architectual Design<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="work-card-content__creators work-card-content__creators--light">
Assistant Professor Aneesha Dharwadker & Teaching Assistant Professor Andrea Melgarejo de Berry
</div>
</div>
</div>
<div class="card-with-image__image ">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/320/228?random=3" alt="building" width="320" height="228">
</figure>
</div>
</article>
</div>
<div class="work-mini-component__card">
<article class="card-with-image card-with-image--light ">
<div class="card-with-image__content">
<div class="work-card-content work-card-content--durp">
<div class="work-card-content__title">
<h2 class="linked-title linked-title--durp linked-title--light">
<a href="http://localhost:3000/components/detail/work" class="
linked-title__link linked-title__link--light
">
Architecture and the City<span class="linked-title__link-icon"> <svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</a>
</h2>
</div>
<div class="work-card-content__creators work-card-content__creators--light">
Associate Professor Therese Tierney
</div>
</div>
</div>
<div class="card-with-image__image ">
<figure class="captioned-image">
<img class="captioned-image__image" src="https://picsum.photos/320/228?random=4" alt="building" width="320" height="228">
</figure>
</div>
</article>
</div>
</div>
<div class="work-mini-component__cta-container">
<a href="#" class="standard-button standard-button--durp standard-button--light
standard-button--full-width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">Learn more</span><span class="standard-button__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16"><path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/></svg></span></span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-main-navigation-overlay main-navigation-overlay" role="button" aria-label="main navigation js"></div>
<div class="js-small-main-navigation-overlay small-main-navigation-overlay" role="button" aria-label="small main navigation js"></div>
</main>
<footer class="page__footer" role="contentinfo">
<div class="footer">
<div class="footer__container">
<div class="footer__wrapper">
<div class="footer__content">
<div class="footer__brand">
<div class="site-logo-link site-logo-link--durp site-logo-link--header site-logo-link--dark">
<span class="site-logo-link__text">
Home page
</span>
<div class="site-logo-link__logo-container">
<a href="https://illinois.edu/" class="site-logo-link__logo-university" aria-label="University of Illinois Urbana-Champaign">
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="8" viewBox="0 0 300 8" fill="none">
<path d="M2.18052 5.91978C2.47125 6.27386 2.86263 6.4509 3.35464 6.4509C3.84665 6.4509 4.2343 6.27386 4.51758 5.91978C4.80832 5.55832 4.95368 5.06777 4.95368 4.44813V0.17704H6.69809V4.50346C6.69809 5.62471 6.385 6.48778 5.7588 7.09267C5.1326 7.69018 4.33121 7.98893 3.35464 7.98893C2.37807 7.98893 1.57295 7.68649 0.939299 7.0816C0.3131 6.47672 0 5.61734 0 4.50346V0.17704H1.74441V4.44813C1.74441 5.06777 1.88978 5.55832 2.18052 5.91978Z" fill="currentColor"/>
<path d="M14.7761 0.17704H16.5205V7.91148H14.7761L11.0525 3.06501V7.91148H9.30806V0.17704H10.9407L14.7761 5.15629V0.17704Z" fill="currentColor"/>
<path d="M19.2469 0.17704H20.9913V7.91148H19.2469V0.17704Z" fill="currentColor"/>
<path d="M26.5997 5.10097L28.5901 0.17704H30.4799L27.3377 7.91148H25.8617L22.7195 0.17704H24.6093L26.5997 5.10097Z" fill="currentColor"/>
<path d="M37.8479 0.17704V1.71508H33.9565V3.30844H37.4565V4.78008H33.9565V6.38451H37.9709V7.91148H32.2121V0.17704H37.8479Z" fill="currentColor"/>
<path d="M46.6675 2.74412C46.6675 3.9834 46.1718 4.78377 45.1803 5.14523L47.1595 7.91148H45.0125L43.2793 5.44398H42.0716V7.91148H40.3272V0.17704H43.2905C44.5056 0.17704 45.3704 0.379898 45.8848 0.785615C46.4066 1.19133 46.6675 1.84417 46.6675 2.74412ZM43.3464 3.95021C43.9428 3.95021 44.3491 3.85431 44.5653 3.66252C44.7815 3.47072 44.8895 3.16828 44.8895 2.75519C44.8895 2.33472 44.7777 2.04703 44.5541 1.89212C44.3304 1.73721 43.9391 1.65975 43.38 1.65975H42.0716V3.95021H43.3464Z" fill="currentColor"/>
<path d="M51.7665 1.51591C51.4757 1.51591 51.2446 1.58598 51.0732 1.72614C50.9092 1.85892 50.8272 2.03965 50.8272 2.26833C50.8272 2.48963 50.9278 2.66667 51.1291 2.79945C51.3378 2.93223 51.8112 3.09083 52.5492 3.27524C53.2947 3.45228 53.8724 3.72153 54.2824 4.08299C54.6924 4.44444 54.8974 4.97188 54.8974 5.66528C54.8974 6.35869 54.6328 6.92301 54.1035 7.35823C53.5817 7.78608 52.8921 8 52.0348 8C50.7973 8 49.6829 7.54634 48.6914 6.639L49.7313 5.37759C50.5737 6.10788 51.3527 6.47303 52.0684 6.47303C52.3889 6.47303 52.6387 6.40664 52.8176 6.27386C53.0039 6.1337 53.0971 5.94929 53.0971 5.72061C53.0971 5.48456 53.0002 5.30014 52.8064 5.16736C52.6126 5.0272 52.2286 4.88705 51.6546 4.74689C50.7451 4.53297 50.078 4.25634 49.653 3.91701C49.2356 3.57031 49.0268 3.03181 49.0268 2.30152C49.0268 1.56385 49.2915 0.99585 49.8208 0.59751C50.3575 0.19917 51.0247 0 51.8224 0C52.3442 0 52.866 0.0885197 53.3879 0.26556C53.9097 0.4426 54.3644 0.693407 54.7521 1.01798L53.8687 2.27939C53.1903 1.7704 52.4896 1.51591 51.7665 1.51591Z" fill="currentColor"/>
<path d="M57.18 0.17704H58.9244V7.91148H57.18V0.17704Z" fill="currentColor"/>
<path d="M64.9578 1.67082V7.91148H63.2133V1.67082H60.9993V0.17704H67.1718V1.67082H64.9578Z" fill="currentColor"/>
<path d="M72.6156 7.91148H70.8712V4.85754L68.1651 0.17704H70.0549L71.7434 3.05394L73.4319 0.17704H75.3217L72.6156 4.85754V7.91148Z" fill="currentColor"/>
<path d="M86.6904 4.00553C86.6904 3.31213 86.4668 2.72199 86.0195 2.23513C85.5722 1.74827 85.0206 1.50484 84.3646 1.50484C83.716 1.50484 83.1681 1.74827 82.7208 2.23513C82.2735 2.72199 82.0499 3.31213 82.0499 4.00553C82.0499 4.69156 82.2735 5.27801 82.7208 5.76487C83.1681 6.24435 83.716 6.48409 84.3646 6.48409C85.0206 6.48409 85.5722 6.24435 86.0195 5.76487C86.4668 5.27801 86.6904 4.69156 86.6904 4.00553ZM87.2831 6.84924C86.4929 7.60904 85.52 7.98893 84.3646 7.98893C83.2091 7.98893 82.2362 7.60904 81.446 6.84924C80.6558 6.08207 80.2607 5.13047 80.2607 3.99447C80.2607 2.85846 80.6558 1.91056 81.446 1.15076C82.2362 0.383587 83.2091 0 84.3646 0C85.52 0 86.4929 0.383587 87.2831 1.15076C88.0733 1.91056 88.4684 2.85846 88.4684 3.99447C88.4684 5.13047 88.0733 6.08207 87.2831 6.84924Z" fill="currentColor"/>
<path d="M96.1125 0.17704V1.69295H92.4895V3.36376H95.9336V4.87967H92.4895V7.91148H90.7451V0.17704H96.1125Z" fill="currentColor"/>
<path d="M102.138 0.17704H103.882V7.91148H102.138V0.17704Z" fill="currentColor"/>
<path d="M106.606 7.91148V0.17704H108.35V6.37344H111.682V7.91148H106.606Z" fill="currentColor"/>
<path d="M113.76 7.91148V0.17704H115.504V6.37344H118.837V7.91148H113.76Z" fill="currentColor"/>
<path d="M120.914 0.17704H122.658V7.91148H120.914V0.17704Z" fill="currentColor"/>
<path d="M130.85 0.17704H132.594V7.91148H130.85L127.126 3.06501V7.91148H125.382V0.17704H127.015L130.85 5.15629V0.17704Z" fill="currentColor"/>
<path d="M141.303 4.00553C141.303 3.31213 141.08 2.72199 140.632 2.23513C140.185 1.74827 139.633 1.50484 138.977 1.50484C138.329 1.50484 137.781 1.74827 137.334 2.23513C136.886 2.72199 136.663 3.31213 136.663 4.00553C136.663 4.69156 136.886 5.27801 137.334 5.76487C137.781 6.24435 138.329 6.48409 138.977 6.48409C139.633 6.48409 140.185 6.24435 140.632 5.76487C141.08 5.27801 141.303 4.69156 141.303 4.00553ZM141.896 6.84924C141.106 7.60904 140.133 7.98893 138.977 7.98893C137.822 7.98893 136.849 7.60904 136.059 6.84924C135.269 6.08207 134.873 5.13047 134.873 3.99447C134.873 2.85846 135.269 1.91056 136.059 1.15076C136.849 0.383587 137.822 0 138.977 0C140.133 0 141.106 0.383587 141.896 1.15076C142.686 1.91056 143.081 2.85846 143.081 3.99447C143.081 5.13047 142.686 6.08207 141.896 6.84924Z" fill="currentColor"/>
<path d="M145.358 0.17704H147.102V7.91148H145.358V0.17704Z" fill="currentColor"/>
<path d="M152.342 1.51591C152.051 1.51591 151.82 1.58598 151.648 1.72614C151.484 1.85892 151.402 2.03965 151.402 2.26833C151.402 2.48963 151.503 2.66667 151.704 2.79945C151.913 2.93223 152.386 3.09083 153.124 3.27524C153.87 3.45228 154.448 3.72153 154.858 4.08299C155.268 4.44444 155.473 4.97188 155.473 5.66528C155.473 6.35869 155.208 6.92301 154.679 7.35823C154.157 7.78608 153.467 8 152.61 8C151.373 8 150.258 7.54634 149.267 6.639L150.307 5.37759C151.149 6.10788 151.928 6.47303 152.644 6.47303C152.964 6.47303 153.214 6.40664 153.393 6.27386C153.579 6.1337 153.672 5.94929 153.672 5.72061C153.672 5.48456 153.575 5.30014 153.382 5.16736C153.188 5.0272 152.804 4.88705 152.23 4.74689C151.32 4.53297 150.653 4.25634 150.228 3.91701C149.811 3.57031 149.602 3.03181 149.602 2.30152C149.602 1.56385 149.867 0.99585 150.396 0.59751C150.933 0.19917 151.6 0 152.398 0C152.919 0 153.441 0.0885197 153.963 0.26556C154.485 0.4426 154.94 0.693407 155.327 1.01798L154.444 2.27939C153.766 1.7704 153.065 1.51591 152.342 1.51591Z" fill="currentColor"/>
<path d="M163.571 5.91978C163.862 6.27386 164.253 6.4509 164.745 6.4509C165.237 6.4509 165.625 6.27386 165.908 5.91978C166.199 5.55832 166.344 5.06777 166.344 4.44813V0.17704H168.089V4.50346C168.089 5.62471 167.776 6.48778 167.149 7.09267C166.523 7.69018 165.722 7.98893 164.745 7.98893C163.769 7.98893 162.963 7.68649 162.33 7.0816C161.704 6.47672 161.391 5.61734 161.391 4.50346V0.17704H163.135V4.44813C163.135 5.06777 163.28 5.55832 163.571 5.91978Z" fill="currentColor"/>
<path d="M177.039 2.74412C177.039 3.9834 176.543 4.78377 175.552 5.14523L177.531 7.91148H175.384L173.651 5.44398H172.443V7.91148H170.699V0.17704H173.662C174.877 0.17704 175.742 0.379898 176.256 0.785615C176.778 1.19133 177.039 1.84417 177.039 2.74412ZM173.718 3.95021C174.314 3.95021 174.72 3.85431 174.937 3.66252C175.153 3.47072 175.261 3.16828 175.261 2.75519C175.261 2.33472 175.149 2.04703 174.925 1.89212C174.702 1.73721 174.31 1.65975 173.751 1.65975H172.443V3.95021H173.718Z" fill="currentColor"/>
<path d="M183.044 7.91148H179.622V0.17704H182.663C183.193 0.17704 183.647 0.239742 184.028 0.365145C184.415 0.490549 184.706 0.660212 184.9 0.874135C185.25 1.27248 185.425 1.72245 185.425 2.22407C185.425 2.82895 185.228 3.27893 184.833 3.574C184.698 3.67727 184.605 3.74366 184.553 3.77317C184.501 3.7953 184.408 3.83587 184.274 3.89488C184.758 3.99816 185.142 4.21577 185.425 4.54772C185.716 4.87229 185.861 5.27801 185.861 5.76487C185.861 6.30337 185.675 6.77916 185.302 7.19226C184.87 7.67174 184.117 7.91148 183.044 7.91148ZM181.366 3.30844H182.194C182.678 3.30844 183.036 3.2568 183.267 3.15353C183.506 3.05025 183.625 2.82895 183.625 2.48963C183.625 2.14292 183.517 1.91425 183.301 1.8036C183.085 1.69295 182.719 1.63762 182.205 1.63762H181.366V3.30844ZM181.366 6.4509H182.563C183.062 6.4509 183.435 6.39189 183.681 6.27386C183.934 6.14846 184.061 5.90871 184.061 5.55463C184.061 5.19318 183.927 4.95712 183.659 4.84647C183.398 4.72845 182.976 4.66943 182.395 4.66943H181.366V6.4509Z" fill="currentColor"/>
<path d="M193.611 7.91148L192.885 6.24066H189.608L188.881 7.91148H187.025L190.402 0.17704H192.091L195.468 7.91148H193.611ZM191.252 2.47856L190.268 4.72476H192.225L191.252 2.47856Z" fill="currentColor"/>
<path d="M202.641 0.17704H204.386V7.91148H202.641L198.918 3.06501V7.91148H197.173V0.17704H198.806L202.641 5.15629V0.17704Z" fill="currentColor"/>
<path d="M212.681 7.91148L211.954 6.24066H208.678L207.951 7.91148H206.095L209.472 0.17704H211.16L214.537 7.91148H212.681ZM210.322 2.47856L209.337 4.72476H211.294L210.322 2.47856Z" fill="currentColor"/>
<path d="M215.899 5.32227V3.85062H219.88V5.32227H215.899Z" fill="currentColor"/>
<path d="M225.982 6.38451C226.839 6.38451 227.54 6.04887 228.084 5.37759L229.202 6.51729C228.315 7.50576 227.268 8 226.06 8C224.86 8 223.869 7.62379 223.086 6.87137C222.31 6.11895 221.923 5.17105 221.923 4.02766C221.923 2.8769 222.318 1.91793 223.108 1.15076C223.906 0.383587 224.879 0 226.027 0C227.309 0 228.382 0.483172 229.247 1.44952L228.162 2.66667C227.611 1.98801 226.925 1.64869 226.105 1.64869C225.449 1.64869 224.886 1.86261 224.416 2.29046C223.954 2.71093 223.723 3.28262 223.723 4.00553C223.723 4.72107 223.943 5.29645 224.383 5.73167C224.823 6.1669 225.356 6.38451 225.982 6.38451Z" fill="currentColor"/>
<path d="M236.234 0.17704H237.979V7.91148H236.234V4.8686H233.126V7.91148H231.381V0.17704H233.126V3.40802H236.234V0.17704Z" fill="currentColor"/>
<path d="M246.266 7.91148L245.539 6.24066H242.263L241.536 7.91148H239.68L243.057 0.17704H244.746L248.123 7.91148H246.266ZM243.907 2.47856L242.923 4.72476H244.88L243.907 2.47856Z" fill="currentColor"/>
<path d="M256.828 3.04288L254.715 7.26971H253.675L251.573 3.04288V7.91148H249.828V0.17704H252.188L254.201 4.426L256.225 0.17704H258.573V7.91148H256.828V3.04288Z" fill="currentColor"/>
<path d="M264.058 0.17704C265.258 0.17704 266.13 0.409405 266.675 0.874135C267.226 1.33149 267.502 2.03965 267.502 2.99862C267.502 3.95021 267.219 4.6473 266.652 5.0899C266.093 5.5325 265.236 5.7538 264.08 5.7538H263.04V7.91148H261.296V0.17704H264.058ZM264.215 4.26003C264.796 4.26003 265.191 4.14569 265.4 3.91701C265.609 3.68096 265.713 3.34163 265.713 2.89903C265.713 2.44906 265.575 2.13186 265.299 1.94744C265.031 1.75565 264.61 1.65975 264.036 1.65975H263.04V4.26003H264.215Z" fill="currentColor"/>
<path d="M274.772 7.91148L274.045 6.24066H270.769L270.042 7.91148H268.186L271.563 0.17704H273.252L276.629 7.91148H274.772ZM272.413 2.47856L271.429 4.72476H273.386L272.413 2.47856Z" fill="currentColor"/>
<path d="M278.334 0.17704H280.079V7.91148H278.334V0.17704Z" fill="currentColor"/>
<path d="M287.879 3.97234H289.634V6.71646C288.859 7.57215 287.786 8 286.414 8C285.266 8 284.301 7.62379 283.518 6.87137C282.743 6.11895 282.355 5.17105 282.355 4.02766C282.355 2.8769 282.75 1.91793 283.54 1.15076C284.338 0.383587 285.296 0 286.414 0C287.54 0 288.516 0.365145 289.344 1.09544L288.438 2.39004C288.088 2.0876 287.763 1.88105 287.465 1.7704C287.174 1.65237 286.858 1.59336 286.515 1.59336C285.851 1.59336 285.292 1.81835 284.837 2.26833C284.383 2.71093 284.155 3.29737 284.155 4.02766C284.155 4.75795 284.371 5.3444 284.804 5.787C285.244 6.22222 285.765 6.43983 286.369 6.43983C286.973 6.43983 287.476 6.3255 287.879 6.09682V3.97234Z" fill="currentColor"/>
<path d="M297.456 0.17704H299.2V7.91148H297.456L293.732 3.06501V7.91148H291.988V0.17704H293.62L297.456 5.15629V0.17704Z" fill="currentColor"/>
</svg>
</a>
<a href="https://faa.illinois.edu/" class="site-logo-link__logo-college" aria-label="College of Fine & Applied Arts">
<svg xmlns="http://www.w3.org/2000/svg" width="423" height="36" viewBox="0 0 423 36" fill="none">
<g class="icon-illinois-block-i">
<path class="icon-illinois-block-i__outline" fill-rule="evenodd" clip-rule="evenodd"
d="M25.5 0H0v10.5h6v15H0V36h25.5V25.5h-6v-15h6V0z"/>
<path class="icon-illinois-block-i__fill" fill-rule="evenodd" clip-rule="evenodd"
d="M24 9V1.5H1.5V9H6a1.5 1.5 0 011.5 1.5v15A1.5 1.5 0 016 27H1.5v7.5H24V27h-4.5a1.5 1.5 0 01-1.5-1.5v-15A1.5 1.5 0 0119.5 9H24z"
/>
</g>
<g class="icon-college-wordmark">
<path
d="M63 17.349c0 6.266 3.784 9.731 8.578 9.731 2.397 0 4.361-.982 5.892-2.743l-1.848-2.05c-1.07 1.184-2.311 1.877-3.986 1.877-3.148 0-5.199-2.6-5.199-6.902 0-4.245 2.224-6.844 5.314-6.844 1.444 0 2.513.607 3.495 1.56l1.849-2.08c-1.185-1.27-3.062-2.396-5.373-2.396-4.852 0-8.722 3.667-8.722 9.847zM79.383 19.659c0 4.707 3.206 7.421 6.73 7.421 3.552 0 6.758-2.714 6.758-7.421 0-4.736-3.206-7.45-6.758-7.45-3.524 0-6.73 2.714-6.73 7.45zm3.408 0c0-2.859 1.242-4.736 3.322-4.736s3.35 1.877 3.35 4.736c0 2.83-1.27 4.707-3.35 4.707s-3.322-1.877-3.322-4.707zM96.159 23.095c0 2.455.866 3.985 3.235 3.985.78 0 1.357-.115 1.762-.289l-.434-2.483c-.26.058-.375.058-.519.058-.347 0-.722-.289-.722-1.098V6.347h-3.322v16.748zM104 23.095c0 2.455.867 3.985 3.235 3.985.78 0 1.357-.115 1.762-.289l-.433-2.483c-.26.058-.376.058-.52.058-.347 0-.722-.289-.722-1.098V6.347H104v16.748zM110.917 19.659c0 4.678 3.062 7.421 6.99 7.421 1.79 0 3.494-.635 4.852-1.53l-1.127-2.08c-1.039.665-2.079 1.04-3.292 1.04-2.282 0-3.899-1.444-4.188-4.014h9.011c.087-.346.145-.924.145-1.56 0-3.955-2.022-6.727-5.864-6.727-3.321 0-6.527 2.83-6.527 7.45zm3.206-1.27c.289-2.369 1.733-3.61 3.408-3.61 1.935 0 2.888 1.357 2.888 3.61h-6.296zM128.017 28.813c0-.664.347-1.3 1.098-1.877.549.144 1.155.202 1.935.202h1.935c1.618 0 2.513.318 2.513 1.415 0 1.213-1.56 2.281-3.841 2.281-2.253 0-3.64-.75-3.64-2.021zm-2.772.49c0 2.484 2.512 3.697 5.892 3.697 4.621 0 7.567-2.195 7.567-4.996 0-2.454-1.791-3.494-5.199-3.494h-2.513c-1.733 0-2.31-.49-2.31-1.3 0-.635.26-.981.693-1.357.635.26 1.328.376 1.935.376 3.004 0 5.372-1.675 5.372-4.823 0-.981-.347-1.848-.809-2.396h2.6v-2.455h-5.084a6.382 6.382 0 00-2.079-.346c-2.975 0-5.603 1.819-5.603 5.082 0 1.675.895 3.032 1.848 3.754v.115c-.808.578-1.559 1.53-1.559 2.628 0 1.155.548 1.906 1.27 2.368v.116c-1.299.808-2.021 1.848-2.021 3.032zm6.065-9.153c-1.386 0-2.484-1.04-2.484-2.86 0-1.79 1.098-2.8 2.484-2.8s2.455 1.04 2.455 2.8c0 1.82-1.098 2.86-2.455 2.86zM139.828 19.659c0 4.678 3.061 7.421 6.989 7.421 1.791 0 3.495-.635 4.852-1.53l-1.126-2.08c-1.04.665-2.08 1.04-3.293 1.04-2.281 0-3.899-1.444-4.188-4.014h9.012c.086-.346.144-.924.144-1.56 0-3.955-2.022-6.727-5.863-6.727-3.322 0-6.527 2.83-6.527 7.45zm3.205-1.27c.289-2.369 1.733-3.61 3.409-3.61 1.935 0 2.888 1.357 2.888 3.61h-6.297zM160.389 19.659c0 4.707 3.206 7.421 6.73 7.421 3.552 0 6.758-2.714 6.758-7.421 0-4.736-3.206-7.45-6.758-7.45-3.524 0-6.73 2.714-6.73 7.45zm3.408 0c0-2.859 1.242-4.736 3.322-4.736 2.079 0 3.35 1.877 3.35 4.736 0 2.83-1.271 4.707-3.35 4.707-2.08 0-3.322-1.877-3.322-4.707zM184.937 6.49a7.174 7.174 0 00-2.599-.49c-3.351 0-4.708 2.137-4.708 5.082v1.473l-1.906.145v2.483h1.906v11.55h3.321v-11.55h2.773v-2.628h-2.773v-1.53c0-1.646.636-2.397 1.791-2.397.491 0 1.04.115 1.56.346l.635-2.483zM192.402 26.734h3.35V18.85h6.846v-2.83h-6.846v-5.342h8.059v-2.83h-11.409v18.886zM208.428 10.072c1.184 0 2.05-.78 2.05-1.877 0-1.127-.866-1.906-2.05-1.906-1.184 0-2.051.78-2.051 1.906 0 1.097.867 1.877 2.051 1.877zm-1.675 16.662h3.321V12.555h-3.321v14.179zM214.312 26.734h3.321v-9.905c1.184-1.155 1.993-1.762 3.235-1.762 1.56 0 2.224.867 2.224 3.206v8.46h3.321V17.84c0-3.581-1.328-5.631-4.361-5.631-1.935 0-3.379 1.01-4.65 2.252h-.116l-.231-1.906h-2.743v14.179zM229.549 19.659c0 4.678 3.062 7.421 6.99 7.421 1.79 0 3.494-.635 4.852-1.53l-1.127-2.08c-1.039.665-2.079 1.04-3.292 1.04-2.282 0-3.899-1.444-4.188-4.014h9.011c.087-.346.145-.924.145-1.56 0-3.955-2.022-6.727-5.864-6.727-3.321 0-6.527 2.83-6.527 7.45zm3.206-1.27c.289-2.369 1.733-3.61 3.408-3.61 1.935 0 2.888 1.357 2.888 3.61h-6.296zM252.912 21.565c0-1.155.751-2.08 1.82-2.946 1.213 1.704 2.802 3.35 4.477 4.765-.953.693-1.993 1.126-3.033 1.126-1.877 0-3.264-1.184-3.264-2.945zm1.993-9.385c0-1.444.838-2.426 2.022-2.426 1.098 0 1.531.78 1.531 1.79 0 1.473-1.242 2.426-2.802 3.408-.462-.982-.751-1.906-.751-2.772zm11.986 12.186c-1.01-.202-2.166-.751-3.408-1.502 1.473-1.963 2.542-4.187 3.235-6.555h-3.061c-.52 1.964-1.358 3.639-2.398 5.025-1.617-1.242-3.148-2.773-4.303-4.332 2.051-1.444 4.101-3.003 4.101-5.486 0-2.397-1.588-4.014-4.159-4.014-2.888 0-4.765 2.108-4.765 4.707 0 1.299.433 2.714 1.213 4.158-1.907 1.27-3.611 2.8-3.611 5.4 0 2.974 2.282 5.313 6.037 5.313 2.31 0 4.188-.78 5.69-2.021 1.559 1.01 3.148 1.675 4.592 2.021l.837-2.714zM278.842 18.995l.664-2.31c.606-1.993 1.155-4.13 1.675-6.238h.116c.548 2.08 1.126 4.245 1.704 6.238l.664 2.31h-4.823zm7.047 7.739h3.552l-6.152-18.886h-3.928l-6.18 18.886h3.437l1.473-5.112h6.325l1.473 5.112zM294.66 25.52c1.155.983 2.397 1.56 3.639 1.56 3.148 0 6.066-2.8 6.066-7.652 0-4.39-2.051-7.22-5.575-7.22-1.559 0-3.09.838-4.274 1.849h-.116l-.231-1.502h-2.744v19.78h3.322V27.89l-.087-2.368zm.087-2.367V16.54c1.097-1.068 2.079-1.588 3.119-1.588 2.137 0 3.062 1.675 3.062 4.505 0 3.205-1.445 4.88-3.322 4.88-.838 0-1.82-.318-2.859-1.184zM310.963 25.52c1.155.983 2.397 1.56 3.639 1.56 3.148 0 6.065-2.8 6.065-7.652 0-4.39-2.05-7.22-5.574-7.22-1.56 0-3.09.838-4.275 1.849h-.115l-.231-1.502h-2.744v19.78h3.321V27.89l-.086-2.368zm.086-2.367V16.54c1.098-1.068 2.08-1.588 3.12-1.588 2.137 0 3.061 1.675 3.061 4.505 0 3.205-1.444 4.88-3.321 4.88-.838 0-1.82-.318-2.86-1.184zM324.031 23.095c0 2.455.866 3.985 3.235 3.985.779 0 1.357-.115 1.761-.289l-.433-2.483c-.26.058-.375.058-.52.058-.346 0-.722-.289-.722-1.098V6.347h-3.321v16.748zM333.547 10.072c1.184 0 2.051-.78 2.051-1.877 0-1.127-.867-1.906-2.051-1.906-1.184 0-2.051.78-2.051 1.906 0 1.097.867 1.877 2.051 1.877zm-1.675 16.662h3.321V12.555h-3.321v14.179zM338.507 19.659c0 4.678 3.061 7.421 6.989 7.421 1.791 0 3.495-.635 4.852-1.53l-1.126-2.08c-1.04.665-2.08 1.04-3.293 1.04-2.281 0-3.899-1.444-4.188-4.014h9.012c.086-.346.144-.924.144-1.56 0-3.955-2.022-6.727-5.863-6.727-3.321 0-6.527 2.83-6.527 7.45zm3.206-1.27c.288-2.369 1.733-3.61 3.408-3.61 1.935 0 2.888 1.357 2.888 3.61h-6.296zM353.203 19.659c0 4.678 2.282 7.421 5.834 7.421 1.531 0 2.975-.837 4.015-1.877h.115l.232 1.53h2.743V6.348h-3.321v5.14l.115 2.28c-1.097-.952-2.108-1.558-3.725-1.558-3.091 0-6.008 2.83-6.008 7.45zm3.437-.03c0-2.973 1.473-4.677 3.293-4.677.953 0 1.906.318 2.888 1.184v6.613c-.953 1.097-1.877 1.588-2.975 1.588-2.051 0-3.206-1.646-3.206-4.707zM379.732 18.995l.665-2.31c.606-1.993 1.155-4.13 1.675-6.238h.115c.549 2.08 1.127 4.245 1.704 6.238l.665 2.31h-4.824zm7.048 7.739h3.552L384.18 7.848h-3.928l-6.181 18.886h3.437l1.473-5.112h6.326l1.473 5.112zM392.316 26.734h3.322V18.07c.866-2.137 2.223-2.917 3.35-2.917.606 0 .982.087 1.473.231l.578-2.888c-.434-.202-.896-.288-1.618-.288-1.502 0-3.004 1.01-4.014 2.858h-.116l-.231-2.512h-2.744v14.179zM403.582 21.94c0 3.061 1.213 5.14 4.505 5.14 1.127 0 2.109-.26 2.888-.52l-.577-2.454c-.405.173-.982.317-1.473.317-1.358 0-1.993-.808-1.993-2.483v-6.757h3.61v-2.628h-3.61v-3.87h-2.773l-.404 3.87-2.195.145v2.483h2.022v6.757zM412.111 25.117c1.387 1.126 3.437 1.963 5.372 1.963 3.582 0 5.517-1.963 5.517-4.39 0-2.656-2.137-3.58-4.072-4.302-1.531-.548-2.946-1.01-2.946-2.108 0-.895.664-1.56 2.079-1.56 1.127 0 2.137.492 3.119 1.214l1.531-2.022c-1.155-.895-2.744-1.703-4.708-1.703-3.177 0-5.17 1.761-5.17 4.244 0 2.368 2.109 3.437 3.986 4.13 1.502.577 3.033 1.097 3.033 2.281 0 .982-.722 1.704-2.253 1.704-1.444 0-2.657-.607-3.928-1.588l-1.56 2.137z"/>
</g>
<rect x="43.5" width="1.5" height="36" rx=".5" fill="#B3B3B3"/>
</svg>
</a>
<a href="/" class="site-logo-link__logo-department">
Department of Urban and Regional Planning
</a>
</div>
</div>
</div>
<div class="footer__information">
<div class="footer__contact-address">
111 Temple Buell Hall<br /> 611 Taft Drive<br /> Champaign, IL 61820<br /> MC 619
</div>
<ul class="footer__links">
<li class="footer__links-item">
BAUSP Accredited
</li>
<li class="footer__links-item">
MUP Accredited
</li>
</ul>
<div class="footer__contact-phone-and-email">
<a href="tel:(217) 333-3890" class="footer__contact-phone">
(217) 333-3890
</a><br>
<a href="mailto:urbplan@illinois.edu" class="footer__contact-email">
urbplan@illinois.edu
</a>
</div>
</div>
</div>
<nav aria-label="Footer menu" class="footer__menu">
<ul class="footer-menu footer-menu--durp footer-menu footer-menu--light">
<li class="footer-menu__item">
<a href="#" class="footer-menu__item-link
">
Contact Us
</a>
</li>
<li class="footer-menu__item">
<a href="#" class="footer-menu__item-link
footer-menu__item-link--active ">
Alumni
</a>
</li>
<li class="footer-menu__item">
<a href="#" class="footer-menu__item-link
">
Give a Gift
</a>
</li>
<li class="footer-menu__item">
<a href="#" class="footer-menu__item-link
">
Resources for Current Students
</a>
</li>
</ul>
<ul class="social-links social-links--durp">
<li class="social-links__item">
<a href="https://facebook.com" class="social-links__item-link" aria-label="Facebook">
<span class="social-links__item-text">
Facebook page for
</span>
<svg class="facebook" xmlns="http://www.w3.org/2000/svg" width="12" height="24" viewBox="0 0 12 24">
<path class="facebook__logo" fill="#FFF" fill-rule="evenodd" d="M11.976 0h-3.55C4.288 0 2.751 1.887 2.662 5.078l-.004.302v2.483H0v4.135h2.659V24h5.32V11.998h3.55L12 7.863H7.979l.007-2.07c0-1.022.099-1.594 1.521-1.651l.25-.005h2.219V0z"/>
</svg>
</a>
</li>
<li class="social-links__item">
<a href="https://flickr.com" class="social-links__item-link" aria-label="Flicker photos">
<span class="social-links__item-text">
Flickr profile for
</span>
<svg class="flickr" xmlns="http://www.w3.org/2000/svg" width="34" height="16" viewBox="0 0 34 16">
<path class="flickr__logo" fill="#FFF" fill-rule="evenodd" d="M8 0c4.418 0 8 3.582 8 8s-3.582 8-8 8-8-3.582-8-8 3.582-8 8-8zm18 0c4.418 0 8 3.582 8 8s-3.582 8-8 8-8-3.582-8-8 3.582-8 8-8zm0 2c-3.314 0-6 2.686-6 6s2.686 6 6 6 6-2.686 6-6-2.686-6-6-6z"/>
</svg>
</a>
</li>
<li class="social-links__item">
<a href="https://linkedin.com" class="social-links__item-link" aria-label="Linked In">
<span class="social-links__item-text">
Linked in profile for
</span>
<svg class="linkedin" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path class="linkedin__logo" fill="#FFF" fill-rule="evenodd" d="M.605 7.696h4.678v16.302H.605V7.696zm2.22-2.04h-.034C1.098 5.657 0 4.41 0 2.833 0 1.222 1.13 0 2.857 0c1.726 0 2.787 1.219 2.821 2.828 0 1.578-1.095 2.829-2.853 2.829zM24 24h-5.304v-8.438c0-2.208-.83-3.714-2.655-3.714-1.395 0-2.171 1.016-2.533 1.998-.135.35-.114.84-.114 1.332V24H8.14s.068-14.946 0-16.304h5.255v2.558c.31-1.118 1.99-2.715 4.67-2.715 3.324 0 5.936 2.347 5.936 7.395V24z"/>
</svg>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</footer>
</div>
<div class="js-navigation-overlay navigation-overlay"></div>
{% set background = 'light' %}
{% extends "templates/page-with-sidebar/page-with-sidebar.twig" %}
{% block topContent %}
{% include "partials/basic-header/basic-header.twig" %}
{% endblock %}
{% block bottomContent %}
<div class="basic-page-content">
{% include 'partials/component.twig' with {
'components': post.components,
'background': background,
'siteUnit': siteUnit,
componentSpacing: componentSpacing,
is_wordpress: is_wordpress|default
} only %}
</div>
{% endblock %}
{
"siteUnit": "durp",
"departmentName": "Department of Urban and Regional Planning",
"background": "dark",
"contactInfo": {
"phone": "(217) 333-3890",
"email": "urbplan@illinois.edu",
"address": "111 Temple Buell Hall\n611 Taft Drive\nChampaign, IL 61820\nMC 619",
"facebookLink": "https://facebook.com",
"flickrLink": "https://flickr.com",
"linkedInLink": "https://linkedin.com"
},
"footerMenu": {
"items": [
{
"title": "Contact Us",
"url": "#"
},
{
"title": "Alumni",
"url": "#",
"isActive": true
},
{
"title": "Give a Gift",
"url": "#"
},
{
"title": "Resources for Current Students",
"url": "#"
}
]
},
"breadcrumbs": [
{
"title": "Home",
"url": "#"
},
{
"title": "Programs & Applying",
"url": "#"
},
{
"title": "Master of Science in Sustainable Urban Management",
"url": "#"
},
{
"title": "Resources",
"url": "#"
},
{
"title": "Student projects",
"url": "#"
}
],
"mainMenu": {
"currentPageInMenu": true,
"items": [
{
"title": "Programs & Applying",
"url": "https://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": true,
"children": [
{
"title": "Bachelor of Arts in Urban Studies and Planning",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Minor in Urban Studies and Planning",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Master of Urban Planning",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Master of Science in Sustainable Urban Management",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": true,
"children": [
{
"title": "What to Expect",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "How to Apply",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Resources",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": true,
"children": [
{
"title": "Financial Aid",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": true,
"children": []
},
{
"title": "Student Projects",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": true,
"children": [
{
"title": "See all projects",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Award winning projects",
"url": "http://google.com",
"isActive": true,
"isChildActive": false,
"isDescendantActive": false,
"children": []
}
]
},
{
"title": "Required class materials",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Additional Resources",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
}
]
}
]
},
{
"title": "PhD in Regional Planning",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Financial Aid",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Request a Visit",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
}
]
},
{
"title": "Our Work",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": [
{
"title": "Financial Aid",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Request a Visit",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
}
]
},
{
"title": "People",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "Student Life",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
},
{
"title": "About Us",
"url": "http://google.com",
"isActive": false,
"isChildActive": false,
"isDescendantActive": false,
"children": []
}
]
},
"eyebrowMenu": {
"items": [
{
"title": "News",
"url": "#"
},
{
"title": "Events",
"url": "#",
"isActive": true
}
]
},
"post": {
"title": "Master of Science in Sustainable Urban Management",
"introText": "<p><strong>Lorem ipsum dolor</strong> <em>sit amet</em>, <a href=\"#\">consectetuer</a> adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>",
"components": [
{
"type": "alumni-feature",
"header": "Optional header for the alumni feature component",
"alumni": [
{
"image": {
"src": "https://picsum.photos/272/320?random=1",
"altText": "alt text"
},
"name": "Ana Mendoza",
"title": "Project manager at WeWork",
"graduationClass": "MUP 2017"
},
{
"image": {
"src": "https://picsum.photos/272/320?random=2",
"altText": "alt text"
},
"name": "Aarav Pujari",
"title": "Marketing associate at Morningstar, Inc.",
"graduationClass": "BAUP 2014"
},
{
"image": {
"src": "https://picsum.photos/272/320?random=3",
"altText": "alt text"
},
"name": "Alyssa Thomas",
"title": "Neighborhood planner, City of Cambridge",
"graduationClass": "Neighborhood planner, City of Cambridge"
},
{
"image": {
"src": "https://picsum.photos/272/320?random=4",
"altText": "alt text"
},
"name": "Ana Mendoza",
"title": "Project manager at WeWork",
"graduationClass": "MUP 2017"
},
{
"image": {
"src": "https://picsum.photos/272/320?random=5",
"altText": "alt text"
},
"name": "Aarav Pujari",
"title": "Marketing associate at Morningstar, Inc.",
"graduationClass": "BAUP 2014"
},
{
"image": {
"src": "https://picsum.photos/272/320?random=6",
"altText": "alt text"
},
"name": "Alyssa Thomas",
"title": "Neighborhood planner, City of Cambridge",
"graduationClass": "BAUP 2014"
}
],
"callToAction": {
"text": "Meet more alumni",
"url": "#"
}
},
{
"type": "course-preview",
"header": "Header for course preview component",
"courses": [
{
"title": "UP116: Urban Informatics",
"description": "<p>Introduces students to basic analytical techniques used to better understand how cities work. Topics include the foundational statistical concepts of data, variation, and inference. Students formulate a research question about an urban studies or planning issue, collect data, use statistical software to analyze data, and communicate the findings.</p>",
"primaryLink": {
"text": "Primary link",
"url": "#"
},
"secondaryLink": {
"text": "Secondary Link (file)",
"url": "#",
"icon": "download-link",
"isDownload": true
}
},
{
"title": "UP136: Urban Sustainability",
"description": null,
"primaryLink": {
"text": "Example syllabus",
"url": "#"
},
"secondaryLink": {
"text": "Secondary Link (external)",
"url": "#",
"icon": "external-link"
}
},
{
"title": "UP201: Planning in Action",
"description": "<p>Introduces students to different career paths open to urban studies and planning majors. Students interact with professionals and take part in hands-on activities related to different concentration areas: sustainability, policy & planning, social justice and global cities.</p>",
"primaryLink": {
"text": "Example syllabus",
"url": "#"
},
"secondaryLink": null
}
],
"callToAction": {
"text": "Meet more students",
"url": "#"
}
},
{
"type": "cta",
"header": "Interested in learning more?",
"callToAction": {
"text": "Learn more",
"url": "#"
}
},
{
"type": "divider"
},
{
"type": "facebook",
"heading": "Our Facebook",
"facebookUsername": "pixotech"
},
{
"type": "gallery",
"displayType": "slideshow",
"title": "A header passed in as a string",
"shortDescription": "this is a short description",
"body": "<p>Studying urban planning at UIUC means you have access to the resources, facilities, and minds of a global R1 university. It also makes you part of a long tradition—planning has been offered at Illinois since 1912.</p><p>Getting involved in planning issues at all levels is easy in Champaign-Urbana. Work with three plan commissions, two city councils, a county board, the Bicycle and Pedestrian Advisory Board, the Sustainability Advisory Commission, the Community Development Commission, and more!</p>",
"media": [
{
"media_type": "Image",
"media": {
"src": "https://picsum.photos/1348/960?random=1",
"altText": "alt text 1",
"caption": "Image caption changes as the user swipes through."
}
},
{
"media_type": "Video",
"media": {
"url": "https://www.youtube.com/watch?v=jVIwpjHazmg",
"src": "https://www.youtube.com/embed/jVIwpjHazmg?feature=oembed&autoplay=1",
"caption": "Caption of the video",
"thumbnail_url": "https://i.ytimg.com/vi/jVIwpjHazmg/hqdefault.jpg",
"dimensionSizingImage": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA1YAAAHgCAIAAAApMmt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEv0lEQVR4nO3BMQEAAADCoPVPbQo/oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC+BsauAAH5v2KcAAAAAElFTkSuQmCC",
"width": 854,
"height": 480
}
},
{
"media_type": "Image",
"media": {
"src": "https://picsum.photos/1348/960?random=2",
"altText": "alt text 2",
"caption": "This one has a caption, too."
}
},
{
"media_type": "Image",
"media": {
"src": "https://picsum.photos/900/1100?random=3",
"altText": "alt text 2",
"caption": "This one has a caption, too."
}
},
{
"media_type": "Image",
"media": {
"src": "https://picsum.photos/1348/960?random=4",
"altText": "alt text 2",
"caption": "This one has a caption, too."
}
}
],
"mediaSize": "Large",
"callToAction": {
"text": "Click this button",
"url": "#"
}
},
{
"type": "giving",
"header": "Optional header for giving form",
"buttonText": "Continue",
"funds": [
{
"name": "College of Fine and Applied Arts Annual Fund",
"description": "Description of fund description of fund fund description of fund fund description of fund fund description of fund fund.",
"fundId": "11331630"
},
{
"name": "Arts at Illinois Scholarship Fund",
"description": "",
"fundId": "11341209"
}
]
},
{
"type": "gravity-form",
"heading": "Title of form component",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi est sit amet facilisis. Nisl tincidunt eget nullam non nisi est sit. Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend. Sed lectus vestibulum mattis ullamcorper velit sed",
"form": "<div class=\"gf_browser_chrome gform_wrapper\" id=\"gform_wrapper_1\"><div id=\"gf_1\" class=\"gform_anchor\" tabindex=\"-1\"></div><form method=\"post\" enctype=\"multipart/form-data\" target=\"gform_ajax_frame_1\" id=\"gform_1\" action=\"/about-us/contact-us/#gf_1\">\n<div class=\"validation_error\">Validation error message: There was a problem with your submission. Errors have been highlighted below.</div><div class=\"gform_body\"><ul id=\"gform_fields_1\" class=\"gform_fields top_label form_sublabel_below description_below\"> <li id=\"field_1_1\" class=\"gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible\"> <label class=\"gfield_label\" for=\"input_1_1\">Required text field with validation error<span class=\"gfield_required\">*</span></label> <div class=\"ginput_container ginput_container_text\"> <input aria-invalid=\"true\" name=\"input_1\" id=\"input_1_1\" type=\"text\" value=\"\" class=\"medium\" aria-describedby=\"gfield_description_1_1\" aria-required=\"true\" aria-invalid=\"false\"> </div> <div class=\"gfield_description\" id=\"gfield_description_1_1\">Description for text field</div> <div id=\"validation_message_1_1\" class=\"gfield_description validation_message\" aria-live=\"polite\">This field is required.</div> </li><li id=\"field_1_1\" class=\"gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible\"> <label class=\"gfield_label\" for=\"input_1_1\">Required text field<span class=\"gfield_required\">*</span></label> <div class=\"ginput_container ginput_container_text\"> <input name=\"input_1\" id=\"input_1_1\" type=\"text\" value=\"\" maxlength=\"8\" class=\"medium\" aria-describedby=\"gfield_description_1_1\" aria-required=\"true\" aria-invalid=\"false\"> </div> <div class=\"charleft ginput_counter warningTextareaInfo\">0 of 8 max characters</div> <div class=\"gfield_description\" id=\"gfield_description_1_1\">Description for text field</div> </li> <li id=\"field_1_2\" class=\"gfield field_sublabel_below field_description_below gfield_visibility_visible\"> <label class=\"gfield_label\" for=\"input_1_2\">Paragraph text field that is not required</label> <div class=\"ginput_container ginput_container_textarea\"> <textarea name=\"input_2\" id=\"input_1_2\" class=\"textarea medium\" aria-describedby=\"gfield_description_1_2\" aria-invalid=\"false\" rows=\"10\" cols=\"50\"></textarea> </div> <div class=\"gfield_description\" id=\"gfield_description_1_2\">This is a paragraph description</div> </li> <li id=\"field_1_2\" class=\"gfield field_sublabel_below field_description_below gfield_visibility_visible\"> <label class=\"gfield_label\" for=\"input_1_2\">Paragraph text field that is required and has a validation error<span class=\"gfield_required\">*</span></label> <div class=\"ginput_container ginput_container_textarea\"> <textarea aria-invalid=\"true\" name=\"input_2\" id=\"input_1_2\" class=\"textarea medium\" aria-describedby=\"gfield_description_1_2\" aria-invalid=\"false\" rows=\"10\" cols=\"50\"></textarea> </div> <div class=\"gfield_description\" id=\"gfield_description_1_2\">This is a paragraph description</div> <div id=\"validation_message_1_1\" class=\"gfield_description validation_message\" aria-live=\"polite\">This field is required.</div> </li> <li id=\"field_1_3\" class=\"gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible\"> <label class=\"gfield_label\" for=\"input_1_3\">Select box or drop down field that is required<span class=\"gfield_required\">*</span></label> <div class=\"ginput_container ginput_container_select\"> <select name=\"input_3\" id=\"input_1_3\" class=\"medium gfield_select\" aria-required=\"true\" aria-invalid=\"false\"><option value=\"First Choice\">First Choice</option><option value=\"Second Choice\">Second Choice</option><option value=\"Third Choice\">Third Choice</option></select> </div> </li>\n<li id=\"field_1_3\" class=\"gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible\"> <label class=\"gfield_label\" for=\"input_1_3\">Select box or drop down field that is required with error<span class=\"gfield_required\">*</span></label> <div class=\"ginput_container ginput_container_select\"> <select aria-invalid=\"true\" name=\"input_3\" id=\"input_1_3\" class=\"medium gfield_select\" aria-required=\"true\" aria-invalid=\"false\"><option value=\"First Choice\">First Choice</option><option value=\"Second Choice\">Second Choice</option><option value=\"Third Choice\">Third Choice</option></select> </div> <div id=\"validation_message_1_1\" class=\"gfield_description validation_message\" aria-live=\"polite\">This field is required.</div> </li>\n</ul></div>\n<div class=\"gform_footer top_label\"> <input type=\"submit\" id=\"gform_submit_button_1\" class=\"gform_button button\" value=\"Submit\"> </div>\n<div id=\"gf_1\" class=\"gform_anchor\" tabindex=\"-1\"></div><br><br><div id=\"gform_confirmation_wrapper_1\" class=\"gform_confirmation_wrapper \"><div id=\"gform_confirmation_message_1\" class=\"gform_confirmation_message_1 gform_confirmation_message\">Submission confirmation message: Thanks for contacting us! We will get in touch with you shortly.</div></div></form>\n</div>"
},
{
"type": "image",
"image": {
"src": "https://picsum.photos/800/650",
"altText": "placeholder"
}
},
{
"type": "instagram",
"heading": "Our Instagram",
"instagramUsername": "pixotech"
},
{
"type": "link-cards",
"cards": [
{
"title": "Bachelor of Arts in Urban Studies and Planning",
"url": "#",
"caption": "Equips entry-level professional planners.",
"image": null
},
{
"title": "Bachelor of Arts in Urban Studies and Planning",
"url": "#",
"caption": "Equips entry-level professional planners.",
"image": {
"src": "https://picsum.photos/450/300?random=1",
"alt": "placeholder"
}
},
{
"title": "Minor in Urban Studies and Planning",
"url": "#",
"caption": "Introduces students to contemporary issues and factors affecting the development and functioning of cities in the U.S. and worldwide.",
"image": {
"src": "https://picsum.photos/800/600?random=2",
"alt": "placeholder"
}
},
{
"title": "Master of Urban Planning",
"url": "#",
"caption": "Provide students with a deep intellectual grounding in specific knowledge areas and preparation in advanced skills and techniques of planning.",
"image": {
"src": "https://picsum.photos/500/300?random=3",
"alt": "placeholder"
}
},
{
"title": "Master of Science in Sustainable Urban Management",
"url": "#",
"caption": "Provides urban professionals working in a variety of fields with the necessary knowledge and skills for understanding the multiplicity of inter-related urban systems and crafting the necessary policy interventions that facilitate the creation of sustainable, healthy, safe, and resilient communities.",
"image": {
"src": "https://picsum.photos/400/300?random=4",
"alt": "placeholder"
}
}
]
},
{
"type": "link-list",
"lists": [
{
"name": "List one name",
"links": [
{
"type": "external",
"text": "External link",
"url": "https://google.com"
},
{
"type": "internal",
"text": "Internal link",
"url": "https://google.com"
},
{
"type": "file",
"text": "File link",
"url": "http://www.africau.edu/images/default/sample.pdf"
},
{
"type": "external",
"text": "External link",
"url": "https://google.com"
}
]
},
{
"name": "Long text list",
"links": [
{
"type": "external",
"text": "External link with an extraordinarily, unnecessarily, ridiculously, absurdly long name.",
"url": "https://google.com"
},
{
"type": "internal",
"text": "Internal link with an extraordinarily, unnecessarily, ridiculously, absurdly long name.",
"url": "https://google.com"
},
{
"type": "file",
"text": "File link with an extraordinarily, unnecessarily, ridiculously, absurdly long name.",
"url": "http://www.africau.edu/images/default/sample.pdf"
}
]
},
{
"name": "List three name",
"links": [
{
"type": "external",
"text": "External link",
"url": "https://google.com"
},
{
"type": "external",
"text": "External link",
"url": "https://google.com"
},
{
"type": "external",
"text": "External link",
"url": "https://google.com"
},
{
"type": "internal",
"text": "Internal link",
"url": "https://google.com"
},
{
"type": "file",
"text": "File link",
"url": "http://www.africau.edu/images/default/sample.pdf"
},
{
"type": "external",
"text": "External link",
"url": "https://google.com"
}
]
},
{
"name": "List four name",
"links": [
{
"type": "internal",
"text": "Internal link",
"url": "https://google.com"
},
{
"type": "file",
"text": "File link",
"url": "http://www.africau.edu/images/default/sample.pdf"
},
{
"type": "external",
"text": "External link",
"url": "https://google.com"
},
{
"type": "external",
"text": "External link",
"url": "https://google.com"
}
]
}
]
},
{
"type": "news-mini",
"title": "The latest news about kittens",
"cards": [
{
"title": "The University of Illinois Promoted to a Silver Bicycle Friendly University by the League of American Bicyclists",
"permalink": "http://localhost:3000/components/detail/news",
"publishDate": "November 19, 2019",
"featuredImage": {
"src": "https://picsum.photos/320/228?random=1",
"altText": "friendly kitten"
}
},
{
"title": "The University of Illinois Promoted to a Silver Bicycle Friendly University by the League of American Bicyclists",
"permalink": "http://localhost:3000/components/detail/news",
"publishDate": "November 19, 2019",
"featuredImage": {
"src": "https://picsum.photos/320/228?random=2",
"altText": "friendly kitten"
}
},
{
"title": "The University of Illinois Promoted to a Silver Bicycle Friendly University by the League of American Bicyclists",
"permalink": "http://localhost:3000/components/detail/news",
"publishDate": "November 19, 2019",
"featuredImage": {
"src": "https://picsum.photos/320/228?random=3",
"altText": "friendly kitten"
}
},
{
"title": "The University of Illinois Promoted to a Silver Bicycle Friendly University by the League of American Bicyclists",
"permalink": "http://localhost:3000/components/detail/news",
"publishDate": "November 19, 2019",
"featuredImage": {
"src": "https://picsum.photos/320/228?random=4",
"altText": "friendly kitten"
}
}
],
"callToAction": {
"text": "Read more news",
"url": "#"
}
},
{
"type": "numbers",
"numbers": [
{
"numberValue": "6th",
"description": "in the world according to Center for World University Rankings"
},
{
"numberValue": "3",
"description": "enrollment options"
},
{
"numberValue": "96%",
"description": "job placement rate for graduates"
},
{
"numberValue": "10:1",
"description": "student faculty ratio"
}
]
},
{
"type": "profile-mini",
"title": "Here are important relevant people",
"cards": [
{
"fullName": "Jaime Jones",
"titles": "City Planner",
"profileTypeLabel": "Core Staff",
"photo": {
"altText": "Kitten",
"src": "https://picsum.photos/152/192?random=1"
},
"emailAddress": "tthomas@uiuc.edu",
"phoneNumber": "217.244.6531",
"permalink": "#"
},
{
"fullName": "Jaime Jones",
"titles": "City Planner",
"profileTypeLabel": "Core Staff",
"photo": {
"altText": "Kitten",
"src": "https://picsum.photos/152/192?random=2"
},
"emailAddress": "tthomas@uiuc.edu",
"phoneNumber": "217.244.6531",
"permalink": "#"
},
{
"fullName": "Jaime Jones",
"titles": "City Planner",
"profileTypeLabel": "Core Staff",
"photo": {
"altText": "Kitten",
"src": "https://picsum.photos/152/192?random=3"
},
"emailAddress": "tthomas@uiuc.edu",
"phoneNumber": "217.244.6531",
"permalink": "#"
},
{
"fullName": "Jaime Jones",
"titles": "City Planner",
"profileTypeLabel": "Core Staff",
"photo": {
"altText": "Kitten",
"src": "https://picsum.photos/152/192?random=4"
},
"emailAddress": "tthomas@uiuc.edu",
"phoneNumber": "217.244.6531",
"permalink": "#"
}
],
"callToAction": {
"text": "View more cool peeps",
"url": "#"
}
},
{
"type": "quote",
"quote": "There are learning opportunities at every corner, and you never feel out of place or like you are just another number in the system.",
"attribution": "Ana Mendoza, BAUSP candidate",
"image": {
"src": "https://picsum.photos/600/500?random=1",
"altText": "tall building"
},
"callToAction": {
"text": "Meet Ana",
"url": "#"
}
},
{
"type": "student-feature",
"header": "Header for student block",
"cards": [
{
"name": "Sergio Andres Contreras Pinto",
"url": "#",
"hometown": "Vicuna, Chile",
"degrees": [
"PhD student"
],
"image": {
"src": "https://picsum.photos/300/300?random=1",
"altText": "placeholder"
}
},
{
"name": "Yuan Xuefeng",
"url": "#",
"hometown": "Bejing, China",
"degrees": [
"PhD student"
],
"image": {
"src": "https://picsum.photos/300/300?random=2",
"altText": "placeholder"
}
},
{
"name": "Charley Rasmussen",
"url": "#",
"hometown": "Peoria, IL",
"degrees": [
"PhD student"
],
"image": {
"src": "https://picsum.photos/300/300?random=3",
"altText": "placeholder"
}
}
],
"callToAction": {
"text": "Meet more students",
"url": "#"
}
},
{
"type": "table",
"index": 0,
"title": "Table Example",
"hide_title": false,
"hide_caption": false,
"caption": "Fusce faucibus est felis, nec fermentum enim laoreet eleifend. Aliquam eget facilisis dolor. Curabitur efficitur odio non iaculis aliquet.",
"include_row_headers": false,
"table": {
"p": {
"o": {
"uh": 1
}
},
"header": [
{
"c": "Green"
},
{
"c": "Purple"
},
{
"c": "Orange"
}
],
"body": [
[
{
"c": "Blue"
},
{
"c": "Red"
},
{
"c": "Yellow"
}
],
[
{
"c": "Yellow"
},
{
"c": "Blue"
},
{
"c": "Red"
}
]
]
}
},
{
"type": "text",
"header": "A header passed in as a string",
"richText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p><h4>Ph.D students</h4> <ul><li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li><li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019 </li><li><strong>Ozge Yenigun:</strong> Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li></ul> <h4>MUP students</h4> <ul><li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li><li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li><li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li></ul> <hr><h4>Ordered List</h4><ol><li>1st level<ol><li>2nd level</li><li>2nd level</li><ol><li>3rd level</li><li>3rd level</li></ol></li></ol></li></ol><p>Lorem<sup>1</sup> ipsum<sub>1</sub> dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis</p>"
},
{
"type": "topic-block",
"header": "Component header",
"image": {
"src": "https://picsum.photos/600/500?random=1",
"altText": "tall building",
"caption": "The caption of your image goes here"
},
"text": "<p>Our graduate <em>students have access</em> to a wide variety of world-class <a href=\"#\">facilities</a>, including:</p><ul><li>Studio Spaces</li><li>The <strong>Ricker Library</strong> of Architecture and Art</li><li>Fabrication and Print (3D) labs</li><li>Computing Resources</li><li>Hosted Exhibitions, Reviews, and Events</li></ul>",
"callToAction": {
"text": "Show me more",
"url": "#"
}
},
{
"type": "twitter",
"heading": "Our Twitter",
"twitterUsername": "pixotech"
},
{
"type": "video",
"video": {
"src": "<iframe title=\"UIUC FROM THE SKY\" width=\"500\" height=\"375\" src=\"https://www.youtube.com/embed/lXbFu91a0t4/?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>",
"caption": "Caption of video"
}
},
{
"type": "work-mini",
"title": "Undergraduate Work",
"cards": [
{
"title": "Quisque volutpat mattis eros nullam",
"permalink": "http://localhost:3000/components/detail/news",
"featuredImage": {
"src": "https://picsum.photos/320/228?random=1",
"altText": "featured image"
},
"creators": "Creator Name, Creator Name, and Creator Name"
},
{
"title": "Lorem ipsum dolor sit consectetuer
adipiscing elit",
"permalink": "http://localhost:3000/components/detail/work",
"creators": "Creator Name",
"featuredImage": {
"src": "https://picsum.photos/320/228?random=2",
"altText": "building"
}
},
{
"title": "Strategies for Architectual Design",
"permalink": "http://localhost:3000/components/detail/work",
"creators": "Assistant Professor Aneesha Dharwadker & Teaching Assistant Professor Andrea Melgarejo de Berry",
"featuredImage": {
"src": "https://picsum.photos/320/228?random=3",
"altText": "building"
}
},
{
"title": "Architecture and the City",
"permalink": "http://localhost:3000/components/detail/work",
"creators": "Associate Professor Therese Tierney",
"featuredImage": {
"src": "https://picsum.photos/320/228?random=4",
"altText": "building"
}
}
],
"callToAction": {
"text": "Learn more",
"url": "#"
}
}
]
},
"componentSpacing": "medium"
}
There are no notes for this item.