<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 class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">BACKEND
            <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a data-toggle="tab" href="#PHP">PHP</a></li>
              <li><a data-toggle="tab" href="#PYTHON">PYTHON</a></li>
              <li><a data-toggle="tab" href="#JAVA">JAVA</a></li> 
            </ul>
          </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 id="PHP" class="tab-pane fade">
            <h3>PHP</h3>
            <p>PHP is an acronym for PHP: Hypertext Preprocessor it is a widely-used open source(free).  PHP is a server-side scripting language designed primarily for web development and web applications. Originally created by Rasmus Lerdorf in 1994.  PHP files have extension ".php".</p>

            <p>You continue the php should have a basic understanding of the HTML, CSS, JavaScript.</p>
            
            <p>PHP can be embedded within a normal HTML web pages. The PHP code is start and end processing instructions  <?php and ?>   that allow you to jump into and out of "PHP mode."   PHP code are executed on the server, and the result is returned to the browser as plain HTML..</p>
        </div>
        <div id="PYTHON" class="tab-pane fade">
            <h3>PYTHON</h3>
            <p>Python is an object-oriented, high level language, interpreted, dynamic and multipurpose programming language. 
Developed by Guido van Rossum in the early 1990. Like Perl, Python source code is also available under the GNU General Public License (GPL).  Python runs on many Unix variants, on the Mac, and on Windows 2000 and later.</p>
                <p>The Python interpreter and the extensive standard library are freely available in source or binary form for all major platforms from the Python Web site, https://www.python.org/, and may be freely distributed. The Python interpreter is easily extended with new functions and data types implemented in C or C++ (or other languages callable from C). Python is also suitable as an extension language for customizable applications.</p>
        </div>
        <div id="JAVA" class="tab-pane fade">
            <h3>JAVA</h3>
            <p>Java is an object-oriented programming language developed by Sun Microsystems and released in 1995.</p>

            <p>Java was originally developed by James Gosling at Sun Microsystems (which has since merge into Oracle Corporation).</p>
            
            <p>Java programs are platform independent which means they can be run on any operating system with any type of processor as long as the Java interpreter is available on that system.</p>
            
            <p>Java code that runs on one platform does not need to be recompiled to run on another platform, it’s called write once, run anywhere(WORA).</p>
            
            <p>Java Virtual Machine (JVM) executes Java code, but is written in platform specific languages such as C/C++/ASM etc. JVM is not written in Java and hence cannot be platform independent and Java interpreter is actually a part of JVM.</p>
        </div>
        </div>
    </div>
  </div>  
</div>
.template{width:780px;margin:50px auto 10px;position:relative;}