Created
April 16, 2016 01:01
-
-
Save RajeshThallam/586ee34c75789755fc2c7928884cd3dd to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <!-- | |
| Design by TEMPLATED | |
| http://templated.co | |
| Released for free under the Creative Commons Attribution License | |
| Name : ClearFigure | |
| Description: A two-column, fixed-width design with dark color scheme. | |
| Version : 1.0 | |
| Released : 20140310 | |
| --> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <title>Job Fiction</title> | |
| <meta name="keywords" content="" /> | |
| <meta name="description" content="" /> | |
| <link href="http://fonts.googleapis.com/css?family=Chivo:400,900" rel="stylesheet" /> | |
| <link href="default.css" rel="stylesheet" type="text/css" media="all" /> | |
| <link href="fonts.css" rel="stylesheet" type="text/css" media="all" /> | |
| <!--[if IE 6]> | |
| <link href="default_ie6.css" rel="stylesheet" type="text/css" /> | |
| <![endif]--> | |
| <!-- Stylesheets --> | |
| <!-- bootstrap core css --> | |
| <link href="lib/bootstrap-responsive.css" rel="stylesheet"> | |
| <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> | |
| </head> | |
| <body> | |
| <div id="wrapper"> | |
| <!--<div id="banner"></div>--> | |
| <div class="modal-header"> | |
| <nav class="navbar navbar-inverse navbar-fixed-top"> | |
| <div class="container"> | |
| <!-- Brand and toggle get grouped for better mobile display --> | |
| <div class="navbar-header page-scroll col-sm-2"> | |
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-app-navbar-collapse-1"> | |
| <span class="sr-only">Toggle navigation</span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| </button> | |
| <!--<a class="navbar-brand page-scroll" href="#page-top">Yelp</a>--> | |
| <a class="page-scroll" href="javascript:showSlides(100);" target="_top"><h2 class="section-heading">Job Fiction</h2></a> | |
| </div> | |
| <!-- Collect the nav links, forms, and other content for toggling --> | |
| <div class="collapse navbar-collapse col-sm-8" id="bs-app-navbar-collapse-1"> | |
| <ul class="nav navbar-nav navbar-center"> | |
| <li class="hidden"> | |
| <a href="#page-top"></a> | |
| </li> | |
| <li><a class="page-scroll" href="#page"><h4 class="section-heading" style="margin-left:10px;" >Presentation</h4></a></li> | |
| <li><a class="page-scroll" href="#portfolio-wrapper"><h4 class="section-heading">Team</h4></a></li> | |
| <li><a class="page-scroll" href="documentation2.html" target="Documentation"><h4 class="section-heading">Documentation</h4></a></li> | |
| </ul> | |
| </div> | |
| <div class="col-sm-2"><a href="http://50.97.254.20:5000/home/" target="_blank" class="btn btn-primary btn-lg active" role="button">Launch Job Fiction</a></div> | |
| <!-- /.navbar-collapse --> | |
| </div> | |
| <!-- /.container-fluid --> | |
| </nav> | |
| </div> | |
| <div id="page" class="container"> | |
| <div class="slideshow-container"> | |
| <div class="mySlides" id="slide4" style="text-align: center;"> | |
| <H1>Job Fiction - Find Your Passion</H1> | |
| <br> | |
| <img src="images/DS_cloud.jpg" width="900" height="400"> | |
| </div> | |
| <div class="mySlides" id="slide2"> | |
| <h1 style="margin-bottom: 40px">Problem</h1> | |
| <div class="col-sm-12"> | |
| <p style="font-size: 30px"><strong>Is there a better way to find a great Data Science job?</strong></p> | |
| </div> | |
| <div class="col-sm-1"> </div> | |
| <div class="col-sm-11"> | |
| <ul> | |
| <li>Job titles are not consistent</li> | |
| <br> | |
| <li>Keywords like "data" can mean too general</li> | |
| <br> | |
| <li>Resumes highlight the skills used in previous jobs, not the ones you want to use in a new job</li> | |
| <br> | |
| <li>Current job search tools are not flexible to specific needs.</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="mySlides" id="slide3"> | |
| <h1 style="margin-bottom: 40px">Our Solution in 3 Easy Steps</h1> | |
| <div class="col-lg-1"> </div> | |
| <div class="col-lg-11" > | |
| <p>(1) Start with job descriptions you like.</p> | |
| <br> | |
| <p>(2) Emphasize the job characteristics you want.</p> | |
| <br> | |
| <p>(3) Find jobs that match this new job description.</p> | |
| </div> | |
| </div> | |
| <div class="mySlides" id="slide4" style="text-align: center;"> | |
| <h1>Launch Demonstration</h1> | |
| <br> | |
| <a href="http://50.97.254.20:5000/home/" target="_blank" ><img src="images/Launch.PNG" width="600" height="300"></a> | |
| </div> | |
| <div class="mySlides" id="slide5"> | |
| <h1 style="margin-bottom: 40px">Future Considerations</h1> | |
| <ul> | |
| <li>Continue Improving Model</li> | |
| <ul> | |
| <li>There is always room to look for different thresholds or features.</li> | |
| </ul> | |
| <br> | |
| <li>Get support from a third party</li> | |
| <ul> | |
| <li>Glassdoor, for example, only releases company ratings through its API. It would be very useful they could open up salary and job titles for each company. This information would improve classification and help job seekers find the right position.</li> | |
| </ul> | |
| <br> | |
| <li>User Interface Improvements</li> | |
| <ul> | |
| <li>Smoother transitions between functionality.</li> | |
| <li>Intuitive inteface</li> | |
| </ul> | |
| </ul> | |
| </div> | |
| <a class="prev" onclick="plusSlides(-1)">❮</a> | |
| <a class="next" onclick="plusSlides(1)">❯</a> | |
| </div> | |
| <br> | |
| <div style="text-align:center"> | |
| <span class="dot" title="Problem" onclick="currentSlide(1)"></span> | |
| <span class="dot" title="Solution" onclick="currentSlide(2)"></span> | |
| <span class="dot" title="Demonstration" onclick="currentSlide(3)"></span> | |
| <span class="dot" title="Future" onclick="currentSlide(4)"></span> | |
| <span class="dot" title="Future" onclick="currentSlide(5)"></span> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="portfolio-wrapper"> | |
| <div id="portfolio" class="container"> | |
| <div id="column1"> | |
| <div class="title"> | |
| <h2>Angela Gunn</h2> | |
| </div> | |
| <a href="https://www.linkedin.com/in/anggunn" class="image image-full"><img src="images/angela.jpg" alt="" /></a> | |
| <div class="bio"> | |
| <p>I am a Data Scientist with 10 years experi | |
| ence in business analysis and recent education in big data technologies. I have a talent for analyzing problems, developing and simplifying procedures, and finding innovative solutions. </p> | |
| </div> | |
| <a href="https://www.linkedin.com/in/anggunn" target="_blank" class="icon icon-arrow-right button">Profile</a> </div> | |
| <div id="column2" class = "bio"> | |
| <div class="title"> | |
| <h2>Rajesh Thallam</h2> | |
| </div> | |
| <a href="https://www.linkedin.com/in/rajeshthallam" class="image image-full"><img src="images/rajesh.jpg" alt="" /></a> | |
| <div class="bio"> | |
| <p>Insightful Technology Professional and Data Scientist with credentials that include a Master of Information and Data Science degree with 11+ years of experience in senior technology and data architect roles in diverse industries.</p> | |
| </div> | |
| <a href="https://www.linkedin.com/in/rajeshthallam" target="_blank" class="icon icon-arrow-right button">Profile</a> </div> | |
| <div id="column3"> | |
| <div class="title" class = "bio"> | |
| <h2>Stephane Truong</h2> | |
| </div> | |
| <a href="https://cn.linkedin.com/in/truongstephane" class="image image-full"><img src="images/stephane.jpg" alt="" /></a> | |
| <div class="bio"> | |
| <p>I am a Data Scientist following the Master of Information and Data Science at University of California at Berkeley. I am passionate by the Big Data revolution and I believe Data Science can contribute to make the world a better place. </p> | |
| </div> | |
| <a href="https://cn.linkedin.com/in/truongstephane" target="_blank" class="icon icon-arrow-right button">Profile</a> </div> | |
| </div> | |
| </div> | |
| <div id="copyright" > | |
| <p > This project was created as part of the W210 - Capstone class, | |
| <br> which is a part of the <a href = "https://datascience.berkeley.edu/" style="color:yellow">Master of Information and Data Science</a> program at <a href="http://www.berkeley.edu/" style="color:yellow">UC Berkeley</a>.</p> | |
| <p> Word Cloud image by <a href="https://us.fotolia.com/" rel="nofollow" style="color:#01579B">Fotolia</a>.</p> | |
| </div> | |
| <script> | |
| var slideIndex = 1; | |
| showSlides(slideIndex); | |
| function plusSlides(n) { | |
| showSlides(slideIndex += n); | |
| } | |
| function currentSlide(n) { | |
| showSlides(slideIndex = n); | |
| } | |
| function showSlides(n) { | |
| var i; | |
| var slides = document.getElementsByClassName("mySlides"); | |
| var dots = document.getElementsByClassName("dot"); | |
| if (n > slides.length) {slideIndex = 1} | |
| if (n < 1) {slideIndex = slides.length} ; | |
| for (i = 0; i < slides.length; i++) { | |
| slides[i].style.display = "none"; | |
| } | |
| for (i = 0; i < dots.length; i++) { | |
| dots[i].className = dots[i].className.replace(" active", ""); | |
| } | |
| slides[slideIndex-1].style.display = "block"; | |
| dots[slideIndex-1].className += " active"; | |
| } | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment