<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="container-fluid">
        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#HTML5">HTML5</a></li>
            <li><a data-toggle="tab" href="#CSS3">CSS3</a></li>
            <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">MORE TUTORIALS<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a data-toggle="tab" href="#JAVASCRIPT">JAVASCRIPT</a></li>
                    <li><a data-toggle="tab" href="#BOOTSTRAP">BOOTSTRAP</a></li>
        <div class="tab-content">
            <div id="HTML5" class="tab-pane fade in active">
                <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 id="CSS3" class="tab-pane fade">
                <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,
            <div id="JAVASCRIPT" class="tab-pane fade">
                <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 id="BOOTSTRAP" class="tab-pane fade">
                <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>

.template{width:780px;margin:50px auto 10px;position:relative;}