diff --git a/projects-2.html b/projects-2.html
new file mode 100644
index 0000000..c6b8319
--- /dev/null
+++ b/projects-2.html
@@ -0,0 +1,236 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <title>Projects 2 Columns</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width">
+
+        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100">
+        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,400italic,300italic,300,500,500italic,700,900">
+        <!--
+        Artcore Template
+		http://www.templatemo.com/preview/templatemo_423_artcore
+        -->
+        <link rel="stylesheet" href="css/bootstrap.css">
+        <link rel="stylesheet" href="css/font-awesome.css">
+        <link rel="stylesheet" href="css/animate.css">
+        <link rel="stylesheet" href="css/templatemo-misc.css">
+        <link rel="stylesheet" href="css/templatemo-style.css">
+        <script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
+    </head>
+    <body>
+        <!--[if lt IE 7]>
+            <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
+        <![endif]-->
+
+        <section id="pageloader">
+            <div class="loader-item fa fa-spin colored-border"></div>
+        </section> <!-- /#pageloader -->
+
+        <header class="site-header container-fluid">
+            <div class="top-header">
+                <div class="logo col-md-6 col-sm-6">
+                    <h1><a href="index.html"><em>Sasi </em>Bonu</a></h1>
+                    <span> </span>
+                </div> <!-- /.logo -->
+                <div class="social-top col-md-6 col-sm-6">
+                    <ul>
+                        <li><a href="https://github.com/sasibonu" class="fa fa-github"></a></li>
+                        <li><a href="https://www.linkedin.com/in/sasi-bonu-98878116a/" class="fa fa-linkedin"></a></li>
+                    </ul>
+                </div> <!-- /.social-top -->
+            </div> <!-- /.top-header -->
+            <div class="main-header">
+                <div class="row">
+                    <div class="main-header-left col-md-3 col-sm-6 col-xs-8">
+                        <a id="search-icon" class="btn-left fa fa-search" href="#search-overlay"></a>
+                        <div id="search-overlay">
+                            <a href="#search-overlay" class="close-search"><i class="fa fa-times-circle"></i></a>
+                            <div class="search-form-holder">
+                                <h2>Type keywords and hit enter</h2>
+                                <form id="search-form" action="#">
+                                    <input type="search" name="s" placeholder="" autocomplete="off" />
+                                </form>
+                            </div>
+                        </div><!-- #search-overlay -->
+                    </div> <!-- /.main-header-left -->
+                    <div class="menu-wrapper col-md-9 col-sm-6 col-xs-4">
+                        <a href="#" class="toggle-menu visible-sm visible-xs"><i class="fa fa-bars"></i></a>
+                        <ul class="sf-menu hidden-xs hidden-sm">
+                            <li><a href="index.html">Introduction</a></li>
+                            <li><a href="eda.html">EDA</a></li>
+                            <li class="active"><a href="#">Projects</a>
+                                <ul>
+                                    <li><a href="projects-2.html">Two Columns</a></li>
+                                    <li><a href="projects-3.html">Three Columns</a></li>
+                                </ul>
+                            </li>
+                            <li><a href="conclusion.html">Conclusion</a></li>
+                            <li><a href="contact.html">Contact</a></li>
+                        </ul>
+                    </div> <!-- /.menu-wrapper -->
+                </div> <!-- /.row -->
+            </div> <!-- /.main-header -->
+            <div id="responsive-menu">
+                <ul>
+                    <li><a href="index.html">Introduction</a></li>
+                    <li><a href="eda.html">EDA</a></li>
+                    <li><a href="#">Projects</a>
+                        <ul>
+                            <li><a href="projects-2.html">Two Columns</a></li>
+                            <li><a href="projects-3.html">Three Columns</a></li>
+                        </ul>
+                    </li>
+                    <li><a href="conclusion.html">Conclusion</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+            </div>
+        </header> <!-- /.site-header -->
+
+        <div class="content-wrapper">
+            <div class="inner-container container">
+                <div class="row">
+                    <div class="section-header col-md-12">
+                        <h2>Projects 2 Columns</h2>
+                        <span> </span>
+                    </div> <!-- /.section-header -->
+                </div> <!-- /.row -->
+                <div class="projects-holder-2 row">
+                    <div class="filter-categories col-md-2 col-sm-3">
+                        <ul class="project-filter">
+                            <li class="filter" data-filter="all"><span>All</span></li>
+                            <li class="filter" data-filter="unsupervised"><span>Unsupervised</span></li>
+                            <li class="filter" data-filter="supervised"><span>Supervised</span></li>
+                        </ul>
+                    </div>
+                    <div class="projects-holder col-md-10 col-sm-9">
+                        <div class="row">
+                            <div class="col-md-6 col-sm-6 project-item mix design">
+                                <div class="project-thumb">
+                                    <img src="images/projects/clustering_main.png" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_1.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="clustering.html">Clustering</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-6 col-sm-6 project-item mix nature">
+                                <div class="project-thumb">
+                                    <img src="images/projects/pca_main.png" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_2.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="pca.html">Prinicipal Component Analysis</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-6 col-sm-6 project-item mix architecture">
+                                <div class="project-thumb">
+                                    <img src="images/projects/decision_tree_main.png" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_3.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="dt.html">Decision Tree</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-6 col-sm-6 project-item mix buildings">
+                                <div class="project-thumb">
+                                    <img src="images/projects/naive_bayes_main.png" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_4.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="nb.html">Naive Bayes</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-6 col-sm-6 project-item mix design">
+                                <div class="project-thumb">
+                                    <img src="images/projects/project_5.jpg" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_5.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="svm.html">Support Vector Machine</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-6 col-sm-6 project-item mix buildings architecture">
+                                <div class="project-thumb">
+                                    <img src="images/projects/project_6.jpg" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_6.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="nn.html">Neural Network</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-6 col-sm-6 project-item mix design">
+                                <div class="project-thumb">
+                                    <img src="images/projects/project_5.jpg" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_5.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="lr.html">Linear Regression</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                        </div> <!-- /.row -->
+                       <!--  <div class="load-more">
+                            <a href="javascript:void(0)" class="load-more">Load More</a>
+                        </div> -->
+                    </div> <!-- /.projects-holder -->
+                </div> <!-- /.projects-holder-2 -->
+            </div> <!-- /.inner-content -->
+        </div> <!-- /.content-wrapper -->
+
+        <script src="js/vendor/jquery-1.11.0.min.js"></script>
+        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>
+        <script src="js/plugins.js"></script>
+        <script src="js/main.js"></script>
+
+        <!-- Preloader -->
+        <script type="text/javascript">
+            //<![CDATA[
+            $(window).load(function() { 
+                $('.loader-item').fadeOut(); 
+                    $('#pageloader').delay(350).fadeOut('slow');
+                $('body').delay(350).css({'overflow-y':'visible'});
+            })
+            //]]>
+        </script>
+
+    </body>
+</html>
diff --git a/projects-3.html b/projects-3.html
new file mode 100644
index 0000000..dd71ab1
--- /dev/null
+++ b/projects-3.html
@@ -0,0 +1,236 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <title>Projects 3 Columns</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width">
+
+        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100">
+        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,400italic,300italic,300,500,500italic,700,900">
+        <!--
+        Artcore Template
+		http://www.templatemo.com/preview/templatemo_423_artcore
+        -->
+        <link rel="stylesheet" href="css/bootstrap.css">
+        <link rel="stylesheet" href="css/font-awesome.css">
+        <link rel="stylesheet" href="css/animate.css">
+        <link rel="stylesheet" href="css/templatemo-misc.css">
+        <link rel="stylesheet" href="css/templatemo-style.css">
+        <script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
+    </head>
+    <body>
+        <!--[if lt IE 7]>
+            <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
+        <![endif]-->
+
+        <section id="pageloader">
+            <div class="loader-item fa fa-spin colored-border"></div>
+        </section> <!-- /#pageloader -->
+
+        <header class="site-header container-fluid">
+            <div class="top-header">
+                <div class="logo col-md-6 col-sm-6">
+                    <h1><a href="index.html"><em>Sasi </em>Bonu</a></h1>
+                    <span> </span>
+                </div> <!-- /.logo -->
+                <div class="social-top col-md-6 col-sm-6">
+                    <ul>
+                        <li><a href="#" class="fa fa-github"></a></li>
+                        <li><a href="#" class="fa fa-linkedin"></a></li>
+                    </ul>
+                </div> <!-- /.social-top -->
+            </div> <!-- /.top-header -->
+            <div class="main-header">
+                <div class="row">
+                    <div class="main-header-left col-md-3 col-sm-6 col-xs-8">
+                        <a id="search-icon" class="btn-left fa fa-search" href="#search-overlay"></a>
+                        <div id="search-overlay">
+                            <a href="#search-overlay" class="close-search"><i class="fa fa-times-circle"></i></a>
+                            <div class="search-form-holder">
+                                <h2>Type keywords and hit enter</h2>
+                                <form id="search-form" action="#">
+                                    <input type="search" name="s" placeholder="" autocomplete="off" />
+                                </form>
+                            </div>
+                        </div><!-- #search-overlay -->
+                    </div> <!-- /.main-header-left -->
+                    <div class="menu-wrapper col-md-9 col-sm-6 col-xs-4">
+                        <a href="#" class="toggle-menu visible-sm visible-xs"><i class="fa fa-bars"></i></a>
+                        <ul class="sf-menu hidden-xs hidden-sm">
+                            <li><a href="index.html">Introduction</a></li>
+                            <li><a href="eda.html">EDA</a></li>
+                            <li class="active"><a href="#">Projects</a>
+                                <ul>
+                                    <li><a href="projects-2.html">Two Columns</a></li>
+                                    <li><a href="projects-3.html">Three Columns</a></li>
+                                </ul>
+                            </li>
+                            <li><a href="conclusion.html">Conclusion</a></li>
+                            <li><a href="contact.html">Contact</a></li>
+                        </ul>
+                    </div> <!-- /.menu-wrapper -->
+                </div> <!-- /.row -->
+            </div> <!-- /.main-header -->
+            <div id="responsive-menu">
+                <ul>
+                    <li><a href="index.html">Introduction</a></li>
+                    <li><a href="eda.html">EDA</a></li>
+                    <li><a href="#">Projects</a>
+                        <ul>
+                            <li><a href="projects-2.html">Two Columns</a></li>
+                            <li><a href="projects-3.html">Three Columns</a></li>
+                        </ul>
+                    </li>
+                    <li><a href="conclusion.html">Conclusion</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+            </div>
+        </header> <!-- /.site-header -->
+
+        <div class="content-wrapper">
+            <div class="inner-container container">
+                <div class="row">
+                    <div class="section-header col-md-12">
+                        <h2>Projects 3 Columns</h2>
+                        <span> </span>
+                    </div> <!-- /.section-header -->
+                </div> <!-- /.row -->
+                <div class="projects-holder-3">
+                    <div class="filter-categories">
+                        <ul class="project-filter">
+                            <li class="filter" data-filter="all"><span>All</span></li>
+                            <li class="filter" data-filter="unsupervised"><span>Unsupervised</span></li>
+                            <li class="filter" data-filter="supervised"><span>Supervised</span></li>
+                        </ul>
+                    </div>
+                    <div class="projects-holder">
+                        <div class="row">
+                            <div class="col-md-4 project-item mix design">
+                                <div class="project-thumb">
+                                    <img src="images/projects/project_1.jpg" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_1.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="clustering.html">Clustering</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-4 project-item mix nature">
+                                <div class="project-thumb">
+                                    <img src="images/projects/project_2.jpg" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_2.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="pca.html">Prinicipal Component Analysis</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-4 project-item mix architecture">
+                                <div class="project-thumb">
+                                    <img src="images/projects/project_3.jpg" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_3.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="dt.html">Decision Tree</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-4 project-item mix buildings">
+                                <div class="project-thumb">
+                                    <img src="images/projects/project_4.jpg" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_4.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="nb.html">Naive Bayes</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-4 project-item mix design">
+                                <div class="project-thumb">
+                                    <img src="images/projects/project_5.jpg" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_5.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="svm.html">Support Vector Machine</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-4 project-item mix buildings architecture">
+                                <div class="project-thumb">
+                                    <img src="images/projects/project_6.jpg" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_6.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="nn.html">Neural Network</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                            <div class="col-md-4 project-item mix design">
+                                <div class="project-thumb">
+                                    <img src="images/projects/project_5.jpg" alt="">
+                                    <div class="overlay-b">
+                                        <div class="overlay-inner">
+                                            <a href="images/projects/project_5.jpg" class="fancybox fa fa-expand" title="Project Title Here"></a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="box-content project-detail">
+                                    <h2><a href="lr.html">Linear Regression</a></h2>
+                                    <p>summary</p>
+                                </div>
+                            </div> <!-- /.project-item -->
+                        </div> <!-- /.row -->
+                       <!--  <div class="load-more">
+                            <a href="javascript:void(0)" class="load-more">Load More</a>
+                        </div> -->
+                    </div> <!-- /.projects-holder -->
+                </div> <!-- /.projects-holder-2 -->
+            </div> <!-- /.inner-content -->
+        </div> <!-- /.content-wrapper -->
+
+        <script src="js/vendor/jquery-1.11.0.min.js"></script>
+        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>
+        <script src="js/plugins.js"></script>
+        <script src="js/main.js"></script>
+
+        <!-- Preloader -->
+        <script type="text/javascript">
+            //<![CDATA[
+            $(window).load(function() { 
+                $('.loader-item').fadeOut(); 
+                    $('#pageloader').delay(350).fadeOut('slow');
+                $('body').delay(350).css({'overflow-y':'visible'});
+            })
+            //]]>
+        </script>
+
+    </body>
+</html>
