1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <title>JobFlows - Find your Future</title> 6 7 <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> 8 <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> 9 <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png"> 10 <link rel="manifest" href="/images/site.webmanifest"> 11 <link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#212529"> 12 <link rel="shortcut icon" href="/images/favicon.ico"> 13 <meta name="msapplication-TileColor" content="#212529"> 14 <meta name="msapplication-config" content="/images/browserconfig.xml"> 15 <meta name="theme-color" content="#212529"> 16 17 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 18 19 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 19-20
19 20 <script async src="https://www.googletagmanager.com/gtag/js?id=
20G-WQNG8QLRCD
vendor: 16 bytes, lines 20-21
20"></script> 21
21<script src="/js/googleTagManager.js"></script>
21 22 23
23<script src="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/js/fontawesome.min.js"></script>
23 24 <link href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" rel="stylesheet"> 25 <!--
25<script defer src="https://kit.fontawesome.com/b21ae1b650.js" crossorigin="anonymous"></script>
25 --> 26
26<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
26 27
27<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
27 28
28<script defer src="https://unpkg.com/axios/dist/axios.min.js"></script>
28 29
29<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
29 30 <link defer rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> 31 32
32<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
32 33
33<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
33 34
34<script defer src="https://cdn.jsdelivr.net/npm/chart.js"></script>
34 35
35<script async src="https://cdn.jsdelivr.net/npm/[email protected]/peer/umd/vis-network.min.js"></script>
35 36
36<script type="text/javascript" src="https://unpkg.com/vis-data@latest"></script>
36 37 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/styles/vis-network.min.css"> 38 39 <!-- Particle node header--> 40
40<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
40 41
41<script src="http://threejs.org/examples/js/libs/stats.min.js"></script>
41 42 43 <link rel="stylesheet" type="text/css" href="/css/style.css"> 44 <link rel="stylesheet" type="text/css" href="/css/dark-mode.css"> 45
45<script src="/js/darkMode.js"></script>
45 46</head> 47<body> 48 49
50<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
50 51<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"> 52 53<meta name="theme-color" content="#202533"/> 54 55 56 57 58 59<header> 60 <nav class="navbar navbar-expand-lg navbar-dark"> 61 <a class="navbar-brand" href="/"><img src="/images/logo.png" alt="Logo" id="logo"></a> 62 63 <!-- Navbar toggle button --> 64 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 65 <span class="navbar-toggler-icon"></span> 66 </button> 67 68 <!-- Navbar content --> 69 <div class="collapse navbar-collapse" id="navbarNav"> 70 <ul class="navbar-nav ml-auto align-items-lg-center"> 71 <!-- Centered links for lg and above --> 72 <li class="nav-item d-none d-lg-block"> 73 <a class="nav-link" href="/flows">Explore</a> 74 </li> 75 <li class="nav-item d-none d-lg-block"> 76 <a class="nav-link" href="https://blog.jobflows.com/">Blog</a> 77 </li> 78 79 <!-- User actions for lg and above --> 80 81 <li class="nav-item d-none d-lg-block"> 82 <a class="nav-link" href="/login">Login</a> 83 </li> 84 <li class="nav-item d-none d-lg-block"> 85 <a class="nav-link" href="/register">Register</a> 86</li> 87 88 89 <!-- User actions for xs to md --> 90 <ul class="navbar-nav align-items-lg-center text-center d-lg-none"> <!-- text-center added here --> 91 92 <li class="nav-item d-inline-block"> 93 <a class="nav-link" href="/flows">Explore</a> 94 </li> 95 <li class="nav-item d-inline-block"> 96 <a class="nav-link" href="/about">About</a> 97 </li> 98 <li class="nav-item d-inline-block text-white"> 99<a class="nav-link d-inline-block" href="/login">Login</a> or <a class="nav-link d-inline-block" href="/register">Register</a> 100 </li> 101 102 103 </ul> 104 105 </ul> 106 </div> 107 </nav> 108</header> 109 110 111 112 113 114 115 116 <!-- feedback.ejs --> 117 118 119<!-- Floating Feedback Button --> 120<div id="feedback-button"> 121 <button class="btn btn-primary" data-toggle="modal" data-target="#feedbackModal">Feedback</button> 122 </div> 123 124 125 126 <div class="modal fade" id="PleaseLoginModal" tabindex="-1" aria-labelledby="PleaseLoginModalLabel" aria-hidden="true"> 127 <div class="modal-dialog modal-dialog-centered no-job-alert"> <!--style="left: 4.6px; top: 42px;"--> 128 <div class="modal-content"> 129 <div class="modal-header"> 130 <h5 class="modal-title" id="PleaseLoginModalLabel">Please Login or Register</h5> 131 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 132 <span aria-hidden="true">×</span> 133 </button> 134 </div> 135 <div class="modal-body"> 136 <p>We value your feedback</p> 137 <p>Please <a href="/login">Login</a> or <a href="/register">Register</a> to leave a Feedback message.</p> 138<p></p> 139 <p>This is required to prevent spam, thank you for understanding!</p> 140 </div> 141 <div class="modal-footer"> 142 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 143 </div> 144 </div> 145 </div> 146 </div> 147 148 149 150 <!-- Custom JavaScript to handle the feedback form submission --> 151
151<script src="/js/feedback-handler.js"></script>
151 152 153 154 155 156 157 158 <!-- Hero Section --> 159<section class="hero bg-primary d-flex justify-content-center align-items-center"> 160 <div id="particles-js"></div> 161 <div class="count-particles"> <span class="js-count-particles"></span> 162 <div class="hero d-flex justify-content-center align-items-center"> 163 <div class="col-md-6 d-flex flex-column justify-content-center"> 164 <div class="container text-center"> 165 <h1>Find your Flow.</h1> 166 <h4>Discover endless possibilities with our career path network.</h4><br> 167 <p>Ready to try? Enter your job to see what your future holds.</p> 168 169 <!-- Search Bar --> 170 <div class="input-group mt-4 mb-3"> 171 <input type="text" id="index-search" class="" placeholder="Enter your current job" aria-label="Job" aria-describedby="basic-addon2"> 172 <div class="input-group-append"> 173 <span class="input-group-text" id="search-icon"><i class="fas fa-search"></i></span> 174 </div> 175 </div> 176 177 <!-- Graphics Suggestion: You could add a dynamic SVG or an illustrative graphic here --> 178 <!-- <img src="your-illustrative-graphic.svg" alt="Illustrative Graphic"> --> 179 </div> 180 </div> 181 </div> 182 </div> 183</section> 184 185<section> 186 <div class="container"> 187 <div class="row"> 188 <!-- Text Content --> 189 <div class="col-md-6 order-md-2 py-5 d-flex flex-column justify-content-center"> 190 <h2 class="text-center">Simple tools to discover career paths</h2> 191 <br> 192 <p>Who says work and play doesnt mix?</p> 193 <ul> 194 <li>Drag and drop jobs</li> 195 <li>Useful Filters (look for the <i class="fas fa-filter"></i>)</li> 196 <li>Double Click for more info and useful job stats</li> 197 </ul> 198 <p class="text-align-end mr-6">See the full <a href="/flows">JobFlows graph</a></p> 199 </div> 200 <!-- Vis.js Graph --> 201 <div class="col-md-6 order-md-1"> 202 <div id="landingnetwork"></div> 203 <br> 204 205 </div> 206 207 208 209 </div> 210 211 </div> 212 </section> 213 214<!-- Features Section --> 215<section class="text-center bg-alt"> 216 <div class="container pt-5 pb-5"> 217 <h2>Features</h2> 218 <br> 219 <div class="row"> 220 <div class="col-md-4 my-3"> 221 <i class="fas fa-network-wired fa-3x mb-3"></i> 222 <h3>Comprehensive Network</h3> 223 <p>Explore the most thorough set of interconnected roles across industries to find YOUR best path forward.</p> 224 </div> 225 <br> 226 <br> 227 <div class="col-md-4 my-3"> 228 <i class="fas fa-chart-line fa-3x mb-3"></i> 229 <h3>Data-Driven Insights</h3> 230 <p>Get data-backed advice to make informed decisions about salary and future earning potential along every possible path.</p> 231 </div> 232 <br> 233 <br> 234 <div class="col-md-4 my-3"> 235 <i class="fas fa-user-alt fa-3x mb-3"></i> 236 <h3>Personalized Experience</h3> 237 <p>Receive tailored suggestions that align with your goals. (*coming soon!)</p> 238 </div> 239 </div> 240 </div> 241</section> 242<section class="text-center my-5"> 243 <div class="container"> 244 <h2>Search by Industry</h2> 245 <div class="row p-2"> 246 <div class="col-6 col-md-4 p-2"> 247 <a href="/flows?industry=Information Technology" class="industry-link"> 248 <div class="p-2 industry-label" data-industry="Information Technology">Information Technology</div> 249 </a> 250 </div> 251 <div class="col-6 col-md-4 p-2"> 252 <a href="/flows?industry=Healthcare" class="industry-link"> 253 <div class="p-2 industry-label" data-industry="Healthcare">Healthcare</div> 254 </a> 255 </div> 256 <div class="col-6 col-md-4 p-2"> 257 <a href="/flows?industry=Food Services" class="industry-link"> 258 <div class="p-2 industry-label" data-industry="Food Services">Food Services</div> 259 </a> 260 </div> 261 <div class="col-6 col-md-4 p-2"> 262 <a href="/flows?industry=Education" class="industry-link"> 263 <div class="p-2 industry-label" data-industry="Education">Education</div> 264 </a> 265 </div> 266 <div class="col-6 col-md-4 p-2"> 267 <a href="/flows?industry=Finance" class="industry-link"> 268 <div class="p-2 industry-label" data-industry="Finance">Finance</div> 269 </a> 270 </div> 271 <div class="col-6 col-md-4 p-2"> 272 <a href="/flows?industry=Insurance" class="industry-link"> 273 <div class="p-2 industry-label" data-industry="Insurance">Insurance</div> 274 </a> 275 </div> 276 <div class="col-6 col-md-4 p-2"> 277 <a href="/flows?industry=Hospitality" class="industry-link"> 278 <div class="p-2 industry-label" data-industry="Hospital
278ity">Hospitality</div> 279 </a> 280 </div> 281 <div class="col-6 col-md-4 p-2"> 282 <a href="/flows?industry=Administration" class="industry-link"> 283 <div class="p-2 industry-label" data-industry="Administration">Administration</div> 284 </a> 285 </div> 286 287 </div> 288 <p class="text-align-end pr-15">See all Industries - <a href="/industrylist">Career Paths by Industry</a></p> 289 </div> 290 </section> 291 292 <section class="text-center my-5"> 293 <div class="container"> 294 <h2>Search by degree</h2> 295 <div class="row p-2"> 296 <a href="/flows?jobTitle=Business%20Administration&type=education&educationLevel=Bachelors" class="col-6 col-md-4 p-2"><div class="degree-label">Bachelors of Business Administration</div></a> 297 <a href="/flows?jobTitle=Bachelors%20Of%20Science%2C%20Computer%20Engineering&type=education&educationLevel=Bachelors" class="col-6 col-md-4 p-2"><div class="degree-label">Bachelors of Computer Engineering</div></a> 298 <a href="/flows?jobTitle=Human%20Biology&type=education&educationLevel=Bachelors" class="col-6 col-md-4 p-2"><div class="degree-label">Bachelors of Human Biology</div></a> 299 <a href="/flows?jobTitle=Biostatistics&type=education&educationLevel=Masters" class="col-6 col-md-4 p-2"><div class="degree-label">Masters of Biostatistics</div></a> 300 301 </div> 302 <p class="text-align-end pr-15">See all degrees - <a href="/degreelist">Career Paths by Degree</a></p> 303 </div> 304 </section> 305 306 <section class="text-center mt-5 bg-alt"> 307 <div class ="col-md-12"> 308 <div class="container pt-5 pb-5"> 309 <h2>Frequently Asked Questions</h2> 310 <div class="accordion"> 311 <div class="accordion-item"> 312 <button id="accordion-button-1" class="bg-transparent" aria-expanded="false"><div class="accordion-title">What is JobFlows?</div><span class="icon" aria-hidden="true"></span></button> 313 <div class="accordion-content"> 314 <p>JobFlows is a tool that visualizes connections between different jobs to provide a comprehensive career path network.</p> 315 </div> 316 </div> 317 <div class="accordion-item"> 318 <button id="accordion-button-2" class="bg-transparent" aria-expanded="false"><div class="accordion-title">How do I use the network graph?</div><span class="icon" aria-hidden="true"></span></button> 319 <div class="accordion-content"> 320 <p>Simply click on any job node in the graph to see more details, or drag nodes to reposition them and explore the network.</p> 321 </div> 322 </div> 323 <div class="accordion-item"> 324 <button id="accordion-button-3" class="bg-transparent" aria-expanded="false"><div class="accordion-title">Can I filter jobs by industry or education level?</div><span class="icon" aria-hidden="true"></span></button> 325 <div class="accordion-content"> 326 <p>Yes, you can use the filters provided on the page to narrow down the job nodes by industry or required education level.</p> 327 </div> 328 </div> 329 <div class="accordion-item"> 330 <button id="accordion-button-4" class="bg-transparent" aria-expanded="false"><div class="accordion-title">What if I'm still in school?</div><span class="icon" aria-hidden="true"></span></button> 331 <div class="accordion-content"> 332 <p>You can use the search filters to find your current major, degree, or trade on the grid. You will then be able to see which paths other people have taken from that degree.</p> 333 </div> 334 </div> 335 </div> 336 </section> 337 338 339<footer> 340 341 <section> 342 <div class="footer-container"> 343 344 <div class="footer-section"> 345 <!-- Spacing --> 346 </div> 347 348 <div class="footer-section display-flex align-items-center"> 349 <a class="navbar-brand img-contrast" href="/"><img src="/images/logo.png" alt="Logo" id="logo"></a> 350</div> 351 352<div class="footer-section"> 353<!-- Spacing --> 354</div> 355 356 <div class="footer-section"> 357 <h4>Popular Features</h4> 358 <p> Search <a href="/industrylist">Career Paths by Industry</a></p> 359 <p> Search <a href="/degreelist">Career Paths by Degree</a></p> 360 <p> Search <a href="/joblist">Career Paths by Job Title</a></p> 361 </div> 362 363 <div class="footer-section"> 364<h4>Company</h4> 365<p><a href="/about">About</a></p> 366<p><a href="/terms">Terms of Service</a></p> 367<p><a href="/privacypolicy">Privacy Policy</a></p> 368 </div> 369 <div class="footer-section"> 370 371 </div> 372 </div> 373</section> 374<section> 375 <div class="footer-container"> 376 <div class="footer-section"> 377 <div class="text-align-center">Copyright 2023 JobFlows.com</div> 378 </div> 379 </div> 380</section> 381 382</footer> 383
384<script src="/js/landing.js" nonce="gcGup9JQGCVzvW99R4/9Hw==" defer></script>
384 385</body> 386</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.