OnLinux

Devops professionals with chef automation

>>
>> Experienced DevOps Consultant working in an Agile Environment (Scrum) and specialized in design, implementation, administration, configuration, upgrade and maintenance of Chef, Clearcase, ClearQuest, TFS, JIRA, Splunk, VMware ESX, NetApp.Storage, Flexlm License Server, Perforce, Tableau, and BladeLogic. Strong hands on experience in Chef, docker, AWS, Openstack, Mysql.
>> Good experience in automation using Unix shell scripting, PowerShell, PowerCLI and Perl. Experienced in delivering virtualised environments for multiple applications like TFS, Splunk, Bladelogic.. Good experience in Build and Release activities. Excellent interpersonal skills and ability to communicate effectively with all levels of management.A quick learner with the confidence to master new applications and technologies in order to deliver results.
>>
>> * Help companies setup Enterprise Chef Environment and conducted demos/PoCs.
>> * Enable macbook provisioning for a using Chef.
>> * Write Chef cookbooks for various requirements from clients.
>> * Write Ohai plugins, chef handlers.
>> * Work on Chef cookbook testing using foodcritic, chefspec, rubocop, Test Kitchen, Vagrant.
>> * Write cookbooks to create Docker containers using Chef.
>> * Design and implement complex and efficient Splunk dashboards using Splunk DB Connect and Sideview Utils.
>> * Involve in the administration of AWS, Openstack and Cloudstack setups.
>> * Setup of MySQL database, importing data from external sources into MySQL
>>
>>.

Senior Puppet Engineer

>
> Job Description:
>
> A candidate with good DevOps exposure and expertise on managing Puppet infrastructure on various cloud platforms (preferably AWS). He/She should have an excellent working knowledge of Linux with Puppet Master/Client setup.
>
> Desired Skills & Experience
> Strong hands-on experience on various• linux platforms. Good knowledge of linux shell scripting for automation of regular activities.
> Extensive experience in• DevOps and Puppet Master/Client setup.
> Proficient in deploying• Puppet, Puppet Dashboard, and Puppet DB for configuration management to the existing infrastructure.
> Experience in configuring parameters in Puppet for• different deployments.
> Experience in enterprise software monitoring tools• like Nagios, Cacti, OpsView, ManageEngine.
> Experience working with• scripting/programming languages (shell, PHP, Ruby, Python and/or Perl)
> Knowledge in configuring Puppet Foreman.•
> Knowledge in Puppet Hiera.•
> Understanding of cloud computing e.g.• AWS, Azure, and Google etc. will be an advantage.
> • Puppet Certified Professional will be an advantage.
> Monitoring: Nagios, Cacti, ManageEngine•

devops

>> 1Very Strong Linux/Unix administration background expertise in Scripting.

>> 2. Responsible for Design manage and maintain tools to automate operational processes using Chef Puppet Ansible and SaltStack etc.
>> 3. Implement systems that are highly available scalable and self-healing system and & IT Operations.
>> 4. Understand implement and automate security controls and governance processes.
>> 5. Build and manage development and testing environments assisting developers in debugging application issues.
>> 6. Ability to Use wide verity of open source technologies and tools.
>> 7.Contribute to the creation of system support documents such as run books Mandatory Skill Sets
>> 8. Experience with networking properly architecting high availability systems and security in an in premises and Cloud context

amazon training

Overview

We are developing a large scale website and are looking to automate the environment setup and parts of the software engineering process, build, package, deploy, and test within AWS.

For this test assignment, we are asking you to provide a development plan document for completing each of the tasks detailed below.
We will use your document to evaluate your knowledge of AWS and other software packages for build, package, deploy, and test
We are expecting that a great candidate will spend less than 8 hours and produce a clear and well researched dev plan.
If we like your plan, and your interview goes well, we will then hire you for a full time role, and your first tasks will be to execute your implementations!

Task 1 - Fully Automated environment setup

Create the cloudformation template and chief scripting required to bring up a dev, test, staging, or production web site

Must be fully automated; no manual intervention required whatsoever
web site AWS environment consists of RDS, Cloudfront, SQS, SNS, SES, and elastic beanstalk as well as other third party non-Amazon software.
must notify when environment is completely setup ready
DOD (Definition of Done) - this task is complete when I can specify a few parameters (examples, name of environment, size of farm), click a button, and receive an email notification containing the details of the environment when the environment is up and running.

Task 2 - Continuous 24/7 Testing Automation

create and administer a 24/7 test suite that runs against a selected environment
setup fully automated testing pipeline that detects SVN commits, builds and packages the website, then deploys it into the staging environment, without disrupting the automated testing
requires using existing monitoring tools
DOD - this task is complete when the following 2 capabilities are enabled

an svn commit command triggers a build, package, deploy into a configured environment, and then an email notification is received containing details of the deployment
a web page is available at all times that shows the results of all tests run in the last 8 hours against the configured environment

Instructions

When complete and ready to submit:

Please create and provide two (2) distinct plans. Both plans should be contained in a single Google document or folder, saved with the file name ACAE$60K1003_Lastname_Firstname (substituting your name for Lastname_Firstname) share it publicly, and proceed to this link for completing your submission.

Each plan should contain the following sections

Plan Summary

Define in one paragraph or 5 bullet points the most important parts of your plan.
Have you selected great services that will do the work for you without having to write much code? Is there a design pattern you will use that will make the automation maintainable and more robust? This is the section to highlight what makes your plan special.

Software List

Identify all software you will use, including development tools
You must reuse Amazon tools and best practices when they apply
When Amazon tools and best practices don't apply, open source standards should be used.
Writing code should only been done as a last resort. Configuring "off the shelf" software is preferable by far to writing code or frameworks.

Task Breakdown

Plan should cover the task breakdown to the level where the maximum task effort is 3 man hours.
use a Google spreadsheet and link to it from the Google doc
make sure it shared with the same people
provide the task breakdown in a form that you feel is as simple and easy to understand as possible

Total Effort

Each plan should include the total effort in man-hours. Assume you are the only one working on each project in your estimates.

Calendar Duration

Each plan should include the calendar duration-to-complete, measured in weeks and days. Again assume that you are the only one working each project

Finally, if we like your plan, you will be invited to the final phase of the application process. [NOTE: You may be asked to sign legal documents related to security and proprietary information before you move forward to the next step of the process. This is sometimes necessary if, in the next application phase, you will have access to such information for completing this phase.] The next phase for this position is an online video interview with the hiring manager. Instructions for scheduling this interview will be included in the invitation, should you successfully complete this testing phase. Once that interview is complete, only minor (and brief) administrative steps remain.

You have only 5 days from today to complete this testing phase.

steps how to invest your money

1. Follow the money. In today's economic environment you cannot save your way to millionaire status. The first step is to focus on increasing your income in increments and repeating that.

My income was $3,000 a month and nine years later it was $20,000 a month. Start following the money and it will force you to control revenue and see opportunities.

2. Don't show off. Show up! I didn't buy my first luxury watch or car until my businesses and investments were producing multiple secure flows of income. I was still driving a Toyota Camry when I had become a millionaire. Be known for your work ethic, not the trinkets that you buy.

3. Save to invest, don't save to save. The only reason to save money is to invest it. Put your saved money into secured, sacred (untouchable) accounts. Never use these accounts for anything, not even an emergency. This will force you to continue to follow step one (increase income). To this day, at least twice a year, I am broke because I always invest my surpluses into ventures I cannot access.

4. Avoid debt that doesn't pay you. Make it a rule that you never use debt that won't make you money. I borrowed money for a car only because I knew it could increase my income. Rich people use debt to leverage investments and grow cash flows. Poor people use debt to buy things that make rich people richer.

5. Treat money like a jealous lover. Millions wish for financial freedom, but only those that make it a priority have millions. To get rich and stay rich you will have to make it a priority. Money is like a jealous lover. Ignore it and it will ignore you, or worse, it will leave you for someone who makes it a priority.

6. Money doesn't sleep. Money doesn't know about clocks, schedules, or holidays, and you shouldn't either. Money loves people that have a great work ethic. When I was 26 years old, I was in retail and the store I worked at closed at 7 pm. Most times you could find me there at 11 pm making an extra sale. Never try to be the smartest or luckiest person — just make sure you outwork everyone.

7. Poor makes no sense. I have been poor, and it sucks. I have had just enough and that sucks almost as bad. Eliminate any and all ideas that being poor is somehow OK. Bill Gates has said, "If you're born poor, it's not your mistake. But if you die poor, it is your mistake."

8. Get a millionaire mentor. Most of us were brought up middle class or poor and then hold ourselves to the limits and ideas of that group. I have been studying millionaires to duplicate what they did. Get your own personal millionaire mentor and study them. Most rich people are extremely generous with their knowledge and their resources.

9. Get your money to do the heavy lifting. Investing is the Holy Grail in becoming a millionaire and you should make more money off your investments than your work. If you don't have surplus money you won't make investments. The second company I started required a $50,000 investment. That company has paid me back that $50,000 every month for the last 10 years.

My third investment was in real estate, where I started with $350,000, a large part of my net worth at the time. I still own that property today and it continues to provide me with income. Investing is the only reason to do the other steps, and your money must work for you and do your heavy lifting.

10. Shoot for $10 million, not $1 million. The single biggest financial mistake I've made was not thinking big enough. I encourage you to go for more than a million. There is no shortage of money on this planet, only a shortage of people thinking big enough.

Apply these 10 steps and they will make you rich. Steer clear of people that suggest your financial dreams are born of greed. Avoid get-rich-quick schemes, be ethical, never give up, and once you make it, be willing to help others get there too.

DevOps Engineer Role

>> Experience with Unix, Linux and open source software configuration and deployment.
>> Experience as Site Reliability Engineer handling different aspects of a production site like web servers, network issue debugging, good understanding of TCP/IP protocols, DNS, racking and cabling, server configuration and experience working in a 24x7 environment.
>> Experience with Cloud based environments Hadoop, Openstack or Azure and experience supporting production applications in a Cloud environment.
>> Good experience with scripting and automation using Perl, shell , Python or any other scripting languages.
>> Experience with configuration management software like Puppet, Cfengine or bcfg2.
>> Experience with monitoring of Enterprise servers using Nagios, Zabbix etc.
>> Experience with NoSQL environments like Cassandra, Hbase or Mongodb.
>> Basic experience handling databases like Oracle and MySQL and SQL.
>> Experience handling Cisco firewalls and/or Load Balancers would be a plus.
>>
>> -Should have worked in production and Cloud Based environment
>> -Exposure to open source software and scripting automation is mandatory
>> -Should have experience with monitoring and systems administration in Unix
>> -Cloud products like Hadoop, Cassandra , Openstack
>> -Perl/Python or shell scripting
>> -Production experience working in cloud and deployments

python code snippet

http://www.pythonforbeginners.com/code-snippets-source-code/
http://inventwithpython.com/chapter4.html
https://wiki.python.org/moin/SimplePrograms
http://www.ibm.com/developerworks/aix/library/au-python/
http://www.pythonforbeginners.com/code-snippets-source-code/?page=3
http://sysadminpy.com/blog.html
https://developers.google.com/edu/python/

perl bad elements to avoid

http://perl-begin.org/tutorials/bad-elements/#intro

using perl CGI jquery iframe , understanding parallel divs and vhost setting , Ribbon

Use this script on your OWN risk :) .. ( but it works )

this is this Vhost required for perl scripting

<VirtualHost *:80>
ServerAdmin webmaster@dummy-host.example.com
DocumentRoot /var/www/html
ServerName site2.example.com
ErrorLog logs/site2.example.com-error_log
CustomLog logs/site2.example.com-access_log common

ScriptAlias /cgi-bin/ "/var/www/cgi-bin/"
<Directory "/var/www/cgi-bin">
Options +ExecCGI
AddHandler cgi-script .cgi .pl
</Directory>

</VirtualHost>

-----------------------------------------------------------------------------------------------

the actual script

http://192.168.1.101/cgi-bin/test.pl

#!/usr/bin/perl

use strict;
use warnings;
use Data::Dumper;
use CGI;

my $cgi = new CGI;

my $server_html = '192.168.1.101/test';
my $server = '192.168.1.101/cgi-bin/test.pl';

my %input ;

for my $key ( $cgi->param() ) {
    $input{$key} = $cgi->param($key);
}

# unhash this for testing
#my %hash_dir_data = (

#            '20-03-2014' => [ 'jenkins_link_20-03-2014-11_21.html','jenkins_link_20-03-2014-11_22.html','jenkins_link_20-03-2014-11_23.html','jenkins_link_20-03-2014-11_24.html'],
#            '21-03-2014' => [ 'jenkins_link_21-03-2014-11_21.html','jenkins_link_21-03-2014-11_22.html','jenkins_link_21-03-2014-11_23.html','jenkins_link_21-03-2014-11_24.html'],
#            '22-03-2014' => [ 'jenkins_link_22-03-2014-11_21.html','jenkins_link_22-03-2014-11_22.html','jenkins_link_22-03-2014-11_23.html','jenkins_link_24-03-2014-11_24.html'],
#            '23-03-2014' => [ 'jenkins_link_23-03-2014-11_21.html','jenkins_link_23-03-2014-11_22.html','jenkins_link_23-03-2014-11_23.html','jenkins_link_23-03-2014-11_24.html'],
#            '24-03-2014' => [ 'jenkins_link_24-03-2014-11_21.html','jenkins_link_24-03-2014-11_22.html','jenkins_link_24-03-2014-11_23.html','jenkins_link_22-03-2014-11_24.html']
#   );

#hash this out for testing
my %hash_dir_data = find_files_data();

html_css_js();

#<span>21-03-2014 </span>
#<a class="Days_list" href="http://www.rapidtables.com/web/tools/linked-page.htm">The Link Text</a>
my $counter = 1;

foreach my $dir ( sort keys %hash_dir_data ) {
   print '<span onclick="return showHide(\''.$counter.'\')" >'.$dir.' </span> ';
   print '<div style="display:none;" id="Days_list-'. $counter .'"   > ';
   foreach my $Jhtmlfile ( @{$hash_dir_data{$dir}}) {
   #print '<a    style="display:none;" id="Days_list-'. $counter .'" class="Days_list" href="http://'.$server.'/'.$dir.'/'.$Jhtmlfile .'"> '. $Jhtmlfile .'</a>';
   print '<a class="Days_list" href="http://'.$server.'?jenkinslink='.$dir.'/'.$Jhtmlfile .'"> '. $Jhtmlfile .'</a>';

    }
   print '</div>';
   $counter++ ;

}

print '</div>';

my $input;

if ( $input{'jenkinslink'} ) {
html_iframe( $input{'jenkinslink'}, $server_html );

}

sub html_iframe {

my $jenkinslink = $_[0];

my $server_html = $_[1] ;

print '<div class="myiframedata" >';

#file FILEAHERE

print '<iframe src="http://'. $server_html .'/'. $jenkinslink.'" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" >';
print '</iframe>';
print '</div>';

print '</div>';
}

sub html_css_js {
print "Content-type: text/html\n\n";

print   <<'EOF'
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        </script>
        <script>

function showHide(id) {
   $( '#Days_list-'+id ).toggle("slow");
}

        </script>
        <style>

.ListDown {
    float: left;
    left: 0;
    overflow: auto;
    position: relative;
    width: 24%;
    margin-top:3%;
}

.ListDown span {
background: -moz-linear-gradient(center top , #003366 5%, #003F7F 100%) repeat scroll 0 0 #003366;
    border-color: #000000;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px 1px;
    color: #FFFFFF;
    display: block;
    font-family: Arial;
    font-size: 9px;
    font-weight: bold;
    padding: 15px;
    text-align: left;
    width: 187px;
    height: 0px;
}

a.Days_list:link {
   color: Teal;
   background-color: #FFFFFF;
   text-decoration: none;
   target-new: none;
   display: block;
   /*background: -moz-linear-gradient(center top , #003366 5%, #003F7F 100%) repeat scroll 0 0 #003366;*/
    border-color: #000000;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px 1px;
    color: #FFFFFF;
    display: block;
    font-family: Arial;
    font-size: 9px;
    font-weight: bold;
    padding: 15px;
    text-align: left;
    width: 187px;
    height: 0px;
   color: #0000FF;
   background-color: #FFFFC0;
   text-decoration: underline;
   target-new: window;

}

.myiframedata {
    float: left;
    overflow: visible;
    padding: 0;
    position: relative;
    right: 1%;
    width: 58%;
    margin-top:3%;
}
.myiframedata iframe {
    border: 13px solid #FFFFFF;
    float: left;
    height: 110%;
    width: 148%;
    margin-top: -16px;
}

.topbar{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:28px;
   background-color:black;
    -webkit-box-shadow: #B3B3B3 2px 2px 2px;
    -moz-box-shadow: #B3B3B3 2px 2px 2px;
    box-shadow: #B3B3B3 2px 2px 2px;
    z-index: 1;

}

         </style>
    </head>
    <body>
<div>
<object   class="topbar" data="http://192.168.1.101/ribbon.html" scrolling=no>
<embed scrolling="no" src="http://192.168.1.101/ribbon.html" > </embed>
</object>

<div class="ListDown" >

EOF

}

sub find_files_data {

my $datapath = '/var/www/html/test';
my %ret_hash_data ;

opendir( FH, $datapath) or die "cannot open file ";
my @alldir = readdir FH;
close( FH) ;

foreach my $diri (@alldir) {
next unless $diri =~ /\d{2}-\d{2}-\d{4}$/;

   opendir ( FRE, $datapath.'/'.$diri) or die "cannot open file $datapath.$diri $! " ;
   my @J_htmla_files = readdir FRE;
   close (FRE);

   foreach my $J_files ( @J_htmla_files ) {
        next unless $J_files =~ m/^.*\.html$/;

        push ( @{$ret_hash_data{$diri}}, $J_files ) ;

   }

}

return %ret_hash_data ;

}

-----------------------------------------------------------------------------------------------------

the iframe html file see FILEAHERE

<html>
<head>

<style>

.CSSTableGenerator {
    border: 0px solid #000000;
    border-radius: 0px;
    box-shadow: 10px 10px 5px #888888;
    margin: 74px;
    padding: 0px;
    width: 84%;
    margin: 11;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;

}
.CSSTableGenerator table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px;
    padding: 0;
    width: 100%;
}

.CSSTableGenerator td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #CCCCCC;
    border-color: #000000;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: #000000;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    padding: 7px;
    text-align: left;
    vertical-align: middle;
    height: 20px;
}

.CSSTableGenerator span {
    -webkit-border-radius: 22px 22px 0px 0px;-moz-border-radius: 22px 22px 0px 0px;border-radius: 22px 22px 0px 0px;
    background: -moz-linear-gradient(center top , #003366 5%, #003F7F 100%) repeat scroll 0 0 #003366;
    border-color: #000000;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px 1px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display:block;
    padding: 15px;
}

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script >

function showHide(id) {
   $( '#tabledata-'+id ).toggle("slow");
}

</script>
</head>
<body>
    <div class="CSSTableGenerator" >
       <span onclick="return showHide('1')" > I am here to ooooooo </span>
                <table   style="display:none;"   id="tabledata-1" >
                    <tr >
                        <td> Title 1 i am here </td>
                    </tr >
                    <tr>
                        <td > Row 1 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 3 </td>
                    </tr>
                </table>
            </div>
    <div class="CSSTableGenerator" >
       <span onclick="return showHide('2')" > I am here to ooooooo </span>
                <table style="display:none;" id="tabledata-2" >
                    <tr>
                        <td> Title 1 </td>
                    </tr>
                    <tr>
                        <td > Row 1 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 3 </td>
                    </tr>
                </table>
            </div>
    <div class="CSSTableGenerator" >
       <span onclick="return showHide('3')"> I am here to ooooooo </span>
                <table style="display:none;" id="tabledata-3" >
                    <tr>
                        <td> Title 1 </td>
                    </tr>
                    <tr>
                        <td > Row 1 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 3 </td>
                    </tr>
                </table>
            </div>
</body>
</html>

--------------------------------------------------------------------------------------------------------------------------------------

header navigation bar ribbon.html

<style>

#menu_wrap {
    list-style-type: none;
    font-size: smaller;
    margin-top: -14px;
}
.button a {
    cursor: pointer;
    float: left;
    font: 700 13px/100% Arial,Helvetica,sans-serif;
    height: 7px;
    min-width: 36px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    font-size: smaller;
}

</style>

<ul id="menu_wrap" class="l_Blue">
    <li class="button"><a href="#">Home</a>
    </li>
    <li class="button"><a href="#">portfolios</a>
    </li>
    <li class="button"><a href="#">Latest Projects</a>
    </li>
    <li class="button"><a href="#">Top Sales</a>
    </li>
    <li class="button"><a href="#">new post</a>
    </li>
    <li class="button"><a href="#">advertise</a>
    </li>
    <li class="button"><a href="#">about us</a>
    </li>
</ul>

--------------------------------------------

collapse div with jquery

<html>
<head>

<style>

.CSSTableGenerator {
    border: 0px solid #000000;
    border-radius: 0px;
    box-shadow: 10px 10px 5px #888888;
    margin: 74px;
    padding: 0px;
    width: 68%;
    margin: 35;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;

}
.CSSTableGenerator table {
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    margin: 0px;
    padding: 0;
    width: 100%;
}

.CSSTableGenerator td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #CCCCCC;
    border-color: #000000;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: #000000;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    padding: 7px;
    text-align: left;
    vertical-align: middle;
}

.CSSTableGenerator span {
    -webkit-border-radius: 22px 22px 0px 0px;-moz-border-radius: 22px 22px 0px 0px;border-radius: 22px 22px 0px 0px;
    background: -moz-linear-gradient(center top , #003366 5%, #003F7F 100%) repeat scroll 0 0 #003366;
    border-color: #000000;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px 1px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display:block;
    padding: 15px;
}

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script >

function showHide(id) {
   $( '#tabledata-'+id ).toggle("slow");
}

</script>
</head>
<body>
    <div class="CSSTableGenerator" >
       <span onclick="return showHide('1')" > I am here to ooooooo </span>
                <table   style="display:none;"   id="tabledata-1" >
                    <tr >
                        <td> Title 1 i am here </td>
                    </tr >
                    <tr>
                        <td > Row 1 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 3 </td>
                    </tr>
                </table>
            </div>
    <div class="CSSTableGenerator" >
       <span onclick="return showHide('2')" > I am here to ooooooo </span>
                <table style="display:none;" id="tabledata-2" >
                    <tr>
                        <td> Title 1 </td>
                    </tr>
                    <tr>
                        <td > Row 1 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 3 </td>
                    </tr>
                </table>
            </div>
    <div class="CSSTableGenerator" >
       <span onclick="return showHide('3')"> I am here to ooooooo </span>
                <table style="display:none;" id="tabledata-3" >
                    <tr>
                        <td> Title 1 </td>
                    </tr>
                    <tr>
                        <td > Row 1 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 2 </td>
                    </tr>
                    <tr>
                        <td > Row 3 </td>
                    </tr>
                </table>
            </div>
</body>
</html>

Pages