Weeds is an American dark comedy-drama series created by Jenji Kohan. The central character is Nancy Botwin, a widowed mother of two boys who begins selling cannabis to support her family after her husband dies suddenly of a heart attack. Over the course of the show, she and her family become increasingly entangled in illegal activities.

When Leonard Vole is arrested for the sensational murder of a rich, middle-aged widow, the famous Sir Wilfrid Robarts agrees to appear on his behalf. Sir Wilfrid, recovering from a near-fatal heart attack, is supposed to be on a diet of bland, civil suits—but the lure of the criminal courts is too much for him, especially when the case is so difficult.

A down-to-earth account of the lives of both illustrious and ordinary Romans set in the last days of the Roman Republic.

Cesar Millan has been called the Dr. Phil for Dogs. With an uncanny ability to rehabilitate problem dogs of all shapes and sizes. Each episode of the Dog Whisperer documents the remarkable transformations that take place under Cesar's guidance and teaching, helping dogs and their owners live happier lives together.

• Duck Soup: To rescue the small country of Freedonia from bankruptcy, Mrs Teasdale agrees to donate 20 million dollars if Rufus T. Firefly is appointed its new president.
• Horse Feathers: Professor Quincy Wagstaff has just been installed as the new president of Huxley College.
• Monkey Business: While stowing away on a ship to America, the boys get involuntarily pressed into service as toughs for a pair of feuding gangsters.
• Animal Crackers: Captain Spaulding, the noted explorer, returns from Africa and attends a gala party held by Mrs. Rittenhouse.
• The Cocoanuts: Mr. Hammer runs a bankrupt hotel in Florida, where he will try anything to make money.

Dead Like Me follows a group of undead grim reapers tasked with shepherding the recently departed into the afterlife.

Tense drama series about the different challenges faced by the British Security Service as they work against the clock to safeguard the nation. The title is a popular colloquialism for spies, and the series follows the work of a group of MI5 officers based at the service's Thames House headquarters, in a highly secure suite of offices known as The Grid.

Two musicians witness a mob hit and struggle to find a way out of the city before they are found by the gangsters. Their only opportunity is to join an all-girl band as they leave on a tour. To make their getaway they must first disguise themselves as women, then keep their identities secret and deal with the problems this brings - such as an attractive bandmate and a very determined suitor.

The story of the Second World War through the personal accounts of a handful of men and women from four American towns. The war touched the lives of every family on every street in every town in America and demonstrated that in extraordinary times, there are no ordinary lives.

Follow Alex Honnold as he attempts to become the first person to ever free solo climb Yosemite's 3,000 foot high El Capitan wall. With no ropes or safety gear, this would arguably be the greatest feat in rock climbing history.

Video game bad guy Ralph and fellow misfit Vanellope von Schweetz must risk it all by traveling to the World Wide Web in search of a replacement part to save Vanellope's video game, "Sugar Rush." In way over their heads, Ralph and Vanellope rely on the citizens of the internet -- the netizens -- to help navigate their way, including an entrepreneur named Yesss, who is the head algorithm and the heart and soul of trend-making site BuzzzTube.

Between personal obligations and training for his next big fight against an opponent with ties to his family's past, Adonis Creed is up against the challenge of his life.

The incredible story of genius musician Wolfgang Amadeus Mozart, told in flashback by his peer and secret rival, Antonio Salieri—now confined to an insane asylum.

Icons List

• apple
• android
• github
• windows
• linux
• skype
• btc
• css3
• html5
• bitbucket
• maxcdn
• dropbox
• facebook
• twitter

<ul class="icons-list">

  <li>
    <a href="#">
      <i class="fa fa-apple"><span class="sr-only">apple</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-android"><span class="sr-only">android</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-github"><span class="sr-only">github</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-windows"><span class="sr-only">windows</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-linux"><span class="sr-only">linux</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-skype"><span class="sr-only">skype</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-btc"><span class="sr-only">btc</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-css3"><span class="sr-only">css3</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-html5"><span class="sr-only">html5</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-bitbucket"><span class="sr-only">bitbucket</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-maxcdn"><span class="sr-only">maxcdn</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-dropbox"><span class="sr-only">dropbox</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-facebook"><span class="sr-only">facebook</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-twitter"><span class="sr-only">twitter</span></i>
    </a>
  </li>

</ul>

Icons List - Large

• apple
• android
• github
• windows
• linux
• skype
• btc
• css3
• html5
• bitbucket
• maxcdn
• dropbox
• facebook
• twitter

<ul class="icons-list icons-list--large">

  <li>
    <a href="#">
      <i class="fa fa-apple"><span class="sr-only">apple</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-android"><span class="sr-only">android</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-github"><span class="sr-only">github</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-windows"><span class="sr-only">windows</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-linux"><span class="sr-only">linux</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-skype"><span class="sr-only">skype</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-btc"><span class="sr-only">btc</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-css3"><span class="sr-only">css3</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-html5"><span class="sr-only">html5</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-bitbucket"><span class="sr-only">bitbucket</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-maxcdn"><span class="sr-only">maxcdn</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-dropbox"><span class="sr-only">dropbox</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-facebook"><span class="sr-only">facebook</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-twitter"><span class="sr-only">twitter</span></i>
    </a>
  </li>

</ul>

Icons List - Extra large

• apple
• android
• github
• windows
• linux
• skype
• btc
• css3
• html5
• bitbucket
• maxcdn
• dropbox
• facebook
• twitter

<ul class="icons-list icons-list--extra-large">

  <li>
    <a href="#">
      <i class="fa fa-apple"><span class="sr-only">apple</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-android"><span class="sr-only">android</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-github"><span class="sr-only">github</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-windows"><span class="sr-only">windows</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-linux"><span class="sr-only">linux</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-skype"><span class="sr-only">skype</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-btc"><span class="sr-only">btc</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-css3"><span class="sr-only">css3</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-html5"><span class="sr-only">html5</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-bitbucket"><span class="sr-only">bitbucket</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-maxcdn"><span class="sr-only">maxcdn</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-dropbox"><span class="sr-only">dropbox</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-facebook"><span class="sr-only">facebook</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-twitter"><span class="sr-only">twitter</span></i>
    </a>
  </li>

</ul>

Icons List with images

• 
• 
• 
• windows
• linux
• skype
• btc
• css3
• html5
• bitbucket
• maxcdn
• dropbox
• facebook
• twitter

<ul class="icons-list icons-list--extra-large">

  <li>
    <a href="#">
      <img src="#" alt="">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="#" alt="">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="#" alt="">
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-windows"><span class="sr-only">windows</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-linux"><span class="sr-only">linux</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-skype"><span class="sr-only">skype</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-btc"><span class="sr-only">btc</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-css3"><span class="sr-only">css3</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-html5"><span class="sr-only">html5</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-bitbucket"><span class="sr-only">bitbucket</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-maxcdn"><span class="sr-only">maxcdn</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-dropbox"><span class="sr-only">dropbox</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-facebook"><span class="sr-only">facebook</span></i>
    </a>
  </li>
  <li>
    <a href="#">
      <i class="fa fa-twitter"><span class="sr-only">twitter</span></i>
    </a>
  </li>

</ul>

Icons List with tooltips

• apple
• android
• github
• windows
• linux
• skype
• btc
• css3
• html5
• bitbucket
• maxcdn
• dropbox
• facebook
• twitter

<ul class="icons-list">

  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-apple"><span class="sr-only">apple</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-android"><span class="sr-only">android</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-github"><span class="sr-only">github</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-windows"><span class="sr-only">windows</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-linux"><span class="sr-only">linux</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-skype"><span class="sr-only">skype</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-btc"><span class="sr-only">btc</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-css3"><span class="sr-only">css3</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-html5"><span class="sr-only">html5</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-bitbucket"><span class="sr-only">bitbucket</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-maxcdn"><span class="sr-only">maxcdn</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-dropbox"><span class="sr-only">dropbox</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-facebook"><span class="sr-only">facebook</span></i>
    </a>
  </li>
  <li>
    <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip text">
      <i class="fa fa-twitter"><span class="sr-only">twitter</span></i>
    </a>
  </li>

</ul>

Social Links

• Facebook
• Twitter
• Behance
• Dribbble
• Instagram
• Vimeo
• Youtube
• Google+

  <ul class="social-links social-links--inline text-center">
    <li>
      <a href="#" class="hover-color-facebook">Facebook</a>
    </li>
    <li>
      <a href="#" class="hover-color-twitter">Twitter</a>
    </li>
    <li>
      <a href="#" class="hover-color-behance">Behance</a>
    </li>
    <li>
      <a href="#" class="hover-color-dribbble">Dribbble</a>
    </li>
    <li>
      <a href="#" class="hover-color-instagram">Instagram</a>
    </li>
    <li>
      <a href="#" class="hover-color-vimeo">Vimeo</a>
    </li>
    <li>
    <a href="#" class="hover-color-youtube">Youtube</a>
    </li>
    <li>
    <a href="#" class="hover-color-googleplus">Google+</a>
    </li>
  </ul>

Lists - With Font Awesome Icons

    <ul class="list--fa-star">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
    

    <ul class="list--fa-caret-right">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
    

    <ul class="list--fa-plus">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
    

    <ul class="list--fa-square">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
    

    <ul class="list--fa-caret-right">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
    

    <ul class="list--fa-check">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
    

    <ul class="list--fa-check-circle">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
    

    <ul class="list--fa-custom">
      <li><i class="fa fa-map-marker"></i>Item 1</li>
      <li><i class="fa fa-phone"></i>Item 2</li>
      <li><i class="fa fa-fax"></i>Item 3</li>
    </ul>
    

Tabs

<div role="tabpanel">

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
  <li role="presentation" class="active">
    <a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a>
  </li>
  <li role="presentation">
    <a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a>
  </li>
  <li role="presentation">
    <a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div role="tabpanel" class="tab-pane fade in active" id="home">
    <p><strong>Home</strong> ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, exercitationem, quaerat veniam repudiandae illo ratione eaque omnis obcaecati quidem distinctio sapiente quo assumenda amet cumque nobis nulla qui dolore autem.</p>
  </div>
  <div role="tabpanel" class="tab-pane fade" id="profile">
    <p><strong>Profile</strong> ipsum dolor sit amet, consectetur adipisicing elit. Ut odio facere minima porro quis. Maiores eius quibusdam et in corrupti necessitatibus consequatur debitis laudantium hic.</p>
  </div>
  <div role="tabpanel" class="tab-pane fade" id="messages">
    <p><strong>Messages</strong> ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, optio error consectetur ullam porro eligendi mollitia odio numquam aut cumque. Sed, possimus recusandae itaque laboriosam nesciunt voluptates veniam aspernatur voluptate eaque ratione totam ipsa optio aliquam incidunt dolorum amet illum.</p>
  </div>
</div>

</div>

Vertical Tabs

<div role="tabpanel">

<!-- Nav tabs -->
<ul class="nav nav-tabs nav-tabs--vertical" role="tablist">
  <li role="presentation" class="active">
    <a href="#vertical-tab-1" aria-controls="vertical-tab-1" role="tab" data-toggle="tab">Home</a>
  </li>
  <li role="presentation">
    <a href="#vertical-tab-2" aria-controls="vertical-tab-2" role="tab" data-toggle="tab">Profile</a>
  </li>
  <li role="presentation">
    <a href="#vertical-tab-3" aria-controls="vertical-tab-3" role="tab" data-toggle="tab">Messages</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div role="tabpanel" class="tab-pane fade in active" id="vertical-tab-1">
    <p><strong>Home</strong> ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, exercitationem, quaerat veniam repudiandae illo ratione eaque omnis obcaecati quidem distinctio sapiente quo assumenda amet cumque nobis nulla qui dolore autem.</p>
  </div>
  <div role="tabpanel" class="tab-pane fade" id="vertical-tab-2">
    <p><strong>Profile</strong> ipsum dolor sit amet, consectetur adipisicing elit. Ut odio facere minima porro quis. Maiores eius quibusdam et in corrupti necessitatibus consequatur debitis laudantium hic.</p>
  </div>
  <div role="tabpanel" class="tab-pane fade" id="vertical-tab-3">
    <p><strong>Messages</strong> ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, optio error consectetur ullam porro eligendi mollitia odio numquam aut cumque. Sed, possimus recusandae itaque laboriosam nesciunt voluptates veniam aspernatur voluptate eaque ratione totam ipsa optio aliquam incidunt dolorum amet illum.</p>
  </div>
</div>

</div>

Accordion - Style 1

<div class="panel-group" id="accordion-example1" role="tablist" aria-multiselectable="true">
  <div class="panel panel-default">
    <div class="panel-heading panel-heading--trigger-icon" role="tab" id="headingOne">
      <div class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-example1" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          <span>1.</span> Home
        </a>
      </div>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
      <div class="panel-body">...</div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading panel-heading--trigger-icon" role="tab" id="headingTwo">
      <div class="panel-title">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion-example1" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          <span>2.</span> Configure
        </a>
      </div>
    </div>
    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
      <div class="panel-body">...</div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading panel-heading--trigger-icon" role="tab" id="headingThree">
      <div class="panel-title">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion-example1" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          <span>3.</span> Download
        </a>
        </div>
    </div>
    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
      <div class="panel-body">...</div>
    </div>
  </div>
</div>

Accordion - Style 2

<div class="panel-group panel-group--style-2" id="accordion-example2" role="tablist" aria-multiselectable="true">
  <div class="panel panel-default">
    <div class="panel-heading panel-heading--trigger-icon" role="tab" id="headingFour">
      <div class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-example2" href="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
          <span>1.</span> Home
        </a>
      </div>
    </div>
    <div id="collapseFour" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFour">
      <div class="panel-body">...</div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading panel-heading--trigger-icon" role="tab" id="headingFive">
      <div class="panel-title">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion-example2" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
          <span>2.</span> Configure
        </a>
      </div>
    </div>
    <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
      <div class="panel-body">...</div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading panel-heading--trigger-icon" role="tab" id="headingSix">
      <div class="panel-title">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion-example2" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
          <span>3.</span> Download
        </a>
        </div>
    </div>
    <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
      <div class="panel-body">...</div>
    </div>
  </div>
</div>

Button

<a href="#" class="button">Button</a>

Button - Hover Style 2

<a href="#" class="button button--hover-style-2">Button</a>

Progress Bars

<div class="progress-title">78% Complete (default)</div>
<div class="progress">
  <div class="progress-bar progress-bar-default" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 78%">
    <span class="sr-only">78% Complete (success)</span>
  </div>
</div>

<div class="progress-title">40% Complete (success)</div>
<div class="progress">
  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
    <span class="sr-only">40% Complete (success)</span>
  </div>
</div>

<div class="progress-title">20% Complete (info)</div>
<div class="progress">
  <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
    <span class="sr-only">20% Complete</span>
  </div>
</div>

<div class="progress-title">60% Complete (warning)</div>
<div class="progress">
  <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
    <span class="sr-only">60% Complete (warning)</span>
  </div>
</div>

<div class="progress-title">80% Complete (danger)</div>
<div class="progress">
  <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
    <span class="sr-only">80% Complete</span>
  </div>
</div>

<div class="progress-title">Results</div>
<div class="progress">
  <div class="progress-bar progress-bar-success" style="width: 40%">
    <span class="sr-only">35% A</span>
  </div>
  <div class="progress-bar progress-bar-info" style="width: 30%">
    <span class="sr-only">20% B</span>
  </div>
  <div class="progress-bar progress-bar-warning" style="width: 20%">
    <span class="sr-only">20% C</span>
  </div>
  <div class="progress-bar progress-bar-danger" style="width: 10%">
    <span class="sr-only">10% D</span>
  </div>
</div>

Famed but tormented artist Vincent van Gogh spends his final years in Arles, France, painting masterworks of the natural world that surrounds him.

When Pete and Ellie decide to start a family, they stumble into the world of foster care adoption. They hope to take in one small child but when they meet three siblings, including a rebellious 15 year old girl, they find themselves speeding from zero to three kids overnight.

Bob Parr has given up his superhero days to log in time as an insurance adjuster and raise his three children with his formerly heroic wife in suburbia. But when he receives a mysterious assignment, it's time to get back into costume.

England, early 18th century. The close relationship between Queen Anne and Sarah Churchill is threatened by the arrival of Sarah's cousin, Abigail Hill, resulting in a bitter rivalry between the two cousins to be the Queen's favourite.

Abortionist Vera Drake finds her beliefs and practices clash with the mores of 1950s Britain – a conflict that leads to tragedy for her family.

After her fiance is falsely imprisoned, a pregnant African-American woman sets out to clear his name and prove his innocence.

When a CIA operation to purchase classified Russian documents is blown by a rival agent, who then shows up in the sleepy seaside village where Bourne and Marie have been living. The pair run for their lives and Bourne, who promised retaliation should anyone from his former life attempt contact, is forced to once again take up his life as a trained assassin to survive.

Tony Lip, a bouncer in 1962, is hired to drive pianist Don Shirley on a tour through the Deep South in the days when African Americans, forced to find alternate accommodations and services due to segregation laws below the Mason-Dixon Line, relied on a guide called The Negro Motorist Green Book.

Everyone has secrets and Olivia Pope has dedicated her life to protecting and defending the public images of the elite by keeping those secrets under wraps. Pope and her team are at the top of their game when it comes to getting the job done for their clients, but it becomes apparent that these "gladiators in suits," who specialize in fixing the lives of other people, have trouble fixing those closest at hand -- their own.