"simple template"
Bootstrap 3.3.0 Snippet by ckssolutions

<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> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div id="header"> <h3>software solutions.com</h3> </div> <div id="navbar"> <ul> <li><a href="">Home</a></li> <li><a href="">About</a></li> <li><a href="">Services</a></li> <li><a href="">Products</a></li> <li><a href="">Contacts</a></li> </ul> </div> <div class="sideright"> <h2>Course details:</h2> <p>html</p> <p>css</p> <p>javascript</p> <p>jQuery</p> <p>Bootstrap</p> </div> <div class="sideright"> <h2>Course details:</h2> <p>php</p> <p>java</p> <p>.Net</p> <p>python</p> <p>ruby on rails</p> </div> <div> <img class="imgsidebar" src="http://codecondo.com/wp-content/uploads/2015/05/15-Directives-to-Extend-Your-Angular.js-Apps.jpg?478983"> </div> <div class="main"> <h1>welcome to sslabs</h1> <p> The HTML Certificate documents your knowledge of HTML. The CSS Certificate documents your knowledge of advanced CSS. The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM. The jQuery Certificate documents your knowledge of jQuery. The PHP Certificate documents your knowledge of PHP and SQL (MySQL). The XML Certificate documents your knowledge of XML, XML DOM and XSLT. The Bootstrap Certificate documents your knowledge of the Bootstrap framework. The HTML Certificate documents your knowledge of HTML. The CSS Certificate documents your knowledge of advanced CSS. The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM. The jQuery Certificate documents your knowledge of jQuery. The PHP Certificate documents your knowledge of PHP and SQL (MySQL). The XML Certificate documents your knowledge of XML, XML DOM and XSLT. The Bootstrap Certificate documents your knowledge of the Bootstrap framework. </p> <h1>About sslabs</h1> <p> The HTML Certificate documents your knowledge of HTML. The CSS Certificate documents your knowledge of advanced CSS. The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM. The jQuery Certificate documents your knowledge of jQuery. The PHP Certificate documents your knowledge of PHP and SQL (MySQL). The XML Certificate documents your knowledge of XML, XML DOM and XSLT. The Bootstrap Certificate documents your knowledge of the Bootstrap framework. The HTML Certificate documents your knowledge of HTML. The CSS Certificate documents your knowledge of advanced CSS. The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM. The jQuery Certificate documents your knowledge of jQuery. The PHP Certificate documents your knowledge of PHP and SQL (MySQL). The XML Certificate documents your knowledge of XML, XML DOM and XSLT. The Bootstrap Certificate documents your knowledge of the Bootstrap framework. </p> </div> <div class="main"> <h1>welcome to sslabs</h1> <p> The HTML Certificate documents your knowledge of HTML. The CSS Certificate documents your knowledge of advanced CSS. The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM. The jQuery Certificate documents your knowledge of jQuery. The PHP Certificate documents your knowledge of PHP and SQL (MySQL). The XML Certificate documents your knowledge of XML, XML DOM and XSLT. The Bootstrap Certificate documents your knowledge of the Bootstrap framework. The HTML Certificate documents your knowledge of HTML. The CSS Certificate documents your knowledge of advanced CSS. The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM. The jQuery Certificate documents your knowledge of jQuery. The PHP Certificate documents your knowledge of PHP and SQL (MySQL). The XML Certificate documents your knowledge of XML, XML DOM and XSLT. The Bootstrap Certificate documents your knowledge of the Bootstrap framework. </p> <h1>About sslabs</h1> <p> The HTML Certificate documents your knowledge of HTML. The CSS Certificate documents your knowledge of advanced CSS. The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM. The jQuery Certificate documents your knowledge of jQuery. The PHP Certificate documents your knowledge of PHP and SQL (MySQL). The XML Certificate documents your knowledge of XML, XML DOM and XSLT. The Bootstrap Certificate documents your knowledge of the Bootstrap framework. The HTML Certificate documents your knowledge of HTML. The CSS Certificate documents your knowledge of advanced CSS. The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM. The jQuery Certificate documents your knowledge of jQuery. The PHP Certificate documents your knowledge of PHP and SQL (MySQL). The XML Certificate documents your knowledge of XML, XML DOM and XSLT. The Bootstrap Certificate documents your knowledge of the Bootstrap framework. </p> </div> <div id="footer"> © 2016 software soutions.com All Right Reserved. </div> </div>
body{ background-color: #ddd; margin:0px; font-family: verdana,georgia,serif; font-size: 14px; } #header{ background-color:lightgreen; margin:10px; height: 90px; border-radius: 5px; } #navbar{ background-color:lightgreen; margin:10px; height: 35px; border-radius: 5px; } #navbar ul{ background-color:#000; padding:10px; list-style-type: none; text-align: center; border-radius: 5px; } #navbar ul li{ display: inline; } #navbar ul li a{ text-decoration: none; color:#fff; margin: 5px; padding: 10px; } #navbar ul li a:hover{ background-color: #ddd; color:#000; } .main{ background-color:lightblue; padding: 10px; margin-left:10px; margin-right: 330px; margin-top: 10px; margin-bottom: 10px; border-radius: 5px; font-size: 80%; text-align: justify; } .sideright{ background-color:lightblue; padding: 20px; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom: 10px; border-radius: 5px; font-size: 115%; float: right; width:250px; clear: right; } .imgsidebar{ margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom: 10px; border-radius: 5px; float: right; width:290px; clear: right; opacity: 1.0px; transition: opacity 0.5s ease-in-out; } .imgsidebar:hover{ opacity: 0.4; } #footer{ background-color:lightgreen; margin:10px; height: 35px; border-radius: 5px; clear: both; text-align: center; font-size: 100%; color:#fff; padding: 15px; } } h1{ color: red; font-size: 120%; } h2{ color: blue; font-size: 110%; } h3{ font-size: 200%; text-align: center; color: #fff; margin: 0px; top: 35%; position: relative; }

Related: See More


Questions / Comments: