<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="page-header">
<h1 id="timeline">Web Site</h1>
</div>
<ul class="timeline">
<li>
<div class="timeline-badge"><i class="glyphicon glyphicon-home"></i></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">Home Page</h4>
<p><small class="text-muted"><i class="glyphicon glyphicon-time"></i>Welcome to My Website</small></p>
</div>
<div class="timeline-body">
<p>A home page is generally the first page a visitor navigating to a website from a search engine will see,
and may also serve as a landing page to attract the attention of visitors. The home page is used to facilitate navigation to other pages on the site,
by providing links to important and recent articles and pages, and possibly a search box. For example,
a news website may present the headlines and first paragraphs of top stories, with links to the full articles,
in a dynamic web page that reflects the popularity and recentness of stories</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-badge warning"><i class="glyphicon glyphicon-stats"></i></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">Start page</h4>
</div>
<div class="timeline-body">
<p>A start page is the page first loaded when a web browser is started or a new window or tab page is opened in a browser. A start page is different from a home page: A home page is the initial or first page of a website. It is sometimes also written as "startpage."</p>
</div>
</div>
