Week 12: "Scrolling."

<!DOCTYPE html>
<html>
<head>
  <title>Scrolling Sections</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
<link rel="stylesheet" href="line.css" />

<style>

.container {
  width: 890px;
}

#graphic {
  padding-top: 60px;
}

#sections {
  position: relative;
  display: inline-block;
  width: 250px;
  top: 0px;
  z-index: 90;
  padding-bottom: 250px;
}

.step {
  margin-bottom: 200px;
  font-family: "TiemposTextWeb-Regular","Georgia";
  font-size: 16px;
  line-height: 23px;
  color: #767678;
}

#sections .title {
  font-family: Arial,Helvetica,"san-serif";
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2px;
  color: #262626;
  line-height: 1.2em;
}

#extra-space {
  height: 300px;
}

#vis {
  display: inline-block;
  position: fixed;
  top: 60px;
  z-index: 1;
  margin-left: 0;
  font-size: 10px;
}

</style>
</head>
<body>
<div class="container">
  <div id='graphic'>
    <div id='sections'>
      <section class="step">
        
        <div class="title">Child Deaths</div>
        Under 5 mortality rates across the world.
      </section>
      <section class="step">
        
        <div class="title">In 2015</div>
        According to UNICEF, an estimated 5.9 million children under five years old will die. This means that every minute, 11 children will die.
      </section>
      <section class="step">
        
        <div class="title">Europe and Central Asia</div>
          Infant mortality rate in this zones is quite small.
      </section>
      <section class="step">
        
        <div class="title">The 'stans' case</div>
          But a group of countries have some alarming rates, like Tajikistan.
      </section>
      
      <section class="step">
      <div class="title">The 'stans' case</div>
        Or Turkmenistan.
      </section>
    </section>
      <section class="step">
        
        <div class="title">Africa</div>
        But let's compare it with the Sub-Saharan Africa. Here it's the big challenge. Africa has an infant mortality rate that is 15 times the
average for developed regions, although it has decreased during the last years.
      </section>
      <section class="step">
        
        <div class="title">Angola</div>
        And among them, Angola has the saddest record.
      </section>
      
  <section class="step">
      <div class="title">Angola</div>
      The hightest infant mortality rate in the world.
    </section>
    </div>
    <div id='vis'>
    </div>
    <div id="extra-space">
    </div>
  </div>
</div>

Modified http://d3js.org/queue.v1.min.js to a secure url

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js

https://code.jquery.com/jquery-1.9.1.min.js

https://d3js.org/queue.v1.min.js