diff --git a/sessions/ch13b008/day3 b/sessions/ch13b008/day3
new file mode 100644
index 0000000..c659eb8
--- /dev/null
+++ b/sessions/ch13b008/day3
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+
+<html>
+<style>
+
+#but
+{
+  position :absolute;
+  top:350px;
+  left:100px;
+}
+.grid
+{
+ height:50px;
+ width:50px;
+}
+
+</style>
+
+<head>
+
+<title>MINESWEEPER</title>
+ 
+</head>
+
+<body>
+
+<img  id="0_0" class="grid" src="minesweeper_files/up.png" onclick="func('0_0')">
+<img id="0_1" class="grid" src="minesweeper_files/up.png" onclick="func('0_1')">
+<img id= "0_2" class="grid" src="minesweeper_files/up.png" onclick="func('0_2')">
+<img id="0_3" class="grid" src="minesweeper_files/up.png" onclick="func('0_3')">
+<img id ="0_4"class="grid" src="minesweeper_files/up.png" onclick="func('0_4')"> <br>
+
+<img id="1_0" class="grid" src="minesweeper_files/up.png" onclick="func('1_0')">
+<img id="1_1" class="grid"src="minesweeper_files/up.png" onclick="func('1_1')">
+<img id="1_2" class="grid" src="minesweeper_files/up.png" onclick="func('1_2')">
+<img id="1_3" class="grid" src="minesweeper_files/up.png" onclick="func('1_3')">
+<img id="1_4" class="grid" src="minesweeper_files/up.png" onclick="func('1_4')"> <br>
+
+<img id="2_0"  class="grid" src="minesweeper_files/up.png" onclick="func('2_0')">
+<img id="2_1" class="grid" src="minesweeper_files/up.png" onclick="func('2_1')">
+<img  id="2_2" class="grid" src="minesweeper_files/up.png" onclick="func('2_2')">
+<img  id="2_3" class="grid" src="minesweeper_files/up.png" onclick="func('2_3')">
+<img  id="2_4" class="grid" src="minesweeper_files/up.png" onclick="func('2_4')"> <br>
+
+<img  id="3_0"  class="grid"  src="minesweeper_files/up.png" onclick="func('3_0')">
+<img id="3_1"  class="grid" src="minesweeper_files/up.png" onclick="func('3_1')">
+<img  id="3_2" class="grid" src="minesweeper_files/up.png" onclick="func('3_2')">
+<img  id="3_3" class="grid" src="minesweeper_files/up.png" onclick="func('3_3')">
+<img id="3_4"  class="grid" src="minesweeper_files/up.png" onclick="func('3_4')"> <br>
+
+<img id="4_0"  class="grid" src="minesweeper_files/up.png"  onclick="func('4_0')">
+<img id="4_1"  class="grid" src="minesweeper_files/up.png" onclick="func('4_1')">
+<img id="4_2"  class="grid" src="minesweeper_files/up.png "onclick="func('4_2')">
+<img id="4_3" class="grid" src="minesweeper_files/up.png " onclick="func('4_3')">
+<img id="4_4" class="grid" src="minesweeper_files/up.png" onclick="func('4_4')" oncontextmenu="flag('4_4')"> <br>
+
+<button id="but" type="button" onclick="mine()" >Play</button>
+
+
+</body>
+
+<script>
+
+boxes= new Array(5);
+	for(var i=1; i<5;++i)
+	{
+	 boxes[i]=new Array(5);
+        }
+
+function mine(
+
+
+
+
+
+
+)
+{
+
+	for(var i=1; i<5;++i)
+	{ 
+ 	for (var j=0;j<5;++j)
+ 	{
+ 	var p=Math.random()*10;
+ 	if(p<5)
+ 	boxes[i][j]="mine";
+
+ 	else
+ 	boxes[i][j]="box";
+        
+ 	}
+      }
+}
+
+
+function func(id)
+
+{
+ var a=document.getElementById(id);
+ var str=id.split("_");
+ i=str[0];
+ j=str[1];
+ 
+ 
+	 if(boxes[i][j]=="mine")
+        {
+          a.src="minesweeper_files/mine.png";
+          for(var l=0;l<5;++l)
+           {
+             for(var m=0;m<5;++m)
+              {
+               if(boxes[l][m]=="mine")
+                { 
+    
+                  var id=l+"_"+m;
+                  var b=document.getElementById(id);
+                  b.src="minesweeper_files/mine.png";
+                 }
+               }
+            }
+         }
+            else if(boxes[i][j]=="box")
+             a.src="minesweeper_files/1.png";
+}
+
+function oncontextmenu(id)
+{
+ var a=document.getElementById(id)
+ a.src="minesweeper_files/flag.png";
+}
+
+
+
+</script>
+
+
+</html>
diff --git a/sessions/ch13b008/minesweeper.html b/sessions/ch13b008/minesweeper.html
new file mode 100644
index 0000000..21f3b42
--- /dev/null
+++ b/sessions/ch13b008/minesweeper.html
@@ -0,0 +1,513 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 //EN">
+<html>
+
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+    <title>Minesweeper</title>
+    <style>
+    body {
+        margin: 0;
+        padding: 0;
+        font-family: Arial;
+        font-size: 12px;
+        color: #FFFFFF;
+        background: #000000;
+    }
+    .div-game {
+        margin: 5% auto;
+        width: 480px;
+        height: 420px;
+    }
+    .div-score {
+        position: relative;
+        top: 0px;
+        left: 0px;
+        height: 30px;
+        color: #000000;
+        background: #C0C0C0;
+        border-top: 1px solid #FFFFFF;
+        border-right: 1px solid #FFFFFF;
+    }
+    .img-mines, .div-mines, .img-time, .img-smiley, .div-time, .lb-level, .bn-reset {
+        position: absolute;
+    }
+    .img-mines {
+        top: 6px;
+        left: 10px;
+    }
+    .div-mines {
+        top: 6px;
+        left: 30px;
+        width: 40px;
+        font-family: Verdana;
+        font-size: 14px;
+        font-weight: bold;
+        text-align: left;
+        color: #0000CF;
+        background: transparent;
+    }
+    .img-time {
+        top: 6px;
+        left: 80px;
+    }
+    .div-time {
+        top: 6px;
+        left: 100px;
+        width: 60px;
+        font-family: Verdana;
+        font-size: 14px;
+        font-weight: bold;
+        text-align: left;
+        color: #007F00;
+        background: transparent;
+    }
+    .img-smiley {
+        top: 6px;
+        left: 240px;
+    }
+    .lb-level {
+        top: 4px;
+        left: 330px;
+        width: 80px;
+        font-family: Arial;
+        font-size: 12px;
+    }
+    .bn-reset {
+        top: 3px;
+        left: 420px;
+        width: 50px;
+        font-family: Arial;
+        font-size: 12px;
+        text-align: center;
+    }
+    .div-board {
+        position: relative;
+        width: 480px;
+        height: 320px;
+        color: #000000;
+        background: #7F7F7F;
+        border-top: 1px solid #000000;
+        border-bottom: 1px solid #FFFFFF;
+        border-left: 1px solid #FFFFFF;
+    }
+    .cell {
+        position: absolute;
+        overflow: hidden;
+    }
+    </style>
+</head>
+
+
+
+<body>
+    <div id="div-game" class="div-game">
+        <div id="div-score" class="div-score">
+            <img id="img-mines" class="img-mines" src="./minesweeper_files/mines.png">
+            <div id="div-mines" class="div-mines">10</div>
+            <img id="img-time" class="img-time" src="./minesweeper_files/clock.png">
+            <div id="div-time" class="div-time">01:07</div>
+            <img id="img-smiley" class="img-smiley" style="visibility: hidden;">
+            <select id="lb-level" class="lb-level" onchange="game.restart()" name="bn-reset">
+                <option selected="" value="easy">Easy</option>
+                <option value="normal">Normal</option>
+                <option value="advanced">Advanced</option>
+                <option value="hard">Hard</option>
+                <option value="expert">Expert</option>
+            </select>
+            <input id="bn-reset" type="button" class="bn-reset" onclick="game.restart()" value="Play!" name="bn-reset">
+        </div>
+
+        <div id="div-board" class="div-board">
+        </div>
+
+
+        <script type="text/javascript">
+        //
+         // Game
+         //
+
+        function Game() {
+            var self = this;
+
+            this.board = new Board();
+            this.startTime = null;
+
+            this.run = function() {
+                self.start();
+            }
+            this.start = function() {
+                self.hideSmiley();
+                self.createBoard();
+                self.registerMouse();
+                self.startTimer();
+                self.updateScore();
+            }
+            this.restart = function() {
+                self.board.destroyImgs();
+                self.start();
+            }
+
+            this.onMouseDown = function(e) {
+                var img = getMouseObject(e);
+                if (self.board.isCell(img)) {
+                    if (getMouseButton(e) == 1)
+                        self.onLeftClick(img.mRow, img.mCol);
+                    else
+                        self.onRightClick(img.mRow, img.mCol);
+                }
+                self.updateScore();
+                return (false);
+            }
+            this.onLeftClick = function(row, col) {
+                if (self.board.isFlag(row, col))
+                    return;
+                if (self.board.isMine(row, col)) {
+                    self.looseGame(row, col);
+                    return;
+                }
+                self.board.flip(row, col);
+                if (0 == self.board.downs)
+                    self.winGame();
+            }
+            this.onRightClick = function(row, col) {
+                if (self.board.isDown(row, col))
+                    return;
+                self.board.changeState(row, col);
+                if (self.board.flags == self.board.mines)
+                    self.tryWinGame();
+            }
+
+            this.tryWinGame = function() {
+                if (self.board.testFlags())
+                    self.winGame();
+            }
+            this.winGame = function() {
+                self.showSmiley("happy");
+                self.board.showFlags();
+                self.endGame();
+            }
+            this.looseGame = function(row, col) {
+                self.showSmiley("sad");
+                self.board.showMines(row, col);
+                self.endGame();
+            }
+            this.endGame = function() {
+                self.stopTimer();
+                self.unregisterMouse();
+            }
+
+            this.updateScore = function() {
+                document.getElementById("div-mines").innerHTML = String(self.board.mines - self.board.flags);
+            }
+
+            this.showSmiley = function(pic) {
+                var img = document.getElementById("img-smiley");
+                img.src = self.board.getImgSrc(pic);
+                img.style.visibility = "visible";
+            }
+            this.hideSmiley = function() {
+                document.getElementById("img-smiley").style.visibility = "hidden";
+            }
+
+            this.startTimer = function() {
+                self.startTime = new Date().getTime();
+                self.timer();
+            }
+            this.stopTimer = function() {
+                self.startTime = null;
+            }
+            this.timer = function() {
+                if (self.startTime) {
+                    var diff = Math.floor((new Date().getTime() - self.startTime) / 1000);
+                    var mins = "0" + String(Math.floor(diff / 60));
+                    var secs = "0" + String(diff % 60);
+                    document.getElementById("div-time").innerHTML =
+                        mins.substring(mins.length - 2) + ":" + secs.substring(secs.length - 2);
+                    setTimeout(self.timer, 1000);
+                }
+            }
+
+            this.registerMouse = function() {
+                self.board.div.onmousedown = self.onMouseDown;
+                self.board.div.onclick = function() {
+                    return false;
+                };
+                self.board.div.ondblclick = function() {
+                    return false;
+                };
+                self.board.div.oncontextmenu = function() {
+                    return false;
+                };
+            }
+            this.unregisterMouse = function() {
+                self.board.div.onmousedown = null;
+            }
+
+            this.createBoard = function() {
+                switch (document.getElementById("lb-level").value) {
+                    case "easy":
+                        self.board.create(10, 10, 10);
+                        break;
+                    case "normal":
+                        self.board.create(15, 15, 25);
+                        break;
+                    case "advanced":
+                        self.board.create(20, 20, 50);
+                        break;
+                    case "hard":
+                        self.board.create(20, 25, 100);
+                        break;
+                    case "expert":
+                        self.board.create(20, 30, 150);
+                        break;
+                }
+            }
+        }
+
+         //
+         // Board
+         //
+
+        function Board() {
+            var self = this;
+
+            this.div = document.getElementById("div-board");
+
+            this.cells = null;
+            this.rows = 0;
+            this.cols = 0;
+            this.mines = 0;
+            this.downs = 0;
+            this.flags = 0;
+
+            this.imgClass = "cell";
+            this.imgWidth = 16;
+            this.imgHeight = 16;
+            this.imgURL = "minesweeper_files/";
+            this.imgExt = ".png";
+
+            this.create = function(rows, cols, mines) {
+                self.cells = null;
+                self.rows = rows;
+                self.cols = cols;
+                self.mines = mines;
+                self.downs = (self.rows * self.cols) - self.mines;
+                self.flags = 0;
+
+                self.createCells();
+                self.putMines();
+                self.createImgs();
+            }
+
+            this.createCells = function() {
+                self.cells = new Array(self.rows);
+                for (var row = 0; row != self.rows; ++row) {
+                    self.cells[row] = new Array(self.cols);
+                    for (var col = 0; col != self.cols; ++col)
+                        self.cells[row][col] = new Cell();
+                }
+            }
+
+            this.putMines = function() {
+                for (var mine = 0; mine != self.mines; ++mine)
+                    self.putRandMine();
+            }
+            this.putRandMine = function() {
+                var row, col;
+                do {
+                    row = rand(self.rows);
+                    col = rand(self.cols);
+                } while (self.isMine(row, col));
+
+                self.putMine(row, col);
+                self.roundMine(row, col);
+            }
+            this.putMine = function(row, col) {
+                self.cells[row][col].value = 'm';
+            }
+            this.roundMine = function(row, col) {
+                for (var r = Math.max(row - 1, 0); r <= Math.min(row + 1, self.rows - 1); ++r)
+                    for (var c = Math.max(col - 1, 0); c <= Math.min(col + 1, self.cols - 1); ++c)
+                        if (self.isMine(r, c) == false)
+                        ++self.cells[r][c].value;
+            }
+
+            this.createImgs = function() {
+                for (var row = 0; row != self.rows; ++row)
+                    for (var col = 0; col != self.cols; ++col)
+                        this.createImg(row, col);
+            }
+            this.createImg = function(row, col) {
+                var img = document.createElement("img");
+
+                img.id = self.getImgId(row, col);
+                img.className = self.imgClass;
+                img.style.width = String(self.imgWidth) + "px";
+                img.style.height = String(self.imgHeight) + "px";
+                img.style.top = String(Math.floor(((340 - self.imgHeight * self.rows) / 2) + (row * (self.imgHeight - 1)))) + "px";
+                img.style.left = String(Math.floor(((510 - self.imgWidth * self.cols) / 2) + (col * (self.imgWidth - 1)))) + "px";
+                img.src = self.getImgSrc("up");
+                img.mRow = row;
+                img.mCol = col;
+
+                self.div.appendChild(img);
+            }
+            this.destroyImgs = function() {
+                for (var row = 0; row != self.rows; ++row)
+                    for (var col = 0; col != self.cols; ++col)
+                        self.destroyImg(row, col);
+            }
+            this.destroyImg = function(row, col) {
+                self.div.removeChild(document.getElementById(self.getImgId(row, col)));
+            }
+
+            this.flip = function(row, col) {
+                if (self.isDown(row, col))
+                    return;
+                if (self.isFlag(row, col))
+                    return;
+                self.flipCell(row, col);
+                if (self.isHole(row, col))
+                    self.roundFlip(row, col);
+            }
+            this.flipCell = function(row, col) {
+                self.getImgElement(row, col).src = self.getImgSrc(self.cells[row][col].value);
+                self.cells[row][col].state = "down";
+                --self.downs;
+            }
+            this.roundFlip = function(row, col) {
+                var left = (col > 0);
+                var right = (col < self.cols - 1);
+                if (row > 0) {
+                    if (left) self.flip(row - 1, col - 1);
+                    self.flip(row - 1, col);
+                    if (right) self.flip(row - 1, col + 1);
+                }
+                if (left) self.flip(row, col - 1);
+                if (right) self.flip(row, col + 1);
+                if (row < self.rows - 1) {
+                    if (left) self.flip(row + 1, col - 1);
+                    self.flip(row + 1, col);
+                    if (right) self.flip(row + 1, col + 1);
+                }
+            }
+
+            this.changeState = function(row, col) {
+                var change = self.getNextState(row, col);
+                if (("flag" == change) && (self.flags == self.mines))
+                    return;
+
+                if ("flag" == change)
+                ++self.flags;
+                if ("question" == change)
+                --self.flags;
+
+                self.getImgElement(row, col).src = self.getImgSrc(change);
+                self.cells[row][col].state = change;
+            }
+            this.getNextState = function(row, col) {
+                switch (self.cells[row][col].state) {
+                    case "up":
+                        return ("flag");
+                    case "flag":
+                        return ("question");
+                    case "question":
+                        return ("up");
+                }
+            }
+
+            this.testFlags = function() {
+                for (var row = 0; row != self.rows; ++row)
+                    for (var col = 0; col != self.cols; ++col)
+                        if (self.isFlag(row, col) && (self.isMine(row, col) == false))
+                            return (false);
+                return (true);
+            }
+
+            this.showMines = function(rowBoom, colBoom) {
+                for (var row = 0; row != self.rows; ++row)
+                    for (var col = 0; col != self.cols; ++col)
+                        if (self.isMine(row, col) || self.isFlag(row, col))
+                            self.showMine(row, col, rowBoom, colBoom);
+            }
+            this.showMine = function(row, col, rowBoom, colBoom) {
+                var pic = "mine";
+                if (self.isFlag(row, col))
+                    pic = self.isMine(row, col) ? "flag" : "cross";
+                if ((row == rowBoom) && (col == colBoom))
+                    pic = "boom";
+
+                self.getImgElement(row, col).src = self.getImgSrc(pic);
+            }
+            this.showFlags = function() {
+                for (var row = 0; row != self.rows; ++row)
+                    for (var col = 0; col != self.cols; ++col)
+                        if (self.isMine(row, col) && (self.isFlag(row, col) == false)) {
+                            self.getImgElement(row, col).src = self.getImgSrc("flag");
+                            ++self.flags;
+                        }
+            }
+
+            this.isMine = function(row, col) {
+                return ('m' == self.cells[row][col].value);
+            }
+            this.isHole = function(row, col) {
+                return (0 == self.cells[row][col].value);
+            }
+            this.isFlag = function(row, col) {
+                return ('flag' == self.cells[row][col].state);
+            }
+            this.isDown = function(row, col) {
+                return ('down' == self.cells[row][col].state);
+            }
+
+            this.isCell = function(img) {
+                return (img.className == self.imgClass);
+            }
+            this.getImgElement = function(row, col) {
+                return (document.getElementById(self.getImgId(row, col)));
+            }
+            this.getImgId = function(row, col) {
+                return (self.imgClass + String((row * self.cols) + col));
+            }
+            this.getImgSrc = function(pic) {
+                return (self.imgURL + pic + self.imgExt);
+            }
+        }
+
+         //
+         // Cell
+         //
+
+        function Cell() {
+            this.value = 0;
+            this.state = 'up';
+        }
+
+         //
+         // Utils
+         //
+
+        function rand(x) {
+            return (Math.floor(Math.random() * x));
+        }
+
+        function getMouseObject(e) {
+            return (e ? e.target : window.event.srcElement);
+        }
+
+        function getMouseButton(e) {
+            return (e ? e.which : window.event.button);
+        }
+
+         //
+         // Instance and start Game
+         //
+        var game = new Game();
+        game.run();
+        </script>
+
+
+</body>
+
+</html>
diff --git a/sessions/ch13b008/night1.html b/sessions/ch13b008/night1.html
new file mode 100644
index 0000000..4daa2c2
--- /dev/null
+++ b/sessions/ch13b008/night1.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+ <html>
+<head>
+
+<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
+<script src="bootstrap/js/bootstrap/js">
+
+
+</script>
+
+<style>
+
+img
+{
+ height:200px;
+ width:100px;
+}
+h1 
+{
+color:red;
+}
+
+#head1
+{
+color:red;
+
+}
+#head2
+{
+color:blue;
+}
+.bord
+{
+color:blue;
+border:2px solid black;
+
+}
+.type
+{
+color:green;
+border:1px solid black;
+}
+
+#pic
+{
+ 
+ 
+}
+
+</style>
+
+
+</head>
+<body>
+<div 
+<div class="container">
+<div class="text-center"> 
+<h1 id="head1">4 THE PEOPLE</h1>
+<h2 id="head2">Webops Sudo</h2>
+</div>
+
+
+<p> 
+Team Members:
+<div class="col-md-6">
+<ol>
+        <li>Kiran Bhaskar</li>
+	<li>Hamdan Ridwan</li>
+</ol>
+</div>
+<div class="col-md-6">
+<ol>
+	<li>Bharath Chandran</li>
+	<li>Arjun Prasannan</li>
+</ol>
+</div>
+<img id="pic" src=""style="height:400px;width:200px">
+
+</p>
+<table class="table">
+<tr class=bord>
+	<th >NAME	</th>
+	<th>BATCH	</th>
+	<th>ROLL NUMBER	</th>
+</tr>
+
+<tr class=type>
+	<td>KIRAN</td>
+	<td>D</td>
+	<td>ME13B084</td>
+</tr>
+<tr class=type>
+	<td>ARJUN</td>
+	<td>F</td>
+	<td>CH13B008</td>
+</tr>
+
+	
+	
+
+</table>
+
+<input type="text" placeholder="Enter your email">
+<input type="password" placeholder="Enter your password">
+<button>save</button>
+<button>clear</button>
+
+<button type="button"
+</div>
+</body>
+ </html>
diff --git a/sessions/ch13b008/night2.html b/sessions/ch13b008/night2.html
new file mode 100644
index 0000000..0efa394
--- /dev/null
+++ b/sessions/ch13b008/night2.html
@@ -0,0 +1,68 @@
+<html>
+
+<head>
+
+<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
+
+
+<style>
+
+
+.container1
+{
+position:absolute;
+left:20px;
+ background:red;
+height:600px;
+width:600px;
+
+}
+.container2
+{
+position:absolute;
+left:700px;
+ background:blue;
+height:600px;
+width:600px;
+
+}
+#but1
+{
+ position:absolute;
+top:650px;
+left:600px;
+}
+#but2
+{
+ position:absolute;
+top:700px;
+left:600px;
+}
+</style>
+
+</head>
+
+<body>
+
+<div class="container1">
+</div>
+<div class="container2">
+</div>
+<button  id="but1" type="button" onclick="colorfunction()" >Setcolor</button>
+<button id="but2" type="button" onclick="swap()">Swap</button>
+
+</body>
+<script>
+function colorfunction()
+{
+ document.getElementsByClassName("container1")[0].style.color="green";
+}
+function swap()
+{
+ document.getElementsByClassName("container1")[0].style.left="680px";
+ document.getElementsByClassName("container2")[0].style.left="20px";
+}
+
+</script>
+
+</html>
