1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 6 <!-- favicon --> 7 <link rel="icon" type="image/png" href="favicon.ico" > 8 9 <meta name="viewport" content="width=device-width, initial-scale=1.0" > 10 <meta name="description" content="Students Helping Students is a peer-led tech support service at WSU Vancouver, providing personalized assistance with technology issues for students." > 11 <meta name="keywords" content="WSU, Washington State University Vancouver, Vancouver, WSUV, Students Helping Students, SHS, tech support, peer-led support, student technicians, technology assistance" > 12 <title>Students Helping Students</title> 13 14 <!-- Montserrat Font Import from Google Fonts --> 15 <link rel="preconnect" href="https://fonts.googleapis.com" > 16 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin > 17 <link 18 href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" 19 rel="stylesheet" 20 > 21 22 <!-- Google maps script --> 23
23<script 24 async 25 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC5xDc0ItWmUdwtFjQ-kKizGDRnp46Zjxg&loading=async&callback=console.debug&libraries=maps,marker&v=beta" 26 ></script>
26 27 28 <link rel="stylesheet" href="./src/styles/reset.css" > 29 <link rel="stylesheet" href="./src/styles/style.css" > 30 <link rel="stylesheet" href="./src/styles/accordion.css" > 31 32 </head> 33 <body> 34 <!-- Header --> 35 36 <header aria-label="Main Header"> 37 <a id="logo" href="./index.html" aria-label="logo"></a> 38 <nav aria-label="Main Navigation"> 39 <div id="nav-hamburger" tabindex="0"> 40 <!-- Hamburger SVG --> 41 <button class="icon-button" aria-label="Navigation Menu Toggle"> 42 <svg 43 class="nav-icon active" 44 id="hamburger" 45 width="36" 46 height="34" 47 viewBox="0 0 36 34" 48 fill="none" 49 xmlns="http://www.w3.org/2000/svg" 50 aria-label="Hamburger menu icon" 51 > 52 <path 53 id="path1" 54 d="M2.5 2H33.5" 55 stroke="#4D4D4D" 56 stroke-width="4" 57 stroke-linecap="round" 58 /> 59 <path 60 id="path2" 61 d="M2.5 17H33.5" 62 stroke="#4D4D4D" 63 stroke-width="4" 64 stroke-linecap="round" 65 /> 66 <path 67 id="path3" 68 d="M2.5 32H33.5" 69 stroke="#4D4D4D" 70 stroke-width="4" 71 stroke-linecap="round" 72 /> 73 </svg> 74 <!-- Exit SVG --> 75 <svg 76 id="exit-icon" 77 class="nav-icon" 78 width="60" 79 height="60"
80 viewBox="0 0 60 60" 81 fill="none" 82 xmlns="http://www.w3.org/2000/svg" 83 aria-label="Exit navigation menu icon" 84 > 85 <path 86 d="M14.7757 44.7523L45.1665 15.1893M14.7757 15.1889L45.1665 44.7522" 87 stroke="#4D4D4D" 88 stroke-width="4" 89 stroke-linecap="round" 90 /> 91 </svg> 92 93 </button> 94 </div> 95 96 <!-- nav links --> 97 <div id="nav-links"> 98 <ul> 99 <li><a href="./index.html">Home</a></li> 100 <li><a href="./src/html/about.html">About</a></li> 101 <li><a href="./src/html/guides.html">Guides</a></li> 102 <li><a href="./src/html/contact.html">Contact</a></li> 103 </ul> 104 </div> 105 </nav> 106 </header> 107 108 <!-- Main --> 109 <main aria-label="Main Content" id="home"> 110 <!-- Hero banner --> 111 <div id="hero"> 112 <div> 113 <h1>Students Helping Students</h1> 114 <p>WSUV Peer-led Tech Support</p> 115 </div> 116 117 <!-- Google Search Embed --> 118
118<script 119 async 120 src="https://cse.google.com/cse.js?cx=35aae8e09fb784af4" 121 ></script>
121 122 <div> 123 <!-- <label for="google-search">What can we help with?</label> --> 124 <div 125 id="google-search" 126 class="gcse-search" 127 ></div> 128 </div> 129 </div> 130 131 <section id="welcome-section" aria-label="Welcome Section"> 132 <h2 class="underline">Welcome VanCougs!</h2> 133 <p> 134 Thank you for visiting the Students Helping Students webpage. We are a 135 team of student technicians dedicated to providing 136 personalized tech support for WSU Vancouver students. Whether you need 137 help with your laptop, tablet, or any other device, weâre here to 138 assist you. 139 </p> 140 <p> 141 <span class="bold">Need help now?</span> 142 Feel free to visit us in <span class="bold">VCLS 223</span>. We are open for walk-ins anytime Monday - Friday from 8am - 5pm. 143 </p> 144 <p> 145 <span class="bold">Cant make it to campus?</span> 146 Join our Zoom Help Desk! The link can be found below! 147 </p> 148 </section> 149 150 <!-- updated accordion section --> 151 <div class="accordion-section" role="region" aria-label="Accordion Section"> 152 <button class="accordion" tabindex="0"> 153 <img class="ql-icon" src="images/Product_Rooms_Bloom_Icon-Solo.png" alt="Zoom Logo"> 154 Zoom Helpdesk 155 </button> 156 <div class="panel"> 157 <h2 class="underline">Zoom HelpDesk</h2> 158 <p> 159 If you need immediate assistance, feel free to join our Zoom 160 HelpDesk. We have techâs available Monday - Friday from 8am to 161 5pm. Press the red button below to be placed into the call. 162 </p> 163 <div class="announcement"> 164 <h3>Updated Photo ID Requirement</h3> 165 <p> 166 WSU now requires that all students and faculty who have account 167 related issues will need to show valid Photo ID. This can be 168 your Coug Card, Driver's license, Passport, or other form of 169 legal Photo ID. 170 </p> 171 </div> 172 <a 173 class="main-button" 174 href="https://wsu.zoom.us/j/3605469770?pwd=ZEhtcXpQVnFnQk5YM0ZqWk44VEpmUT09" 175 target="_blank" 176 >Join Zoom HelpDesk</a 177 > 178 </div> 179 180 <button class="accordion" tabindex="0"> 181 <img class="ql-icon" src="images/calendar.svg" alt="calendar"> 182 Appointments 183 </button> 184 <div class="panel"> 185 <h2 class="underline">Appointments</h2> 186 <p> 187 Our student team offers personalized help with everything from 188 troubleshooting to tutorials. The button below takes you to the 189 Microsoft Bookings scheduling tool. Once there, pick an available 190 slot, tell us what you need, and weâll see you soonâvirtually or 191 face-to-face. 192 </p> 193 <a 194 class="main-button" 195 href="https://outlook.office365.com/book/[email protected]/?ismsaljsauthenabled=true" 196 target="_blank" 197 id="appointment-button" 198 > 199 Schedule an appointment 200 </a> 201 202 </div> 203 204 <button class="accordion" tabindex="0"> 205 <img class="ql-icon" src="images/support.svg" alt="Support Icon"> 206 Services 207 </button> 208 <div class="panel"> 209 <h2 class="underline">Services</h2> 210 <p> 211 As students, we know the importance of functional technology to 212 get class work done. We believe that as a WSU Vancouver student, 213 you have the right to ask for help with any of your devices and as 214 trained technicians, weâll try our best to fix them. 215 </p> 216 217 <ul> 218 <li class="no-click">â Mac/PC/Mobile</li> 219 <li class="no-click">â Help signing into WSU accounts</li> 220 <li class="no-click">â Username and password help</li> 221 <li class="no-click">â Canvas help</li> 222 <li class="no-click">â WSU-specific software</li> 223 <li class="no-click">â PC configuration</li> 224 <li class="no-click">â Hardware troubleshooting</li> 225 <li class="no-click">â Speed up slow computers</li> 226 <li class="no-click">& Much more!</li> 227 </ul> 228 </div> 229 230 <button class="accordion" tabindex="0"> 231 <img class="ql-icon" src="images/guide.svg" alt="Guide Icon"> 232 Guides 233 </button> 234 <div class="panel"> 235 <h2 class="underline">Guides</h2> 236 <p> 237 The following are common tech issues that students face. These 238 guides are available 24/7 so that you can troubleshoot issues 239 that might arise. If you are still having issues, schedule an 240 appointment with us! 241 </p> 242 <div> 243 <h3>Tutorials</h3> 244 <ul class="link-list"> 245 <li class="no-click"> 246 <a href="./src/html/wifi.html">Wifi Access</a> 247 </li> 248 <li class="no-click"> 249 <a href="./src/html/microsoft.html" 250 >Microsoft Suite Installation</a 251 > 252 </li> 253 <li class="no-click"> 254 <a href="./src/html/account-access.html">Account Access</a> 255 </li> 256 <li class="no-click"> 257 <a href="./src/html/labs.html">Computer Labs</a> 258 </li> 259 </ul> 260 </div> 261 <div> 262 <h3>Video Tutorials</h3> 263 <ul class="link-list"> 264 <li class="no-click"> 265 <a 266 target="_blank" 267 href="https://www.youtube.com/watch?v=V_nNkaQ5YdI" 268 >Set up OKTA Verify</a 269 > 270 </li> 271 <li class="no-click"> 272 <a 273 target="_blank" 274 href="https://www.youtube.com/watch?v=qM3mOsV9dCA&t=1s" 275 >Install Global Protect</a 276 > 277 </li> 278 <li class="no-click"> 279 <a 280 target="_blank" 281 href="https://www.youtube.com/watch?v=QIOkqtz2kkQ" 282 >Enrolling in Classes</a 283 > 284 </li> 285 <li class="no-click"> 286 <a 287 target="_blank" 288 href="https://www.youtube.com/watch?v=SHXLXqsaXx8&t=1s" 289 >Navigating the WSU Site</a 290 > 291 </li> 292 <li class="no-click"> 293 <a 294 target="_blank" 295 href="https://www.youtube.com/watch?v=G3Z35tu-6Ho" 296 >Change your Password</a 297 > 298 </li> 299 </ul> 300 </div> 301 </div> 302 303 <button class="accordion" tabindex="0"> 304 <img class="ql-icon" src="images/email.svg" alt="Email Icon"> 305 Contact 306 </button> 307 <div class="panel"> 308 <h2 class="underline">Contact</h2> 309 <p> 310 Weâd love to hear from you! Whether you have questions, feedback, 311 or want to learn more about our services, please reach out. 312 </p> 313 <h3>Contact Information</h3> 314 <ul class="flex column gap-less"> 315 <li class="no-click">
316 <span class="bold">Email:</span 317 ><a href="mailto:[email protected]" class="link"> 318 [email protected]</a 319 > 320 </li> 321 <li class="no-click"> 322 <span class="bold">Phone: </span 323 ><a href="tel:+3605469770" class="link">(360) 546-9770</a> 324 </li> 325 <li class="no-click"> 326 <span class="bold">Hours of Operation:</span 327 ><a> Monday - Friday, 8:00am - 5pm</a> 328 </li> 329 <li class="no-click"> 330 <span class="bold">Address:</span 331 ><a> 14204 NE Salmon Creek Ave, Vancouver, WA 98686</a> 332 </li> 333 </ul> 334 <div> 335 <h3><span class="bold">Location:</span><span class="normal"> VCLS 223</span></h3> 336 <iframe 337 id="map" 338 title="Google Map of WSU Vancouver IT Department" 339 src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d779.5626639970485!2d-122.63724395163254!3d45.73152471073074!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zNDXCsDQzJzUzLjQiTiAxMjLCsDM4JzEzLjgiVw!5e0!3m2!1sen!2sus!4v1749842834904!5m2!1sen!2sus" 340 width="600" 341 height="450" 342 allowfullscreen="" 343 loading="lazy" 344 referrerpolicy="no-referrer-when-downgrade" 345 > 346 </iframe> 347 348 </div> 349 </div> 350 351 352 </div> 353 354 355 356 357 358 </main> 359 360 <!-- Footer --> 361 <footer aria-label="Main Footer"> 362 <div class="fine-print flex footer-info-container"> 363 <div class="flex column"> 364 <h4>Contact Us</h4> 365 <p> 366 <a href="tel:+3605469770" class="contact-link">(360) 546-9770</a> 367 </p> 368 <p> 369 <a href="mailto:[email protected]" class="contact-link" 370 >[email protected]</a 371 > 372 </p> 373 <p> 374 14204 NE Salmon Creek Ave, Vancouver, WA 98686 375 </p> 376 </div> 377 <div class="flex column"> 378 <h4>Hours of Operation</h4> 379 <p>8:00 AM - 5:00 PM</p> 380 <p>Monday - Friday</p> 381 </div> 382 </div> 383 <div class="soc-cop-container"> 384 <div id="socials" class="flex column footer-socials-container"> 385 <h4>Follow our Socials</h4> 386 <div> 387 <a 388 href="https://www.instagram.com/wsuvshs/" 389 target="_blank" 390 > 391 <img 392 class="social-icon" 393 src="./images/instagram.png" 394 alt="Instagram" 395 > 396 <span class="social-background"></span> 397 </a> 398 <a 399 href="https://www.youtube.com/@studentshelpingstudents3656" 400 target="_blank" 401 > 402 <img 403 class="social-icon" 404 src="./images/youtube.png" 405 alt="YouTube" 406 > 407 <span class="social-background"></span> 408 </a> 409 </div> 410 </div> 411 <p class="copyright">© 2025 Students Helping Students WSUV</p> 412 </div> 413 </footer> 414 415 416 <!-- Custom Scripts --> 417
417<script type="module" src="./src/scripts/main.js"></script>
417 418
418<script type="module" src="./src/scripts/nav.js"></script>
418 419
419<script type="module" src="./src/scripts/accordion.js"></script>
419 420 </body> 421</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.