<link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="https://getbootstrap.com/docs/3.3/dist/js/bootstrap.min.js"></script>


<div class="template">
    
  <div class="col-md-12">
    <div class="col-md-3">
    <ul class="nav nav-pills nav-stacked">
        <li class="active"><a data-toggle="tab" href="#HTML5">HTML5</a></li>
        <li><a data-toggle="tab" href="#CSS3">CSS3</a></li>
        <li><a data-toggle="tab" href="#JAVASCRIPT">JAVASCRIPT</a></li>
        <li><a data-toggle="tab" href="#JQUERY">JQUERY</a></li>
        <li><a data-toggle="tab" href="#BOOTSTRAP">BOOTSTRAP</a></li>
        <li><a data-toggle="tab" href="#ANGULARJS">ANGULARJS</a></li>
    </ul>
    </div>
    <div class="col-md-9">
        <div class="tab-content">
        <div id="HTML5" class="tab-pane fade in active">
            <h3>HTML5</h3>
            <p>HTML5 (No space between "HTML" and "5")is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and current version of the HTML standard.</p>
           <p>It was published in 28 October 2014, W3C also published an HTML 5.1 Candidate Recommendation on 21 June 2016. The World Wide Web Consortium (W3C) to improve the language with support for the latest multimedia, while keeping it both easily readable by humans and consistently understood by computers and devices such as web browsers. HTML5 is intended to subsume not only HTML 4, but also XHTML 1 and Document Object Model (DOM) Level 2 HTML.</p>
        </div>
        <div id="CSS3" class="tab-pane fade">
            <h3>CSS3</h3>
            <p>The CSS was started to develop around 1998. And till 2009, it was under development. The first working draft of CSS3 came in 19-01-2001. but it was initially declared early in the June 1999. The main difference  between css2 and css3 is Media Queries, Namespaces, Selectors Level 3, Color.</p>
        </div>
        <div id="JAVASCRIPT" class="tab-pane fade">
            <h3>JAVASCRIPT</h3>
            <p>JavaScript is the programming language of the Web. Javascript Most commonly used websites this is client-side script to interact with the user and make dynamic pages. All modern web browsers on desktops, tablets, and smart phones are using JavaScript. JavaScript is part of the triad of technologies that all Web developers must learn: HTML(Hyper Text Markup Language) to specify the content of web pages, CSS(Cascading Style Sheets) to specify the presentation of web pages, and JavaScript to specify the behavior of web pages.</p>
        </div>
         <div id="JQUERY" class="tab-pane fade">
            <h3>JQUERY</h3>
            <p>jQuery is a set of (a rich bundle of) JavaScript libraries that helps users apply dynamic functionality to web pages with great ease. It is designed to simplify the client-side scripting of HTML.  jQuery provides several powerful features, including the ability to access a part of a webpage,  HTML document traversal and manipulation, modify the content on fly, add animation, event handling,  apply AJAX, and more.</p>
        </div>
        <div id="BOOTSTRAP" class="tab-pane fade">
            <h3>BOOTSTRAP</h3>
            <p>Bootstrap is the most popular HTML, CSS and JavaScript framework for  developing responsive, mobile-first web sites. Bootstrap is faster and easier web development.</p>
    
            <p>Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.</p>
        </div>
        <div id="ANGULARJS" class="tab-pane fade">
            <h3>ANGULARJS</h3>
            <p>Bootstrap is the most popular HTML, CSS and JavaScript framework for developing responsive, mobile-first web sites. Bootstrap is faster and easier web development.</p>
    
            <p>Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.</p>
        </div>
        </div>
    </div>
  </div>  
</div>
.template{width:780px;margin:50px auto 10px;position:relative;}