CINXE.COM
First-Year Suites - Saginaw Valley State University
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>First-Year Suites - Saginaw Valley State University</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- Meta Information --> <meta name="title" content="First-Year Suites - Saginaw Valley State University"/> <meta name="description" content="First-Year Suites are unique apartment-like dorms that provide students with a spacious living area, private bathroom, kitchenette, and single bedrooms."> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.svsu.edu/livingoncampus/housing/firstyearsuites/" /> <meta property="og:title" content="First-Year Suites - Saginaw Valley State University" /> <meta property="og:description" content="First-Year Suites are unique apartment-like dorms that provide students with a spacious living area, private bathroom, kitchenette, and single bedrooms." /> <meta property="og:site_name" content="Saginaw Valley State University" /> <meta property="og:image" content="https://www.svsu.edu/media/housingx2fresidentiallife/imgs/ResLifeHousing_OfficeDetails.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://www.svsu.edu/livingoncampus/housing/firstyearsuites/" /> <meta property="twitter:title" content="First-Year Suites - Saginaw Valley State University" /> <meta property="twitter:description" content="First-Year Suites are unique apartment-like dorms that provide students with a spacious living area, private bathroom, kitchenette, and single bedrooms." /> <meta property="twitter:image" content="https://www.svsu.edu/media/housingx2fresidentiallife/imgs/ResLifeHousing_OfficeDetails.jpg" /> <meta property="twitter:site" content="@SVSU"> <!-- Canonical URL --> <link rel="canonical" href="https://www.svsu.edu/livingoncampus/housing/firstyearsuites/" /> <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script> <!-- New Font Awesome and shims --> <link rel="stylesheet" href="https://appsc.svsu.edu/fontawesome/css/all.css"> <link rel="stylesheet" href="https://appsc.svsu.edu/fontawesome/css/v4-shims.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" type="text/css" href="/media/svsu.css" /> <link href="//fonts.googleapis.com/css?family=Qwigley:400" rel="stylesheet" type="text/css"> <!-- text/css for content types --> <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script> <![endif]--> <!-- Adobe TypeKit --> <script type="text/javascript" src="//use.typekit.net/vhq2has.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <!-- navigation object : Branch Css --> <!-- Optima Font for Page/Department Name --> <style> .row {margin-left: 0!important; margin-right: 0!important;} .full_display{width: auto; padding: 0; max-width: 2000px} @import url(/media/fonts/optima/OPTIMA.TTF); @font-face { font-family: "Optima"; src: url('/media/fonts/optima/OPTIMA.TTF') format("opentype"); } @import url(/media/fonts/optima/OPTIMA_B.TTF); @font-face { font-family: "Optima Bold"; src: url(/media/fonts/optima/OPTIMA_B.TTF) format("opentype"); } </style> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NWWKVTJ');</script> <!-- End Google Tag Manager --> <!-- Slate Ping Code --> <script async="async" src="https://apply.svsu.edu/ping">/**/</script> </head> <body style="font-family: Tahoma, Arial, Helvetica, sans-serif; background-color: #000000"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NWWKVTJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="skipnav"><a href="#main">Skip to main content</a> <a href="#footer_header">Skip to footer</a></div> <div id="wrap"> <!-- navigation object : Emergency --> <!--<div id="home-header" class="hidden-print"> <div style="background: #444;">--> <div id="home-header" class="full_display" style='margin: auto; background-image:url(/media/00logos/nest/nestred.png); background-position:center; background-size:cover'> <div style="background:#002B4E"> <nav class="navbar visible-xs" role="navigation" style="margin:0px;"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header" style="font-size: 10px; display: flex; align-items: center; justify-content: center; margin-right: 0px!important"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mainNavigation" style="margin:0;"> <span class="sr-only">Toggle navigation</span> <span class="fa fa-bars fa-3x"></span> </button> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#quicklinks" style="margin:0"> <span class="sr-only">Toggle quicklinks</span> <span class="fa fa-link fa-3x"></span> </button> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#searchbox"> <span class="sr-only">Toggle Search</span> <span class="fa fa-search fa-3x"></span> </button> </div> </nav> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="mainNavigation"> <!-- Red Bar links --> <ul class="nav navbar-nav navbar-left"> <li><a href="/resources/currentstudents/">Current Students</a></li> <li><a href="/resources/faculty/">Faculty</a></li> <li><a href="/resources/staff/">Staff</a></li> <li><a href="/alumni/">Alumni</a></li> <li><a href="/foundation/">Giving</a></li> <li><a href="/resources/community/">Community</a></li> <li><a href="/parents/">Parents</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <!--<li><a href="/mysvsu">mySVSU</a></li>--> <li><a href="https://my.svsu.edu/">mySVSU</a></li> <li><a href="/find/offices">Contact</a></li> <li><a href="/about/atozindex">A-Z Index</a></li> <li class="hidden-xs"><a data-toggle="collapse" data-target="#quicklinks" class="collapsed" href="#">Quicklinks</a></li> <li><a href="/newsroom">News</a></li> <li class="hidden-xs"><a id="revealSearch" data-toggle="collapse" data-target="#searchbox" class="collapsed" href="#"><span class="fa fa-search"></span> Search</a></li> </ul> </div> </div> <div id="searchbox" class="collapse"> <style> #mainNavigation .nav > li > a:hover, #mainNavigation .nav > li > a:focus { background-color: unset; } #searchbox { background: #44444400 !important; } #searchbox .gsc-search-button-v2 { padding: 13px 27px !important; } </style> <div class="reset-box-sizing"> <div id="searchbox_embedded"> <script async src="https://cse.google.com/cse.js?cx=82d26981e9c8549a2"></script> <div class="gcse-searchbox-only"></div> </div> </div> </div> <div id="quicklinks" class="collapse"> <div class="container-fluid no-padding" style="background-color: #222 !important;"> <div class="row"> <div class="col-md-3 no-padding"> <ul class="no-padding"> <li><a href="https://www.svsu.edu/library"><span>Library</span><span class="fa icon-svsu-zanhow fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsu.campusdish.com/"><span>Dining</span><span class="fa fa-cutlery fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/bookstore"><span>Bookstore</span><span class="fa fa-book fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/cfsc/paytuitionhousingmealplansrelatedfees/"><span>Make a Tuition Payment</span><span class="fa fa-money fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://eacct-svsu-sp.transactcampus.com/eAccounts/AnonymousHome.aspx"><span>Add Flex/Declining Balance</span><span class="fa fa-credit-card" aria-hidden="true"></span></a></li> <li><a href="https://vprint1.svsu.edu:9192/user/"><span>Print Balance</span><span class="fa fa-print fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/calendar/svevents/"><span>Campus Calendar</span><span class="fa fa-calendar fa-fw" aria-hidden="true"></span></a></li> </ul> </div> <div class="col-md-3 no-padding"> <ul class="no-padding"> <li><a href="https://svsu.edu/its/"><span>Technology Support</span><span class="fa fa-laptop fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/go/visit/maps/"><span>Campus Map/Virtual Tour</span><span class="fa fa-globe fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/employment/"><span>Jobs at SVSU</span><span class="fa fa-university fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsuconnect.com/"><span>SVSU Connect</span><span class="fa fa-graduation-cap fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsu.sprocketcmms.com/login.aspx"><span>Request Maintenance</span><span class="fa fa-wrench fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/events/requestanevent/"><span>Book a Room/Event</span><span class="fa fa-clock-o fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/changepassword"><span>Change Network Password</span><span class="fa fa-asterisk fa-fw" aria-hidden="true"></span></a></li> </ul> </div> <div class="col-md-3 no-padding"> <ul class="no-padding"> <li><a href="https://appsc2.svsu.edu/lookup/login"><span>Manage Your Directory Info</span><span class="fa fa-lock fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://colss-prod.ec.svsu.edu/Student/courses"><span>Course Lookup</span><span class="fa fa-edit fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/catalog/"><span>Course Catalog</span><span class="fa fa-list fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/academiccommons/"><span>Tutoring</span><span class="fa fa-pencil fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.etix.com/ticket/o/5514/saginaw-valley-state-university"><span>Box Office Tickets</span><span class="fa fa-ticket fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://secure.studentclearinghouse.org/tsorder/faces/TOBridge?_afrLoop=905951282370800&_afrWindowMode=0&_adf.ctrl-state=9eryjd5jb_13"><span>Transcript Request</span><span class="fa fa-file-text fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsu.joinhandshake.com/login"><span>Handshake</span><span class="fa fa-handshake-o fa-fw" aria-hidden="true"></span></a></li> </ul> </div> <div class="col-md-3 no-padding"> <ul class="no-padding"> <li><a href="https://email.svsu.edu"><span>Email</span><span class="fa fa-envelope fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsu.instructure.com"><span>Canvas</span><span class="fa icon-svsu-canvas fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsu0-my.sharepoint.com"><span>OneDrive</span><span class="fa fa-cloud fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://vdrive.svsu.edu"><span>Network Drives</span><span class="fa icon-svsu-mdrive fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://colss-prod.ec.svsu.edu/Student"><span>Self-Service</span><span class="fa icon-svsu-coop-arrow fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://mysupport.svsu.edu"><span>Submit ITS Support Ticket</span><span class="fa fa-warning fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://webtech.svsu.edu/lookup/"><span>Directories</span><span class="fa fa-phone fa-fw" aria-hidden="true"></span></a></li> </ul> </div> </div> </div> </div> <!-- end of quicklinks--> <div class="container full_display"> <style> #quicklinks { background-color: #222; } #quicklinks li { border: 1px solid #333; padding:0; } #quicklinks li:hover { background: rgba(255, 255, 255, 0.9); color: #002B4E; } #quicklinks li:hover a { color: #002B4E; } #quicklinks a { padding: 7px 15px; } #quicklinks a:hover { background: unset; color: unset;} .page_header a img{ width: 540px; padding:10px 0; } .page_header a{color: #eee} .page_header a:link{ font-family: 'Tahoma'; font-weight: 900; font-size: 24px; text-decoration: none; } .page_header a:hover{ color: #fff!important; } .page_header a:visited{ text-decoration: none; color: #fff!important; } .page_header a:active{ text-decoration: none; color: #fff!important; } .page_header a p{ text-transform: uppercase; font-family: 'Optima'; line-height: 120%; } .page_header h1{ text-transform: uppercase; font-family: 'Optima'; line-height: 120%; font-size: 24px; color: #fff; font-weight: 900; text-decoration: none; margin-top: 0px; } .headerButton{ float: right; /*font-style:italic;*/ padding: 2px; margin-top:0px; text-align:center; } .header_code{ float: right; text-align: center; } .header_code iframe, .header_code span{ float: right; } .connect_logo { float: right; } .connect_logo img{ display: block; margin: 0 auto; } .no-padding{ padding: 0 } @media (max-width: 835px) { .page_header a img{ width: 50%; display: block; margin-left: auto; margin-right: auto; } .page_header a p{ text-align: center!important; font-size: 19px; padding: 1px; margin: 1px 0 1px 0!important; line-height: 120%; } .page_header a h1{ text-align: center!important; font-size: 19px; padding: 1px; margin: 1px 0 1px 0!important; line-height: 120%; } .headerButton { float: none } .connect_logo, .header_code , .header_code iframe, .header_code span{ float: none; } } @media (max-width: 450px){ .page_header a img{ width: 100%; display: block; margin-left: auto; margin-right: auto; } } .give{ display: inline-block; color:white; border: 1.5px solid white; border-radius: 100px !important; padding:5px; text-align:center!important; font-family: 'Tahoma'; font-size: 14px; } .give:hover{ color:#990000; background:#ffffff; border: 1.5px solid white; } /*css for our region template*/ .ar-svsu-container { position: relative; } .ar-svsu-row .col-md-4{padding:0!important;} .ar-svsu-row img { text-align: center; vertical-align: middle; box-sizing: inherit; border-style: none; display: block; height: 100%; width: 100%; object-fit: contain; } .ar-svsu-top-overlay { background: rgb(0,86,152); background: linear-gradient(90deg, rgba(0,86,152,0.8771708512506565) 0%, rgba(0,128,128,1) 100%); opacity: .9; position: absolute; bottom: 100%; left: 0; right: 0; overflow: hidden; width: 100%; height:0; transition: .5s ease; } .ar-svsu-container:hover .ar-svsu-top-overlay{ bottom: 0; height: 100%; padding: 15px; } .ar-svsu-red-overlay { background: #990000; opacity: 1; position: absolute; bottom: 100%; left: 0; right: 0; overflow: hidden; width: 100%; height:0; transition: .5s ease; } .ar-svsu-container:hover .ar-svsu-red-overlay{ bottom: 0; height: 100%; padding: 15px; } .ar-svsu-bottom-overlay { background: rgb(0,86,152); background: linear-gradient(90deg, rgba(0,86,152,0.8771708512506565) 0%, rgba(0,128,128,1) 100%); opacity: .9; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; transition: .5s ease; } .ar-svsu-container:hover .ar-svsu-bottom-overlay{ height: 100%; padding: 15px; } .ar-svsu-text{ font-family:'Tahoma'; color: #fff; position: absolute; margin: 0!important; top: 50%; left: 50%; text-align: center; vertical-align: middle; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); padding-left: 5px!important; padding-right: 5px!important; word-wrap: break-word; line-height: 1; box-sizing: border-box; } .ar-svsu-text h1{ font-size: calc(0.75em + 2.0vmin) !important; font-weight:600; text-transform: uppercase; } .ar-svsu-text p{ font-size: 1.5vmin; } .ar-svsu-row::after { content: ""; clear: both; display: table; } .ar-svsu-btn{ font-size: 0; text-align: center; top: 50%; left: 50%; } .ar-svsu-btn1{ background-color: transparent; border: 2px solid #fff; color: #ffffff; font-weight: 500; letter-spacing: 1px; margin: .4rem .8rem !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: .7rem 3rem; border-radius: 100px!important; display: inline-block; align-items: center; justify-content: center; border-width: 2px; font-style: normal; font-family: 'Tahoma'; font-size: 1.3rem; word-wrap: break-word; text-transform: uppercase; } .ar-svsu-btn1:hover{ background-color:#fff; color: #000!important; border: 2px solid #fff; font-style:none; } .ar-svsu-btn2{ background-color: #ffffff; border: 2px solid #fff; color: #990000; font-weight: 500; letter-spacing: 1px; margin: .4rem .8rem !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: .7rem 3rem; border-radius: 100px!important; display: inline-block; align-items: center; justify-content: center; border-width: 2px; font-style: normal; font-family: 'Tahoma'; font-size: 1.3rem; word-wrap: break-word; text-transform: uppercase; } .ar-svsu-btn2:hover{ background-color:transparent; color: #fff!important; border: 2px solid #fff; font-style:none; } .ar-svsu-btn3{ background-color: transparent; border: 2px solid #990000; color: #990000; font-weight: 500; letter-spacing: 1px; margin: .3rem .5rem !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: .2rem 3.5rem; border-radius: 100px!important; display: inline-block; align-items: center; justify-content: center; border-width: 2px; font-style: normal; font-family: 'Tahoma'; font-size: 1.3rem; word-wrap: break-word; text-transform: uppercase; } .ar-svsu-btn3:hover{ background-color:#005698; color: #fff!important; border: 2px solid #005698; font-style:none; } .ar-svsu-btn4 { color: #fff; font-weight: 500; letter-spacing: 1px; margin: .4rem .5rem !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: .1rem 2rem; border-radius: 100px !important; display: inline-block; align-items: center; justify-content: center; border-width: 2px; font-style: normal; font-family: 'Tahoma'; word-wrap: break-word; text-transform: uppercase; background: rgba(23,35,34,.75); border: 2px solid rgba(23,35,34,.75); text-rendering: optimizelegibility; } .ar-svsu-btn4:hover{ background-color:#005698; color: #fff!important; border: 2px solid #005698; font-style:none; } .ar-svsu-btn a{text-decoration: none!important;} .ar-svsu-btn a:link[href='']{display: none;} .ar-svsu-btn a:visited, a:clicked{ text-decoration: none!important; outline: none !important; } .y_video{margin-top:1px} @media (max-width: 992px) { .y_video{margin-top:150px} .ar-svsu-row .col-md-4{padding:0!important;} .ar-svsu-text p{font-size: 12px!important;} .ar-svsu-btn1, .ar-svsu-btn2, .ar-svsu-btn3, .ar-svsu-btn4{font-size: 1.1rem;} } @media (max-width: 450px){ .y_video{margin-top:180px} .ar-svsu-rowr .col-md-4{padding:0!important;} .ar-svsu-text p{font-size: 12px!important;} .ar-svsu-btn1, .ar-svsu-btn2, .ar-svsu-btn3, .ar-svsu-btn4{font-size: 1.1rem;} } @media (max-width: 320px) { .y_video{margin-top:180px} .ar-svsu-row .col-md-4{padding:0!important;} .ar-svsu-text p{font-size: 12px!important;} .ar-svsu-btn1, .ar-svsu-btn2, .ar-svsu-btn3, .ar-svsu-btn4{font-size: 1.1rem;} } /*end of css for our region template*/ .pTop{padding: 15px 0 0 0} .pBottom{padding: 0 0 15px 0} /*Table CSS*/ #main_table { font-size: 1.1 vmin; font-family: "Verdana"; border-collapse: collapse; width: 100%; } #main_table td, #main_table th { border: 1px solid #ccc; padding: 8px; } #main_table tr:nth-child(even){background-color: #ebebef;} #main_table tr:nth-child(odd){background-color: #fff;} #main_table tr:hover {background-color: #f6b330;} #main_table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #005698; color: white; } .main_table { font-size: 1.1 vmin; font-family: "Verdana"; border-collapse: collapse; width: 100%; } .main_table td, .main_table th { border: 1px solid #ccc; padding: 8px; } .main_table tr:nth-child(even){background-color: #ebebef;} .main_table tr:nth-child(odd){background-color: #fff;} .main_table tr:hover {background-color: #f6b330;} .main_table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #005698; color: white; } /*End of Table CSS*/ </style> <!--Navigation to grab the header section --> <div class="row"> <div class="col-md-6 page_header"> <a href="/"> <!-- new SVSU LOGO -- MAIN NAV --> <img src='/media/00logos/nest/svsu_stacked_primary.png' alt="Saginaw Valley State University" > </a> <!--Navigation object to grab the Main section link--> <a href='/livingoncampus/'><p>Residential Life & Housing</p></a> </div> <div class="col-md-3 visible-md visible-lg"> <!--Placeholder--> </div> <div class="col-md-3 col-sm-12"> <!--Navigation object to grab the We Word and Button Link+Text--> <div class="visible-lg visible-md"><br/></div> <!-- connect button--> <div class="col-sm-12 hidden" style="padding: 10px 0 10px 0;"> <a class="connect_logo" href="https://svsuconnect.com/" > <img alt="SVSU Connect Logo" src="/media/00logos/services/connect_logo_transparent_bg.png"> </a> </div> </div> </div> <!-- end container --> <style> #main .row {margin-left: 0!important; margin-right: 0!important;} /*New 2019 List Style*/ #main ul li{ padding-left: 3.0rem; } #main ul li:before{ font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: #990000; content: "\f0da"; position: relative; margin: 0 1.5rem 0 -2rem; } #main ol li{ counter-increment: list; list-style: none!important; padding-left: 3.5rem; font-size: 14px; line-height: 18px; } #main ol li:before{ content: counter(list); background: #005698; color: #fff; display: inline-block; margin: 0 1.5rem 0 -3.5rem; height: 20px; width: 20px; border: 1px solid #005698; border-radius: 50%; text-align: center; } /*Style for secondary ul inside ol and vice-versa*/ #main ul ol li{ counter-increment: list3; list-style: none!important; padding-left: 1rem; } #main ol ol li{ counter-increment: list2; list-style: none!important; padding-left: 1rem; } #main ol ul li{ list-style: none!important; } #main ul ol li:before{ content: counter(list3); font-weight: 500; color: #fff; display: inline-block; margin: 0 1.5rem 0 -3.5rem; font-size: 1.1em; height: 19px; width: 19px; border: 1px solid #005698; border-radius: 50%; text-align: center; left: 0; top: 4px; } #main ul ol li:hover:before{ content: counter(list3); background: #005698; color: #fff; padding: 0 5px; } #main ol ol li:before{ content: counter(list2); color: #fff; display: inline-block; height: 19px; width: 19px; border: 1px solid #990000; border-radius: 50%; margin: 0px 1.5rem 0 -1.5rem; } #main ol ul li:before{ font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: #990000; content: "\f0da"; position: relative; } #main ol ul li:before { margin: 0 1.5rem 0 -3.5rem; background: transparent; border: 0; } /*End of Style for secondary ul inside ol and vice-versa*/ /*End of New 2019 List Style*/ #main-nav .dropdown-menu a{color:#333} #main-nav>li{ width:16.66%; display: flex; } #main-nav{ width:100%; } #main-nav>li>a{ text-align: center; font-weight:normal; font-size: 16px;} #main-nav>li:hover{ background-color: #002B4E; } /*#main-nav>li:hover a { color: #f6b330; }*/ /*#more .dropdown-menu{ right:0; left:auto;}*/ #more .dropdown-menu{ min-width:600px; } .more-links, .more-links ul{ list-style: none; } .more-links{ padding-left:0; } .more-links>li>a, .more-links .multilevel-linkul-0>li>a{ display:block; text-decoration: none; } #main-nav .dropdown-menu li{padding:0} #navbarCollapse .navbar-nav { margin: 0; } #page-heading{font-weight:700;font-size:26px } #page-heading>a{color:#555} #h-nav ul li a{text-align: left;} #h-nav .navbar-inverse .navbar-nav>.open>a, #h-nav .navbar-inverse .navbar-nav>.open>a:focus, #h-nav .navbar-inverse .navbar-nav>.open>a:hover{background-color: unset;} .add-header{font-size:18px;padding:10px;background-color:#b03427;color:white} .weCardinal{ margin-top:10px; margin-bottom: 2px; font-size:25px; font-family: 'Tahoma'; float: right; /*font-style:italic;*/ text-align:center; } #mainNavigation { background-color: #002B4E; } #mainNavigation a { text-transform: uppercase; } #mainNavigation .nav > li:hover { background-color: white; color: #002B4E; } #searchbox { background: #44444400 !important; } #searchbox .gsc-search-button-v2 { padding: 13px 27px !important; } @media (min-width: 835px) { #main-nav{ display: flex;} } @media (min-width: 768px){ #main-nav>li{padding-top:12px;padding-bottom:12px} .more-links>li>a, .more-links .multilevel-linkul-0>li>a{color:#333;} .more-links a:hover{ background-color: #f3f3f3 } #main-nav .dropdown .open > a{background-color: #cd001A} } @media (min-width: 767px) and (max-width: 834px) { #navbarCollapse .navbar-nav .open .dropdown-menu { background-color: #222; padding: 0; } #navbarCollapse .dropdown-menu > li > a { color: white; } #main-nav > li:hover { background-color: unset; } #navbarCollapse .open ul.dropdown-menu li { border-top: 1px solid #333; border-left: 3px solid #b03427; } #more.open { background-color: #002B4E !important; } #more h4, #more p, #more h3, #more .more-links a, #more .svsuContactWrapper, #main-nav .dropdown-menu a { color: white; } } @media (max-width: 835px) { .weCardinal{ margin-top:7px; float: none; font-size: 19px} #h-nav{padding:0} #more .dropdown-menu { width: 100%; min-width: unset; } #main-nav .dropdown-menu > li > a{padding:0; margin-left:30px} #main-nav>li{width:100%;margin:0;padding:0;display:block;} #main-nav>li>a{text-align: left;padding:5px 15px} #more hr{ width:95%; color:black;} .more-links a:hover, #main-nav .dropdown-menu a:hover{background: #555;width:95%;} #more hr{border-top:1px solid #b03427;} } @media (max-width: 767px) { #mainNavigation { padding: 0px; background-color: #222; } #mainNavigation .nav li { border-top: 1px solid #333; } #mainNavigation .navbar-nav { margin:0px; } #main-nav > li:hover { background-color: unset; } #main-nav .open ul.dropdown-menu { background-color: #222; padding: 0; } #main-nav .open ul.dropdown-menu > li { border-top: 1px solid #333; border-left: 3px solid #b03427; } #main-nav .open ul.dropdown-menu li a { color: white; } #more.open { background-color: white; } #more.open ul.dropdown-menu { background-color: white; padding: 0; } #more.open ul.dropdown-menu li a { color: #3071a9; } } </style> </div> <!-- NAVS --> <div class="container full_display" id="h-nav"> <nav role="navigation" class="navbar navbar-inverse" style="margin-bottom:0;border-radius:0;border:none;background-color:transparent"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header" style="display: flex; align-items: center; justify-content: center"> <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle" style="margin-right: 0!important; background-color: #222;"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Collection of nav links, forms, and other content for toggling --> <div id="navbarCollapse" class="collapse navbar-collapse" style="padding:0;border-top:2px solid white;min-height:30px"> <ul class="nav navbar-nav" id="main-nav"> <!-- where first 5 elements prepend to --> <li id="more"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">More <strong class="caret"></strong></a> <ul role="menu" class="dropdown-menu"> <li> <div> <div class="col-sm-6"> <h4 style="margin-bottom:2px">Additional Links</h4><hr style="margin:0 0 5px"> <ul class="more-links"> <!-- where rest of lis get appeneded --> </ul> </div> <div class="col-sm-6"> <h4 style="margin-bottom:2px">Contact Us</h4><hr style="margin:0 0 5px"> <!-- this is where t4 nav element goes --> <div id="cu"><div class="svsuContactWrapper"> <h2>Contact Us</h2><p> <span class="fa fa-envelope"></span><a href='mailto:housing@svsu.edu'>housing@svsu.edu</a><br /> <span class="fa fa-phone"></span><span class="contactUsDesktopPhone">(989) 964-4255</span><span class="contactUsMobilePhone"><a href="tel:(989) 964-4255">(989) 964-4255</a></span><br /> <span class="fa fa-fax"></span>(989) 964-6095<br /> </p> <p class="office_info">Residential Life</p><p> reslife@svsu.edu <br />(989) 964-4410<br /> </p> <p class="office_info">Office</h3></p><p> Housing - Curtiss 118<br /> Residential Life - Curtiss 114<br /> </p> <p class="office_info">Hours</p><p> Monday - Friday <br />8:00 am - 4:30 pm<br /> </p> </div></div> </div> </div> </li> </ul> </li> </ul> </div> </nav> </div> <script> // Rave alert jQuery(function(){ jQuery.ajax({ type: "GET", url: "//api.svsu.edu/alerts/active", dataType: "JSON" }).done(function( msg ) { if (typeof msg == "object" && msg.alerts.length > 0) { var alerts = msg.alerts; jQuery('body').prepend('<div id="emergency"><div class="container"><strong>' + alerts[0].headline + '</strong> ' + alerts[0].description + '</div></div>'); } }); }); $(document).ready(function (){ $('#svsu_subnav .multilevel-linkul-1').remove(); $('#cu h2').remove(); var limit = 5; var lis = $('#svsu_subnav > ul > li'); var mainNav = []; var moreNav = []; $.each(lis, function (i, el){ i < limit ? mainNav.push(el.outerHTML) : moreNav.push(el.outerHTML); }); $('#main-nav').prepend(mainNav); $('.more-links').html(moreNav); var test = $('#main-nav > li > .multilevel-linkul-0'); test.addClass('dropdown-menu'); test.parent().addClass('dropdown'); test.prev().addClass('dropdown-toggle').attr('data-toggle', 'dropdown'); test.prev().removeAttr('href'); test.prev().append('<strong class="caret"></strong>'); // desktop vs mobile if($(window).width() > 768){ test.prev().addClass('disabled'); $('body').on('click', '#main-nav .dropdown', function (e){ e.stopPropagation(); }); $('body').on('mouseenter mouseleave', ' #main-nav .dropdown', function (){ $(this).toggleClass('open'); }); } else{ var q = $('#main-nav > .dropdown'); $.each(q, function(i, el){ if(el.id != 'more'){ var c = $(el).children(); c[0].setAttribute("href","#"); //$(c[1]).prepend('<li><a href="'+c[0].href+'">'+c[0].innerHTML+'</li>'); }; }) } var linkcount = $('ul#main-nav').children('li').length; if(linkcount <= 4) { $('#more .dropdown-menu').removeClass('dropdown-menu-right'); $('#more .dropdown-menu').addClass('dropdown-menu-left'); } else { $('#more .dropdown-menu').removeClass('dropdown-menu-left'); $('#more .dropdown-menu').addClass('dropdown-menu-right'); } setTimeout(function () { $('#more').addClass('dropdown'); $('#more').removeClass('open'); }, 500); }); </script> <!-- END TESTING --> </div> <div id="main" class="container full_display"> <div class="hidden"> <div id="svsu_subnav"> <ul><li><a href="/livingoncampus/">About Us</a></li><li><a href="/livingoncampus/housing/contract/">Contract for Housing</a></li><li><a href="/livingoncampus/housing/">Housing</a> <ul class="multilevel-linkul-0"> <li><a href="/livingoncampus/housing/" target="_self">Welcome Home</a></li> <li><a href="/livingoncampus/housing/contract/">Contract for Housing</a></li> <li><a href="/livingoncampus/housing/firstyearsuites/">First Year Suites</a></li> <li><a href="/livingoncampus/housing/livingcenters/">Living Centers</a></li> <li><a href="/livingoncampus/housing/pinegrove/">Pine Grove</a></li> <li><a href="/livingoncampus/housing/universityvillage/">University Village</a></li> <li><a href="/livingoncampus/housing/housingoperationsstaff/">Housing Operations Staff</a></li> <li><a href="/livingoncampus/housingmealplanrates/" target="_self">Housing Rates</a></li> <li><a href="/livingoncampus/housing/move-ininformation/">Move-In Information</a></li> </ul> </li><li><a href="/livingoncampus/mealplansdining/">Meal Plans / Dining</a> <ul class="multilevel-linkul-0"> <li><a href="/livingoncampus/mealplansdining/" target="_self">Meal Plan Options</a></li> <li><a href="/livingoncampus/housingmealplanrates/" target="_self">Meal Plan Rates</a></li> </ul> </li><li><a href="/livingoncampus/residentresources/">Resident Resources</a> <ul class="multilevel-linkul-0"> <li><a href="/livingoncampus/residentresources/" target="_self">Living on Campus</a></li> <li><a href="/livingoncampus/residentresources/residentstudenthandbook/">Resident Student Handbook</a></li> <li><a href="/livingoncampus/residentresources/healthsafety/">Health & Safety</a></li> <li><a href="/livingoncampus/residentresources/residentiallifestaff/">Residential Life Staff</a></li> <li><a href="/livingoncampus/residentresources/emotionalsupportanimals/">Emotional Support Animals</a></li> </ul> </li></ul> <!--T4 nav obj . left nav --> </div> </div> <div class="col-md-12" style="padding-left: 20px;"> <!--h2 id="page-heading"><a href="/livingoncampus/">On-Campus Housing</a></h2><hr style="margin-top:0"--> <!-- navigation object : Breadcrumbs 2013 --> <nav class="foundation-breadcrumb"><a href="/">SVSU</a> / <a href="/livingoncampus/">On-Campus Housing</a> / <a href="/livingoncampus/housing/">Housing</a> / <a href="/livingoncampus/housing/firstyearsuites/">First Year Suites</a></nav> </div> <!-- t4 nav .resource --> <!----> <!-- t4 nav .fullspan carousel --> <div class='container-fluid no-padding'><div class='main-heading-desktop'><img src="/media/housingx2fresidentiallife/newimgs/first-year-suites.jpg" alt="first year suites" style=" " /></div></div><div class='intro container'><span id="d.en.179909"></span><h1 class='main-heading-left main-heading-red'>First Year Suites</h1><p>First Year Suites are designated for first-year students and central to most academic buildings. The unique apartment-like desig<img src="/media/00unassignedmedia/2024nichebadge150x180.jpg" alt="2024 niche badge" style=" margin : 5px; float : right;" />n provides students with a spacious living or study room, private bathroom, kitchenette, lots of storage and <strong>single bedrooms</strong>.</p> <p style="text-align: center; font-size: 20px; color: #930000;"><strong><em>Come see for yourself why Niche.com ranked SVSU's dorms as #1 in the nation!</em></strong></p> <p> </p> <p> </p> <p><img src="/media/housingx2fresidentiallife/imgs/firstyearsuiteskitchen.jpg" alt="Student making coffee in housing unit" style=" " /></p></div><style> .intro h1{ font-weight:bold; } .main-heading-left{ text-align:left; } .main-heading-right{ text-align:right; } .main-heading-center{ text-align:center; } .main-heading-black{ color:black; } .main-heading-red{ color:#cd001a; } .main-heading-blue{ color:#00263e; } .main-heading-desktop { text-align: center; } .main-heading-mobile { max-width: 100%; height: auto; text-align:center;} </style><!-- start quote block styles --><style> .testimonial { margin-top: 20px; margin-bottom: 20px; } .testimonial img { border-radius: 50% !important; vertical-align: middle; height: 200px; width: 200px; border: 3px solid #ccc; } .testimonial-quotation{ font-size: quote-small; margin: 0 auto; quotes: "\201C""\201D""\2018""\2019"; padding: 10px 20px; line-height: 1.4; color: #666; } .testimonial-quotation:before { content: open-quote; display: inline; height: 0; line-height: 0; left: -10px; position: relative; top: 30px; color: #ccc; font-size: 3em; } .testimonial-quotation::after { content: close-quote; display: inline; height: 0; line-height: 0; left: 10px; position: relative; top: 35px; color: #ccc; font-size: 3em; } .testimonial-subtext{ margin: 0; font-size: 1.1em; color: #666; line-height: 120%; } .quote-small { font-size: 22px; } .quote-medium { font-size: 24px; } .quote-large { font-size: 26px; } </style><!-- start quote block --><div class='testimonial container'><div class='row'><div class='col-xs-12 col-sm-12 col-md-3 text-center'><img src="/media/housingx2fresidentiallife/newimgs/AleahRasmussen.png" alt="Aleah Rasmussen Portrait" style=" " /></div><div class='col-xs-12 col-sm-12 col-md-9'><div class='testimonial-quotation quote-small'>SVSU made it so easy to move in and feel comfortable because of the huge living spaces. Everyone who works on campus is so nice and makes it an easy transition. I felt like I was at home after just a week!</div><div class='testimonial-subtext'><p style="text-align: right;"><em>— Aleah Rasmussen</em></p></div></div></div></div><style> #main_table { font-size: 1.1 vmin; font-family: "Tahoma"; border-collapse: collapse; width: 100%; } #main_table td, #main_table th { border: 1px solid #ccc; padding: 8px; } #main_table tr:nth-child(even){background-color: #ebebef;} #main_table tr:nth-child(odd){background-color: #fff;} #main_table tr:hover {background-color: #f6b330;} #main_table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #005698; color: white; } </style> <section class="container"> <span id="d.en.179833"></span> <div class="row"> <div class="col-sm-6"> <h3><strong>Amenities</strong></h3> <ul> <li>fully furnished and carpeted rooms</li> <li>the kitchenette includes a 2-burner cooktop, refrigerator and microwave</li> <li>air conditioning</li> <li>wireless internet</li> <li>safe, convenient parking (permit required, no additional fee)</li> <li>laundry facilities</li> <li>courtesy telephones in public areas</li> <li>close to outside recreational facilities</li> <li>card access to buildings</li> </ul> </div> <div class="col-sm-6"> <h3><strong>Furnishing</strong></h3> <ul> <li>sofa</li> <li>cushioned chair</li> <li>coffee table</li> <li>TV stand</li> <li>dining table and chairs</li> <li>bed (extra-long twin, 36" x 80" mattress)</li> <li>chest of drawers</li> <li>built-in study desk and study chair</li> </ul> <p> </p> </div> </div> </section> <section class="container"> <div class="col-sm-12"> <span id="d.en.202445"></span> <h2 class="">First Year Suites Floor Plan</h2> </div> <div class="span6 col-xs-12 col-lg-6"> <p><img src="/media/housingx2fresidentiallife/imgs/firstyearsuitessingleroomsv3.jpg" alt="First Year Suites 3D Floor Plan in color" style=" " /></p> </div> <div class="span6 col-xs-12 col-lg-6"> </div> </section><style> #main_table { font-size: 1.1 vmin; font-family: "Tahoma"; border-collapse: collapse; width: 100%; } #main_table td, #main_table th { border: 1px solid #ccc; padding: 8px; } #main_table tr:nth-child(even){background-color: #ebebef;} #main_table tr:nth-child(odd){background-color: #fff;} #main_table tr:hover {background-color: #f6b330;} #main_table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #005698; color: white; } </style> <section class="container"> <span id="d.en.179908"></span> <h2 class="main-content-heading">Take a Virtual Tour</h2> </section> <style> .video-wrapper { position:relative; /* responsiveness for 16:9 */ padding:0 0 18% 0; /* responsiveness for 4:3 */ padding-top:0; height:0; overflow: hidden; } .video-wrapper iframe { top:0; left:0; position:absolute; border-right:none; width:100%; height:100%; } .y_video_button_text{ font-family:'Tahoma'; color: #fff; position: absolute; margin: 0!important; top: 40%; left: 50%; text-align: center; vertical-align: middle; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); padding-left: 5px!important; padding-right: 5px!important; word-wrap: break-word; line-height: 1; box-sizing: border-box; } .y_video_button_text h2{ font-size: calc(0.75em + 1.0vmin); font-weight:600; text-transform: uppercase; } .y_video_button_text p{ font-size: 1.5vmin; } .y_video_image img { text-align: center; vertical-align: middle; box-sizing: inherit; border-style: none; display: block; height: 100%; width: 100%; object-fit: contain; } @media (max-width: 992px){ .video-wrapper { padding-bottom:55%; } .video-wrapper iframe { border-bottom:none; } .y_video_button_text p{font-size: 12px;} } @media (max-width : 650px){ .video-wrapper { padding-bottom:55%; } .video-wrapper iframe { border-bottom:none; } .y_video_button_text p{font-size: 12px;} } @media (max-width:320px) { .video-wrapper { padding-bottom:55%; } .video-wrapper iframe { border-bottom:none; } .y_video_button_text p{font-size: 12px;} } /*.video-wrapper iframe:last-child { border-right:0px; } */ </style> <section class="row pBottom, pTop"> <div class='col-md-4 video-wrapper'> <iframe width="560" height="315" src="https://www.youtube.com/embed/VDLjhImSteA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div class='col-md-4 video-wrapper'> <iframe width="560" height="315" src="https://www.youtube.com/embed/AuIUZUE5xZo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div class='col-md-4 video-wrapper'> <iframe width="560" height="315" src="https://www.youtube.com/embed/BEi8UUrjwk4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </section><style> .video-wrapper { position:relative; /* responsiveness for 16:9 */ padding:0 0 18% 0; /* responsiveness for 4:3 */ padding-top:0; height:0; overflow: hidden; } .video-wrapper iframe { top:0; left:0; position:absolute; border-right:none; width:100%; height:100%; } .y_video_button_text{ font-family:'Tahoma'; color: #fff; position: absolute; margin: 0!important; top: 40%; left: 50%; text-align: center; vertical-align: middle; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); padding-left: 5px!important; padding-right: 5px!important; word-wrap: break-word; line-height: 1; box-sizing: border-box; } .y_video_button_text h2{ font-size: calc(0.75em + 1.0vmin); font-weight:600; text-transform: uppercase; } .y_video_button_text p{ font-size: 1.5vmin; } .y_video_image img { text-align: center; vertical-align: middle; box-sizing: inherit; border-style: none; display: block; height: 100%; width: 100%; object-fit: contain; } @media (max-width: 992px){ .video-wrapper { padding-bottom:55%; } .video-wrapper iframe { border-bottom:none; } .y_video_button_text p{font-size: 12px;} } @media (max-width : 650px){ .video-wrapper { padding-bottom:55%; } .video-wrapper iframe { border-bottom:none; } .y_video_button_text p{font-size: 12px;} } @media (max-width:320px) { .video-wrapper { padding-bottom:55%; } .video-wrapper iframe { border-bottom:none; } .y_video_button_text p{font-size: 12px;} } /*.video-wrapper iframe:last-child { border-right:0px; } */ </style> <section class="row pBottom, pTop"> <div class='col-md-4 video-wrapper'> <iframe width="560" height="315" src="https://www.youtube.com/embed/1pmotP_QbIk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div class='col-md-4 video-wrapper'> <iframe width="560" height="315" src="https://www.youtube.com/embed/xFNK4_ewVbA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </section><style> /* .container-fluid.no-padding > img:nth-of-type(1) { */ .main-heading-desktop > img { object-fit: cover; width: 100%; height: 400px;. object-position: 40%; } .ar-svsu-container:hover .ar-svsu-top-overlay { display: none; } .ar-svsu-container:hover .ar-svsu-bottom-overlay { display: none; } /* video spacing at bottom */ .video-wrapper iframe { padding: 5px 10px; } /* Button padding for apply, map and rates */ .icon-buttons .padding { padding: 10px 10px 10px 10px; } .btn-block { border-radius: 4px !important; } .hidden-xs { display: inline !important; } </style><div class="container"> <section class="row"> <div class="col-lg-12"> <span id="d.en.183614"></span> </div> <div class="col-lg-4"> <p><a href="https://youtu.be/VDLjhImSteA" target="_blank"><img src="/media/housingx2fresidentiallife/newimgs/fys-courtyard.jpg" alt="360 view of first year suites courtyard" style=" " /></a></p> </div> <div class="col-lg-4"> <p><a href="https://youtu.be/AuIUZUE5xZo" target="_blank"><img src="/media/housingx2fresidentiallife/newimgs/fys-bath-1.jpg" alt="360 view of first year suites bathroom" style=" " /></a></p> </div> <div class="col-lg-4"> <p><a href="https://youtu.be/1pmotP_QbIk" target="_blank"><img src="/media/housingx2fresidentiallife/newimgs/fys-bedroom-1.jpg" alt="360 view of first year suites bedroom" style=" " /></a></p> </div> </section> </div><div class="container"> <section class="row"> <div class="col-lg-12"> <span id="d.en.183615"></span> </div> <div class="col-lg-4"> <p><a href="https://youtu.be/BEi8UUrjwk4" target="_blank"><img src="/media/housingx2fresidentiallife/newimgs/fys-bedroom-1.jpg" alt="360 view of first year suites bedroom" style=" " /></a></p> </div> <div class="col-lg-4"> <p><a href="https://youtu.be/xFNK4_ewVbA" target="_blank"><img src="/media/housingx2fresidentiallife/newimgs/fys-main.jpg" alt="360 view of first year suites main room" style=" " /></a></p> </div> <div class="col-lg-4"> </div> </section> </div><script> var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; if (isIOS) { var cols = document.getElementsByClassName('video-wrapper'); for(i = 0; i < cols.length; i++) { cols[i].style.display = 'none'; } var cols = document.getElementsByClassName('col-lg-4'); for(i = 0; i < cols.length; i++) { cols[i].style.display = 'block'; } } else { var cols = document.getElementsByClassName('video-wrapper'); for(i = 0; i < cols.length; i++) { cols[i].style.display = 'block'; } var cols = document.getElementsByClassName('col-lg-4'); for(i = 0; i < cols.length; i++) { cols[i].style.display = 'none'; } } </script> <style> #rf{ margin-top: 20px; } #rf .col-sm-4{border-right: 1px dotted #ffeecc} #rf .col-sm-4:nth-child(4n+1){border-right: 1px transparent;} #rf h2{ font-family: 'Tahoma'; font-size: 3.5em; font-style: italic; margin-bottom:0; text-align: center; } #rf p{ font-size: 1.1em; padding-left: 75px; } #rf h2, #rf p{ color: #ffffff; } #rf a { color: #f6b330; } #rf a:link {text-decoration: none!important } @media (max-width: 992px){ #rf .col-sm-4{border-right: 1px dotted #ffeecc} #rf .col-sm-4:nth-child(4n+1){border-right: 1px transparent;} #rf p{ text-align: center; padding-left: 5px; } #rf h2{font-size: 2.2em; } } @media (max-width : 650px){ #rf .col-sm-4{border-bottom: 1px dotted #ffeecc; border-right: 1px transparent} #rf .col-sm-4:nth-child(4n+1){border-bottom: 1px transparent;} #rf p{ text-align: center; padding-left: 5px; } #rf h2{font-size: 2.2em; } } @media (max-width:475px) { #rf .col-sm-4{border-bottom: 1px dotted #ffeecc; border-right: 1px transparent} #rf .col-sm-4:nth-child(4n+1){border-bottom: 1px transparent;} #rf p{ text-align: center; padding-left: 5px; } #rf h2{font-size: 2.2em; } } @media (max-width:320px) { #rf .col-sm-4{border-bottom: 1px dotted #ffeecc; border-right: 1px transparent} #rf .col-sm-4:nth-child(4n+1){border-bottom: 1px transparent;} #rf p{ text-align: center; padding-left: 5px; } #rf h2{font-size: 2.2em; } } </style> <section class="row" id="rf"> <div class="col-sm-12" style="padding:10px; background-color: #0c4269;"> <h2>CONTACT US.</h2> <br> <div class="col-sm-4"> <p> <strong>Housing Operations</strong><br> Curtiss 118 <br> housing@svsu.edu <br> (989) 964-4255 <br> </p> </div> <div class="col-sm-4"> <p> <strong>Residential Life</strong><br> Curtiss 114 <br> reslife@svsu.edu <br> (989) 964-4410 <br> </p> </div> <div class="col-sm-4"> <p> <strong>Dining Services</strong><br> Curtiss Hall 122 <br> dining@svsu.edu <br> (989) 964-4252 <br> </p> </div> </div> </section> <!--navigation object : Contact Us --> </div> </div> <style> footer{font-family: 'Tahoma';} footer a{ color:#eee; text-decoration: none} footer span, footer p{ color:#eee} footer .no-padding{padding: 0px;} footer .fa{padding: 0 0 0 7px;} .footer_mobile a{color:#eee!important; text-decoration: none;} .footer_icons span {float: right} .footer_icons .social_icons {float: right} footer a:visited{outline: none; text-decoration: none } footer a:hover{cursor:pointer!important; color:#f6b330!important; text-decoration: none } footer{margin-left: 0!important; margin-right: 0!important; padding-left: 0 !important; padding-right: 0!important; } .interior_footer .row {margin-left: 0!important; margin-right: 0!important;} .fb,.tw,.pin,.ig,.lin,.you,.tik{color: #eee} .fb:hover{color: #3c5a99;} .tw:hover{color: #1da1f2;} .pin:hover{color: #bd081c;} .ig:hover{color: #833ab4;} .lin:hover{color: #0077B5;} .you:hover{color: #c4302b;} .tik:hover{color: #25F4EE;} #hnav-footer-feedback{cursor:pointer; color: #f6b330!important } /* .fb{color: #3c5a99;} .tw{color: #1da1f2;} .pin{color: #bd081c;} .ig{color: #833ab4;} .lin{color: #0077B5;} .you{color: #c4302b;} .fb:hover,.tw:hover,.pin:hover,.ig:hover,.lin:hover,.you:hover{color: #eee;} */ @media (max-width: 835px) { .footer_mobile {text-align: center} .footer_mobile a{color:#eee; text-decoration: none;} .footer_icons i{float: none; vertical-align: middle } .footer_icons .social_icons{float: none; vertical-align: middle } } </style> <footer class="interior_footer hidden-print" style="background-image:url(/media/00logos/nest/nestblue_v1.png); background-position:center; background-size:cover; margin-top: 0px;"> <div class="row" style="margin-bottom:20px"> <div class="container full_display"> <div class="col-md-12" id="interior_contact_information" style="margin-top:20px"> <div class="col-md-6 footer_mobile" id="home_footer_text"> <span> (989) 964-4000 </span><br> <span class="adr"> <span class="street-address"> 7400 Bay Road </span> <span class="locality"> University Center, </span> <abbr title="Michigan" class="region">MI</abbr> <span class="postal-code"> 48710 </span> </span> <p>Copyright <a class="t4Edit-page" href="https://t4app.svsu.edu/terminalfour/page/section#edit/76109/contents">©</a> <a href="https://www.svsu.edu/"> Saginaw Valley State University</a> <!-- To get Current Year for Copyright --> <script>document.write(new Date().getFullYear())</script> <a class="hidden" href="https://www.svsu.edu/foundation/about/privacypolicy/"> | Privacy Policy</a><br/> <a href="https://svsu.edu/privacystatement/">Privacy Statement</a> <span> | </span> <a href="https://svsu.edu/accessibility/">Accessibility</a> <span> | </span> <a href="https://appsc.svsu.edu/feedback/" id="hnav-footer-feedback">Feedback</a> <br> </p> </div> <!--Nav object to grab social media links for desktop and mobile devices --> <!-- Hides this div on mobile view --> <div class="col-md-6 visible-lg visible-md"> <div class="col-sm-12 no-padding"> <!-- Stand Out --> <img src="/media/00logos/nest/Cardinals%20Stand%20Out%20White.png" alt="Cardinals Stand Out" style="max-width:500px; float: right; padding-bottom: 15px;" /> </div> <div class="footer_icons col-sm-12 no-padding"> <span class="sr-only">Social Media Icons and Links</span> <a href='https://www.youtube.com/channel/UCJr224qS244eACb77ZBIATQ' title='SVSU Youtube'> <span aria-hidden='true' class='social_icons fa fa-youtube-square fa-2x you'></span> </a> <a href='https://www.pinterest.com/svsupinterest' title='SVSU Pinterest'> <span aria-hidden='true' class='fa fa-pinterest-square fa-2x pin'></span> </a> <a href='https://twitter.com/SVSUhousing' title='SVSU Twitter'> <span aria-hidden='true' class='social_icons fa fa-brands fa-square-x-twitter fa-2x tw'></span> </a> <a href='https://www.facebook.com/SVSU-IM-HOME-167129486738247/' title='SVSU Facebook'> <span aria-hidden='true' class='social_icons fa fa-facebook-square fa-2x fb'></span> </a> </div> </div> <!-- Hides this div on desktop view --> <div class="col-md-6 com-md-offset-3 text-center visible-sm visible-xs no-padding"> <div class="col-sm-12 no-padding"> <span class="sr-only">Social Media Icons and Links</span> <!-- Stand Out --> <img src="/media/00logos/nest/Cardinals%20Stand%20Out%20White.png" alt="Cardinals Stand Out" style="max-width:100%; width:500px; padding-bottom: 15px; margin:0;" /> </div> <div class="footer_icons"> <a href='https://www.youtube.com/channel/UCJr224qS244eACb77ZBIATQ' title='SVSU Youtube'> <span aria-hidden='true' class='social_icons fa fa-youtube-square fa-2x you'></span> </a> <a href='https://www.pinterest.com/svsupinterest' title='SVSU Pinterest'> <span aria-hidden='true' class='social_icons fa fa-pinterest-square fa-2x pin'></span> </a> <a href='https://twitter.com/SVSUhousing' title='SVSU Twitter'> <span aria-hidden='true' class='social_icons fa fa-brands fa-square-x-twitter fa-2x tw'></span> </a> <a href='https://www.facebook.com/SVSU-IM-HOME-167129486738247/' title='SVSU Facebook'> <span aria-hidden='true' class='social_icons fa fa-facebook-square fa-2x fb'></span> </a> </div> </div> </div> </div> </div> </footer> <!-- Le javascript ================================================== --> <!-- Placed at the end of the document so the pages load faster <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script> --> <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.1/underscore-min.js"></script> <!-- navigation object : Branch JavaScript --> <!-- <script type="text/javascript" src="/media/svsumain/styleassets/javcascript/jquery.equalizecolumns.min.js"></script> --> <!-- LOAD TEMPLATE JAVASCRIPT --> <!-- AddThis Smart Layers BEGIN --> <!-- Go to http://www.addthis.com/get/smart-layers to customize --> <!--<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52e17f466e26c723"></script>--> <script type="text/javascript"> (function() { var cx = '007237985502908999491:mq4pehj5ndi'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); $("#holmes").on('click', function(e) { e.preventDefault(); $('body').toggleClass("holmes-debug"); }); </script> <!-- AddThis Smart Layers END --> <!--Start of Zopim Live Chat Script <script type="text/javascript"> window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s= d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set. _.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8'); $.src='//v2.zopim.com/?1KZ2LjjWieoyhxKaZVCfTg8RFhJdm6sO';z.t=+new Date;$. type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script'); </script> <!--End of Zopim Live Chat Script--> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://code.highcharts.com/modules/data.js"></script> <script src="https://code.highcharts.com/modules/exporting.js"></script> <!-- Start Monsido Script --> <script type="text/javascript"> window._monsido = window._monsido || { token: "IuCGXBiR_sDAXb-gTOjyKw", }; </script> <script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></script> <!-- End Monsido Script --> </body> </html>