menu

Thursday, 9 October 2014

vertical Tab

<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Tab</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div class="container">
  <section>
    <div id="container_buttons">
      <div style="clear:both"></div>
      <ul>
        <li class="toggle"> <a href="#One">A clock made in CSS3 | NO Javascript</a>
          <p id="One"> Lets start learning CSS3 before its too late, I just saw a website which amazed me with its animation effects. First I thought that the site is using some JQuery libraries but when I actually went into the code, I found it is CSS3. So I started learning it, and today I made my first <a href="http://www.e-technology.co.in">Read more...</a> </p>
        </li>
        <li class="toggle"> <a href="#Two">Learn CakePHP From Novice to Professional : Part 2</a>
          <p id="Two"> Model-View-Controller Cake enforces an MVC structure for your web applications. Basically, it effectively separates typical operations into specific areas: MODELS : for all your database interaction VIEWS : for all your output and displays CONTROLLERS : for all your commands/scripts for input and program flow The typical PHP application mixes each of these three functions <a href="http://www.e-technology.co.in">Read more...</a> </p>
        </li>
        <li class="toggle"> <a href="#Three">Learn CakePHP From Novice to Professional : Part 1</a>
          <p id="Three"> This guide is for beginners to CakePHP. Whether or not you have much experience with the PHP scripting language, working in Cake will require some new methods you may or may not have tried before. If you don't know what a "has-and-belongs-to-many" relationship is, don't know how to build your own class object, or don't <a href="http://www.e-technology.co.in">Read more...</a> </p>
        </li>
        <li class="toggle"> <a href="#Four">Google Maps Server Side Geocoding Using PHP and Infobox Fully AJAX</a>
          <p id="Four"> Recently I got a new project of real estate where I had to display about 1000 of projects on the google map. I was having the address of 1000 projects, so I started with my php and js code. When I coded and started testing, I found that on the map only 20-30 markers were <a href="#">Read more...</a> </p>
        </li>
        <li class="toggle"> <a href="#Five">Learn Codeigniter | Codeigniter Tutorial | Codeigniter Lessons | Part 1 | Webs Tutorial</a>
          <p id="Five"> What is CodeIgniter? CodeIgniter is an open source PHP framework. This framework is used to build web applications and websites. CodeIgniter is best for developers who are into front-end development. It's easy to learn and it's fully flexibe. To learn CI (CodeIgniter), you should know PHP, MYSQL, OOPs and MVC. If you are new to <a href="http://www.e-technology.co.in">Read more...</a> </p>
        </li>
      </ul>
      <em style="float: right;margin:10px 0;"><a href="http://www.e-technology.co.in" title="etechnology">e-technology</a> </em> </div>
  </section>
</div>
</body>
</html>


DOWNLOAD SOURCE CODE

No comments:

Post a Comment