[
  {
    "path": "README.md",
    "content": "# [ClearCareer](http://startbootstrap.com/) \n\n[Resume](https://izzydoesizzy.github.io/resumetemplate/) is a one page creative theme for [Bootstrap](http://getbootstrap.com/) created by [Izzy Piyale-Sheard](http://izzydoesizzy.com/).\n\n## Getting Started\n\nTo use this theme, please take the following steps.\n1. Fork this repository on GitHub\n2. Make an edit to your site and commit the change\n3. Go to [http://YourGithubProfile.github.io/resumetemplate](http://izzydoesizzy.github.io/resumetemplate)\n\n## Adding a custom domain name\nThere are 2 ways of adding a custom domain to your Github Pages site.\n\n#### Method 1: \n1. Click on \"Settings\" under your repository\n2. Scroll down to custom domain\n3. Add your custom domain\n4. Login to your domain registrar and modify the DNS settings\n\t- Add a new A Record\n\t\t- Record Type: \tA\n\t\t- Host: \t\t@\n\t\t- Points to: \t192.30.252.153\n\t- [see more details](http://stackoverflow.com/questions/23375422/how-to-setup-github-pages-to-redirect-dns-requests-from-subdomain-e-g-www-to/23375423#23375423)\n\n#### Method 2:\n1. In the main directory add a file named CNAME (without a file extension)\n2. Open and edit the file, and add your domain name [example.com](#)\n3. Login to your domain registrar and modify the DNS settings\n\t- Add a new A Record\n\t\t- Record Type: \tA\n\t\t- Host: \t\t@\n\t\t- Points to: \t192.30.252.153\n\t- [see more details](http://stackoverflow.com/questions/23375422/how-to-setup-github-pages-to-redirect-dns-requests-from-subdomain-e-g-www-to/23375423#23375423)\n\n![Edit](/images/image1.png) ![Edit](/images/image2.png)\n![Edit](/images/image3.png) ![Edit](/images/image4.png)\n\n\n## Bugs and Issues\n\nHave a bug or an issue with this theme? [Open a new issue](https://github.com/clearcareer/ResumeTemplate/issues) here on GitHub.\n\n## Copyright and License\n\nCopyright 2016 ClearCareer. Code released under the [Creative Commons 4.0](https://creativecommons.org/licenses/by/4.0/) license.\n\n\n## Attribution\n\n[IconMoon](https://icomoon.io/)  \n[FontAwesome](http://fontawesome.io/)  \n\nThis resume template uses the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).\n\nBruno Rodriguez - Timeline  \n- [Github: https://github.com/itbruno](https://github.com/itbruno)\n- [Twitter: https://twitter.com/_brunoweb](https://twitter.com/_brunoweb)\n\nTrain Tracks Photo https://unsplash.com/@reddangelo16\n\n\n<hr>\n\nThis project was developed by **Iskender Piyale-Sheard (aka: Izzy)**, the Community Manager at [Lighthouse Labs](http://bit.ly/izzydoesizzygithub) as a fun side project. \n\nCome say hi on Twitter [@izzydoesizzy](http://www.twitter.com/izzydoesizzy)! \n\n----\n> Iskender Piyale-Sheard: [www.izzydoesizzy.com](https://www.izzydoesizzy.com/) &nbsp;&middot;&nbsp;\n> LinkedIn: [@izzydoesizzy](https://www.linkedin.com/in/izzydoesizzy) &nbsp;&middot;&nbsp;\n> Twitter: [@izzydoesizzy](https://twitter.com/izzydoesizzy)\n\n"
  },
  {
    "path": "css/style.css",
    "content": "/**\n * =================================================================== \n *\n *  ResumeTemplate v1.0 ClearCareer\n *  url: clearcareer.ca\n *  Design by: Iskender Piyale-Sheard\n *  website: izzydoesizzy.com\n *  Created 06-27-2016\n *  Last Updated: 03-19-2017\n *  ------------------------------------------------------------------\n *  Table of Contents:\n\n *  01. Global Styles\n *  02. Intro\n *  03. Social Icons\n *  04. Icon Fonts\n *  05. Section Styles\n *  06. Timeline Styles\n *  05. Footer\n EXTRAS\n\n * =================================================================== \n */\n\n/* 01. Basic Styles\n * =================================================================== */\n\n html {\n    overflow-x: hidden;\n }\n body {\n    font-family: 'Source Sans Pro', sans-serif;\n }\n\n h1 {\n    font-weight: bold;\n }\n\n h2 {\n }\n\n h5 {\n    font-weight: 600;\n }\n\n a {\n    cursor: pointer;\n    color: #1abc9c;\n    text-decoration: none;\n }\n\n a:hover {\n    text-decoration:none;\n    color: #1abc9c;\n    opacity: 0.9;\n }\n\n hr {\n    border-top: 5px solid #1abc9c;\n    width: 80px;\n    padding-bottom: 20px;\n }\n\n\n .colour-splash {\n    color: #1abc9c;\n }\n\n .section-primary span {\n    color: #1abc9c;\n    font-weight: bolder;\n    opacity: 1;\n }\n\n\n\n\n\n\n\n\n/* 02. Intro\n * =================================================================== */\n\n .section-image {\n \tbackground: #151515 url(https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?dpr=2&auto=compress,format&crop=entropy&fit=crop&w=1199&h=799&q=80) no-repeat center center;\n    -webkit-background-size: cover;\n    -moz-background-size: cover;\n    background-size: cover;\n    width: 100%;\n    height: 100vh;\n    position: relative;\n    text-align: center;\n    color: #fff;\n    display:table;\n }\n\n .img-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #111111;\n    opacity: .7;\n }\n\n .intro {\n    vertical-align: middle;\n    text-align: center;\n    display:table-cell;\n    -webkit-transform: translateY(-2.1rem);\n    -ms-transform: translateY(-2.1rem);\n    transform: translateY(-2.1rem);\n}\n\n.intro .row {\n    margin-right: 0;\n    margin-left:0;\n}\n\n.intro h1 {\n    font-size: 84px;\n}\n\n.intro h5 {\n    color: #1abc9c;\n    font-size: 2.3rem;\n    margin-bottom: 0;\n    text-transform: uppercase;\n    letter-spacing: .3rem;\n    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);\n}\n\n.section-image span {\n    text-transform: uppercase;\n    font-size: 1.4em;\n    padding: 0 10px;\n    font-weight: 100;\n}\n\n.section-image h1 {\n    margin-top: 0;\n}\n\n.section-image p {\n    font-weight: lighter;\n    opacity: 0.9;\n}\n\n\n\n/* 03. Social Icons\n * =================================================================== */\n\n.social {\n  margin: 0 10px;\n  padding-top: 1.3em;\n  text-align: center;\n  color: #fff;\n  font-size: 0.9em;\n}\n\n.social a {\n  color: white;\n  text-decoration:none;\n  padding: 2em;\n}\n\n.social a:hover{\n  opacity: 0.6;\n}\n\n.social-footer {\n    position: block;\n    padding: 15px;\n}\n\n.social-footer a {\n    color: white;\n    text-decoration: none;\n    padding: 0.6em;\n    font-size: 1.7em;\n}\n\n\n/* 04. Icon Font\n * =================================================================== */\n\n .lnr {\n    font-size: 4em !important;\n    color:#fff;\n }\n\n/* 05. Section Styles\n * =================================================================== */\n\nsection {\n    padding-top: 100px;\n    padding-bottom: 100px;\n}\n\n.profilepic {\n    height: 150px;\n    width: auto;\n    border-radius: 300px;\n}\n\n.section-primary p {\n    text-align: justify;\n}\n\n.section-primary {\n    border: #1abc9c;\n}\n\n.section-colour {\n    background-color: #1abc9c;\n    color: #fff;\n}\n\n.section-colour p {\n    text-align: justify;\n}\n\n.section-heading .lead, .section-heading h2 {\n    text-align: center;\n}\n\n.section-colour {\n    border: #fff;\n}\n\n.section-colour hr {\n    border-top: 5px solid #fff;\n }\n\n\n\n/* 01. Timeline Styles\n * =================================================================== */\n\n.timeline-icon .fa {\n    color: white;\n    margin: 14px;\n    font-size: 1.7em;\n}\n\n#skills {\n    background: #151515 url(https://images.unsplash.com/photo-1456983933114-c22026990f4b?dpr=2&auto=format&crop=entropy&fit=crop&w=1280&h=720&q=80) no-repeat center center;\n    height: auto;\n}\n\n\n/* 05. Footer\n * =================================================================== */\n\nfooter {\n    display: block;\n    position: static;\n    bottom: 0;\n    background-color: black;\n    color: #fff;\n    padding: 50px 0;\n\n}\n\nfooter p {\n    padding: 15px;\n    opacity: 0.8;\n}\n\n\n/* EXTRAS\n * =================================================================== */\n\n\n\n        /* Mouse Icon\n         * =================================================================== */\n        .mouse-icon {\n            border: 2px solid #fff;\n            border-radius: 16px;\n            display: block;\n            height: 50px;\n            margin: 100px auto;\n            position: absolute;\n            left: 0;\n            right: 0;\n            width: 30px;\n            z-index: 10;\n        }\n        .mouse-icon .scroll {\n            animation-delay: 0s;\n            animation-duration: 1s;\n            animation-iteration-count: infinite;\n            animation-name: scrolling;\n            animation-play-state: running;\n            animation-timing-function: linear;\n        }\n        .mouse-icon .scroll {\n            background: #fff none repeat scroll 0 0;\n            border-radius: 10px;\n            height: 10px;\n            margin-left: auto;\n            margin-right: auto;\n            position: relative;\n            top: 4px;\n            width: 4px;\n        }\n        @keyframes scrolling {\n        0% {\n            opacity: 0;\n            top: 5px;\n        }\n        30% {\n            opacity: 1;\n            top: 10px;\n        }\n        100% {\n            opacity: 0;\n            top: 25px;\n        }\n        }\n\n        .pad-xl {\n            padding: 200px 0px;\n        }\n\n        .pad-lg {\n            padding: 160px 0px;\n        }\n\n        .pad-sm {\n            padding: 80px 0px;\n        }\n\n        .pad-xs {\n            padding: 30px 0px;\n        }\n\n        /* /Mouse Icon\n         * =================================================================== */\n\n \n/* Media Queries\n * =================================================================== */\n\n@media (max-width: 480px) {\n    .social a {\n        padding: 0.4em;\n        font-size: 0.9em;\n    }\n\n    .social-footer {\n        text-align: center;\n        position:block;\n        text-align: center;\n    }\n\n    .social-footer a {\n        padding: 0.3em;\n        font-size: 1.6em;\n\n    }\n\n    .intro-desc {\n        font-size: 0.7em;\n    }\n\n    .section-image span {\n        font-size: 1em;\n        padding: 0 1px;\n\n}\n\n    .intro h1 {\n        font-size: 50px;\n        padding-top: 15px;\n    }\n\n    footer {\n        text-align: center;\n        padding-bottom: 100px;\n    }\n\n    #skills {\n        background: #151515 url(https://images.unsplash.com/photo-1456983933114-c22026990f4b?dpr=2&auto=format&crop=entropy&fit=crop&w=1280&h=720&q=80) no-repeat center center;\n        background-position: top center;\n\n    }\n}\n\n@media (max-width: 991px) {\n    .social-footer {\n        text-align: center;\n    }\n\n    footer p {\n    text-align: center;\n    }\n\n}\n\n\n"
  },
  {
    "path": "css/timeline.css",
    "content": "/**\n * =================================================================== \n *\n *  ResumeTemplate v1.0 Main ClearCareer\n *  url: clearcareer.ca\n *  06-27-2016\n *  ------------------------------------------------------------------\n * \n * Timeline Tempalte by Bruno Rodriguez\n * \n * https://github.com/itbruno\n * http://itbruno.com.br\n * http://www.twitter.com/_brunoweb\n * \n * =================================================================== \n */\n\nheader:after, #timeline .timeline-item:after, header:before, #timeline .timeline-item:before {\n  content: '';\n  display: block;\n  width: 100%;\n  clear: both;\n}\n\n*, *:before, *:after {\n  box-sizing: border-box;\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n}\n\nbody, html {\n  height: 100%;\n}\n\nbody {\n  background: #f9f9f9;\n  background-size: cover;\n  margin: 0;\n  padding: 0;\n  font-family: helvetica, arial, tahoma, verdana;\n  line-height: 20px;\n  font-size: 14px;\n  color: #726f77;\n}\n\nimg {\n  max-width: 100%;\n}\n\na {\n  text-decoration: none;\n}\n\n.container {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\nh1, h2, h3, h4 {\n  font-family: \"Dosis\", arial, tahoma, verdana;\n  font-weight: 500;\n}\n\n.project-name {\n  text-align: center;\n  padding: 10px 0;\n}\n\nheader {\n  background: #1abc9c;\n  padding: 10px;\n  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);\n  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);\n  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);\n  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);\n}\nheader .logo {\n  color: #1abc9c;\n  float: left;\n  font-family: \"Dosis\", arial, tahoma, verdana;\n  font-size: 22px;\n  font-weight: 500;\n}\nheader .logo > span {\n  color: #f7aaaa;\n  font-weight: 300;\n}\nheader .social {\n  float: right;\n}\nheader .social .btn {\n  font-family: \"Dosis\";\n  font-size: 14px;\n  margin: 10px 5px;\n}\n\n\n.timelinedot {\n  margin: 13px;  \n  color:white;\n}\n\n\n#timeline {\n  width: 100%;\n  margin: 30px auto;\n  position: relative;\n  padding: 0 10px;\n  -webkit-transition: all 0.4s ease;\n  -moz-transition: all 0.4s ease;\n  -ms-transition: all 0.4s ease;\n  transition: all 0.4s ease;\n}\n#timeline:before {\n  content: \"\";\n  width: 3px;\n  height: 100%;\n  background: #1abc9c;\n  left: 50%;\n  top: 0;\n  position: absolute;\n}\n#timeline:after {\n  content: \"\";\n  clear: both;\n  display: table;\n  width: 100%;\n}\n#timeline .timeline-item {\n  margin-bottom: 50px;\n  position: relative;\n}\n#timeline .timeline-item .timeline-icon {\n  background: #1abc9c;\n  width: 50px;\n  height: 50px;\n  position: absolute;\n  top: 0;\n  left: 50%;\n  overflow: hidden;\n  margin-left: -23px;\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n  -ms-border-radius: 50%;\n  border-radius: 50%;\n}\n#timeline .timeline-item .timeline-icon svg {\n  position: relative;\n  top: 14px;\n  left: 14px;\n}\n#timeline .timeline-item .timeline-content {\n  width: 45%;\n  background: #fff;\n  padding: 20px;\n  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);\n  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);\n  -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);\n  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);\n  -webkit-border-radius: 5px;\n  -moz-border-radius: 5px;\n  -ms-border-radius: 5px;\n  border-radius: 5px;\n  -webkit-transition: all 0.3s ease;\n  -moz-transition: all 0.3s ease;\n  -ms-transition: all 0.3s ease;\n  transition: all 0.3s ease;\n}\n#timeline .timeline-item .timeline-content h2 {\n  padding: 15px;\n  background: #1abc9c;\n  color: #fff;\n  margin: -20px -20px 0 -20px;\n  font-weight: 300;\n  -webkit-border-radius: 3px 3px 0 0;\n  -moz-border-radius: 3px 3px 0 0;\n  -ms-border-radius: 3px 3px 0 0;\n  border-radius: 3px 3px 0 0;\n}\n\n#timeline .timeline-item .timeline-content p {\n  padding-top: 15px;\n}\n\n#timeline .timeline-item .timeline-content:before {\n  content: '';\n  position: absolute;\n  left: 45%;\n  top: 20px;\n  width: 0;\n  height: 0;\n  border-top: 7px solid transparent;\n  border-bottom: 7px solid transparent;\n  border-left: 7px solid #1abc9c;\n}\n#timeline .timeline-item .timeline-content.right {\n  float: right;\n}\n#timeline .timeline-item .timeline-content.right:before {\n  content: '';\n  right: 45%;\n  left: inherit;\n  border-left: 0;\n  border-right: 7px solid #1abc9c;\n}\n\n\n@media screen and (max-width: 768px) {\n  #timeline {\n    margin: 30px;\n    padding: 0px;\n    width: 90%;\n  }\n  #timeline:before {\n    left: 0;\n  }\n  #timeline .timeline-item .timeline-content {\n    width: 90%;\n    float: right;\n  }\n  #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {\n    left: 10%;\n    margin-left: -6px;\n    border-left: 0;\n    border-right: 7px solid #1abc9c;\n  }\n  #timeline .timeline-item .timeline-icon {\n    left: 0;\n  }\n}\n\n\n"
  },
  {
    "path": "index.html",
    "content": "<!DOCTYPE html>\n\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\">\n    <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\">\n    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->\n    <meta content=\"\" name=\"description\">\n    <meta content=\"\" name=\"author\">\n    <link href=\"../../favicon.ico\" rel=\"icon\">\n\n    <title>ClearCareer</title><!-- Bootstrap core CSS -->\n    <link crossorigin=\"anonymous\" href=\n    \"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css\"\n    integrity=\n    \"sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7\"\n    rel=\"stylesheet\"><!-- FontAwesome Icon Font -->\n    <link href=\n    \"https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css\"\n    rel=\"stylesheet\"><!-- LinearIcons Icon Font -->\n    <link href=\"https://cdn.linearicons.com/free/1.0.0/icon-font.min.css\" rel=\n    \"stylesheet\"><!-- Main Stylesheet -->\n    <link href=\"css/style.css\" rel=\"stylesheet\"><!-- Timeline CSS -->\n    <link href=\"css/timeline.css\" rel=\"stylesheet\">\n</head>\n\n<body>\n    <!-- INTRO SECTION -->\n\n\n    <section class=\"section-image\">\n        <div class=\"img-overlay\"></div>\n        <a href=\"https://github.com/izzydoesizzy/resumetemplate\" target=\"_blank\"><img style=\"position: absolute; top: 0; right: 0; border: 0;\" src=\"https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67\" alt=\"Fork me on GitHub\" data-canonical-src=\"https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png\"></a>\n            <div class=\"intro\">\n                <div class=\"row\">\n                    <div class=\"col-md-12\">\n                        <h5>Hi there</h5>\n\n\n                        <h1>I'm Luke Skywalker</h1>\n\n\n                        <p class=\"intro-desc\"><span>Designer</span>\n                        <span class=\"colour-splash\">•</span>\n                        <span>Adventurer</span> <span class=\n                        \"colour-splash\">•</span> <span>Coffee\n                        Drinker</span></p>\n                    </div>\n                    <!-- /col-md-12 -->\n                </div>\n\n\n                <div class=\"row\">\n                    <div class=\"col-md-8 col-md-offset-2\">\n                        <div class=\"social\">\n                            <a href=\"http://www.twitter.com/izzydoesizzy\"\n                            target=\"_blank\"><i class=\n                            \"fa fa-twitter fa-3x\"></i></a> <a href=\n                            \"http://www.instagram.com/izzydoesizzy\" target=\n                            \"_blank\"><i class=\"fa fa-instagram fa-3x\"></i></a> \n                            <!-- <a href=\"http://www.dribbble.com/izzydoesizzy\" target=\"_blank\">\n                                  <i class=\"fa fa-dribbble fa-3x\"></i>\n                                </a> -->\n                             <a href=\"https://ca.linkedin.com/in/ipiyale\"\n                            target=\"_blank\"><i class=\n                            \"fa fa-linkedin fa-3x\"></i></a> <a href=\n                            \"https://medium.com/@izzydoesizzy\" target=\n                            \"_blank\"><i class=\"fa fa-medium fa-3x\"></i></a>\n                            <a href=\"http://www.youtube.com/user/izzydoesizzy\"\n                            target=\"_blank\"><i class=\n                            \"fa fa-youtube fa-3x\"></i></a> <a href=\n                            \"http://www.github.com/izzydoesizzy\" target=\n                            \"_blank\"><i class=\"fa fa-github fa-3x\"></i></a>\n                        </div><!-- /social -->\n                    </div><!-- /col-md-8 -->\n                </div><!-- /row -->\n                \n\n\n                <div class=\"bottom\">\n                    <a href=\"#about\">\n                    <div class=\"mouse-icon\">\n                        <div class=\"scroll\">\n                        </div>\n                    </div></a>\n                </div>\n            </div><!-- /intro -->\n    </section>\n    \n    \n    <!-- ABOUT SECTION -->\n    <section class=\"section-primary\" id=\"about\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-md-6 col-md-offset-3 text-center\">\n                    <img class=\"profilepic\" src=\n                    \"https://pbs.twimg.com/profile_images/641063961144750081/IqosL0KD.jpg\">\n\n                    <h2>About Me</h2>\n\n                    <hr>\n\n\n                    <p class=\"lead\">Lorem Ipsum is simply dummy text of the\n                    printing and typesetting industry. <span>Lorem Ipsum</span>\n                    has been the industry's standard dummy text ever since the\n                    1500s, when an <span>unknown printer</span> took a galley\n                    of type and scrambled it to make a type specimen book.</p>\n                </div><!-- /col-md-6 -->\n            </div><!-- / row -->\n        </div><!-- /container -->\n    </section>\n    <!-- SKILLS SECTION -->\n\n\n    <section class=\"section-image\" id=\"skills\">\n        <div class=\"img-overlay\"></div>\n\n\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-md-12 section-heading\">\n                    <h2>Skills</h2>\n\n\n                    <p class=\"lead\">Here are a few cool things about me</p>\n\n                    <hr>\n                </div>\n            </div>\n\n\n            <div class=\"row\">\n                <div class=\"col-md-4 text-center\">\n                    <span class=\"lnr lnr-user\"></span>\n\n                    <h2>Heading</h2>\n\n\n                    <p>Lorem Ipsum is simply dummy text of the printing and\n                    typesetting industry. Lorem Ipsum has been the industry's\n                    standard dummy text ever since the 1500s, when an unknown\n                    printer took a galley of type and scrambled it to make a\n                    type specimen book.</p>\n                </div>\n\n\n                <div class=\"col-md-4 text-center\">\n                    <span class=\"lnr lnr-star\"></span>\n\n                    <h2>Heading</h2>\n\n\n                    <p>Lorem Ipsum is simply dummy text of the printing and\n                    typesetting industry. Lorem Ipsum has been the industry's\n                    standard dummy text ever since the 1500s, when an unknown\n                    printer took a galley of type and scrambled it to make a\n                    type specimen book.</p>\n                </div>\n\n\n                <div class=\"col-md-4 text-center\">\n                    <span class=\"lnr lnr-diamond\"></span>\n\n                    <h2>Heading</h2>\n\n\n                    <p>Lorem Ipsum is simply dummy text of the printing and\n                    typesetting industry. Lorem Ipsum has been the industry's\n                    standard dummy text ever since the 1500s, when an unknown\n                    printer took a galley of type and scrambled it to make a\n                    type specimen book.</p>\n                </div>\n            </div> <!-- / row -->\n        </div><!-- /container -->\n    </section>\n    <!-- TIMELINE SECTION -->\n\n\n    <section class=\"section-primary\" id=\"timelinesection\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-md-12 section-heading\">\n                    <h2>Things I've done</h2>\n\n\n                    <p class=\"lead\">Here are a few cool things about me</p>\n\n                    <hr class=\"white\">\n                </div>\n            </div>\n\n\n            <div class=\"row\">\n                <div class=\"col-md-12\">\n                    <!-- Timeline -->\n\n\n                    <div id=\"timeline\">\n                        <!-- Timeline Item, copy from here to create various boxes -->\n\n\n                        <div class=\"timeline-item\">\n                            <!--Icon inside the circle-->\n\n\n                            <div class=\"timeline-icon\">\n                                <i class=\"fa fa-star\"></i>\n                            </div>\n                            <!-- Content from timeline box and position (right or left)-->\n\n\n                            <div class=\"timeline-content right\">\n                                <h2>This Happened</h2>\n\n\n                                <p>Lorem ipsum dolor sit amet, consectetur\n                                adipisicing elit. Atque, facilis quo maiores\n                                magnam modi ab libero praesentium\n                                blanditiis.</p>\n                            </div>\n                        </div>\n                        <!-- /Timeline Item-->\n                        <!-- Timeline Item, copy from here to create various boxes -->\n\n\n                        <div class=\"timeline-item\">\n                            <!--Icon inside the circle-->\n\n\n                            <div class=\"timeline-icon\">\n                                <i class=\"fa fa-cog\"></i>\n                            </div>\n                            <!-- Content from timeline box and position (right or left)-->\n\n\n                            <div class=\"timeline-content left\">\n                                <h2>This Happened</h2>\n\n\n                                <p>Lorem ipsum dolor sit amet, consectetur\n                                adipisicing elit. Atque, facilis quo maiores\n                                magnam modi ab libero praesentium\n                                blanditiis.</p>\n                            </div>\n                        </div>\n                        <!-- /Timeline Item-->\n                        <!-- Timeline Item, copy from here to create various boxes -->\n\n\n                        <div class=\"timeline-item\">\n                            <!--Icon inside the circle-->\n\n\n                            <div class=\"timeline-icon\">\n                                <i class=\"fa fa-plane\"></i>\n                            </div>\n                            <!-- Content from timeline box and position (right or left)-->\n\n\n                            <div class=\"timeline-content right\">\n                                <h2>This Happened</h2>\n\n\n                                <p>Lorem ipsum dolor sit amet, consectetur\n                                adipisicing elit. Atque, facilis quo maiores\n                                magnam modi ab libero praesentium\n                                blanditiis.</p>\n                            </div>\n                        </div>\n                        <!-- /Timeline Item-->\n                        <!-- Timeline Item, copy from here to create various boxes -->\n\n\n                        <div class=\"timeline-item\">\n                            <!--Icon inside the circle-->\n\n\n                            <div class=\"timeline-icon\">\n                                <i class=\"fa fa-group\"></i>\n                            </div>\n                            <!-- Content from timeline box and position (right or left)-->\n\n\n                            <div class=\"timeline-content left\">\n                                <h2>This Happened</h2>\n\n\n                                <p>Lorem ipsum dolor sit amet, consectetur\n                                adipisicing elit. Atque, facilis quo maiores\n                                magnam modi ab libero praesentium\n                                blanditiis.</p>\n                            </div>\n                        </div>\n                        <!-- /Timeline Item-->\n                        <!-- Timeline Item, copy from here to create various boxes -->\n\n\n                        <div class=\"timeline-item\">\n                            <!--Icon inside the circle-->\n\n\n                            <div class=\"timeline-icon\">\n                                <i class=\"fa fa-star\"></i>\n                            </div>\n                            <!-- Content from timeline box and position (right or left)-->\n\n\n                            <div class=\"timeline-content right\">\n                                <h2>This Happened</h2>\n\n\n                                <p>Lorem ipsum dolor sit amet, consectetur\n                                adipisicing elit. Atque, facilis quo maiores\n                                magnam modi ab libero praesentium\n                                blanditiis.</p>\n                            </div>\n                        </div>\n                        <!-- /Timeline Item-->\n                    </div>\n                    <!-- /col-md-12 -->\n                </div>\n                <!-- /row -->\n            </div>\n        </div> <!-- / container -->\n    </section>\n    <!-- FOOTER SECTION -->\n\n    <footer class=\"footer\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-md-4\">\n                    <p>Design by: <a href=\"http://www.izzydoesizzy.com\" target=\n                    \"_blank\">Iskender Piyale-Sheard</a><br>\n                    <a href=\"http://creativecommons.org/licenses/by/4.0/\"\n                    target=\"_blank\"><i class=\"fa fa-creative-commons\"></i>\n                    Attribution 4.0 License</a></p>\n                </div>\n\n\n                <div class=\"col-md-4 text-center\">\n                    <p>Made with <i class=\"fa fa-heart\"></i> by <a href=\n                    \"http://www.clearcarer.ca\" target=\"_blank\"></a> <a href=\n                    \"http://www.clearcareer.ca\" target=\n                    \"_blank\">ClearCareer</a></p>\n                </div>\n\n\n                <div class=\"col-md-4\">\n                    <div class=\"social-footer\">\n                        <a href=\"http://www.twitter.com/izzydoesizzy\" target=\n                        \"_blank\"><i class=\"fa fa-twitter\"></i></a> <a href=\n                        \"http://www.instagram.com/izzydoesizzy\" target=\n                        \"_blank\"><i class=\"fa fa-instagram\"></i></a> <a href=\n                        \"https://ca.linkedin.com/in/ipiyale\" target=\n                        \"_blank\"><i class=\"fa fa-linkedin\"></i></a>  <a href=\n                        \"http://www.youtube.com/user/izzydoesizzy\" target=\n                        \"_blank\"><i class=\"fa fa-youtube\"></i></a> <a href=\n                        \"http://www.github.com/izzydoesizzy\" target=\n                        \"_blank\"><i class=\"fa fa-github\"></i></a>\n                    </div> <!-- /social footer -->\n                </div> <!-- /col-md-4 -->\n            </div><!-- /row -->\n        </div><!-- /container -->\n    </footer>\n    <!-- Bootstrap core JavaScript\n    ================================================== -->\n    <!-- Placed at the end of the document so the pages load faster -->\n    <script src=\n    \"https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js\">\n    </script> \n    <script>\n    window.jQuery || document.write('<script src=\"../../assets/js/vendor/jquery.min.js\"><\\/script>')\n    </script> \n    <script src=\"js/bootstrap.min.js\">\n    </script> \n    <script src=\"js/scripts.js\">\n    </script>\n</body>\n</html>"
  },
  {
    "path": "js/scripts.js",
    "content": "// ResumeTemplate v1.0 ClearCareer\n// url: clearcareer.ca\n// by: Iskender Piyale-Sheard\n// website: izzydoesizzy.com\n// Created 06-27-2016\n \n\n// Smooth Scroll Function\n$(function() {\n  $('a[href*=\"#\"]:not([href=\"#\"])').click(function() {\n    if (location.pathname.replace(/^\\//,'') == this.pathname.replace(/^\\//,'') && location.hostname == this.hostname) {\n      var target = $(this.hash);\n      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');\n      if (target.length) {\n        $('html, body').animate({\n          scrollTop: target.offset().top\n        }, 1000);\n        return false;\n      }\n    }\n  });\n});\n\n\n"
  }
]