The Gregorian Calendar | Basic

-

Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31 



   <html>
<head>
  <meta name="viewport" content="device=device-width,intial-scale=1.0" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
  <style>
  table tr td {
    padding: 5px;
    width: 35px;
    height: 35px;
    min-width:35px;
    min-height:35px;
}
	table tr td{
	padding:0;
	border-collapse:collapse;
	}
	
	table {
		float:left;
		display:inline
	}
	
	table.week {
	display:inline;
	float:left;
  }
  
  .red {
	color:red;
	font-weight: bold
  }
.holiday:hover {
	cursor:pointer    
}
	
	table , div {
		display:inline;
		
	}
	
	table {
		float:left;
		display:inline;

		border-collapse:collapse;
	}
	tr , td {
		border:1px solid black;
		border-collapse:collapse;
		padding-bottom:5px
	}
	#unordered-list {
		margin-top:20px;
		margin-bottom:20px
	}
	#unordered-list li{
		list-style:none;
		float:left;
		margin-left: 10px;
		margin-right:10px
	}
	table {
		border: 1px solid black;
	}
	tr {
		border: 1px solid black;
		border-collapse: collapse;
	}
	.week tr td {
		font-weight: 600;
		width:100px;
		padding-bottom:5px;
	}
	.holiday {
		overflow:none;
		background-color:yellow;
		color:red;
	 }
  </style>
  <script>
  let index = 0;
  function init(type) {
  let arr = ["January","February","March","April","May","June","July","August","September","October","November","December"];
	if(type == 1 && index != 0) {
		index = (index -1)%12;
	}
	else if(type == 2) {
		index = (index +1)%12;
	}
	
	$("#Feb,#Mar,#Apr,#May,#June,#July,#Aug,#Sep,#Oct,#Nov,#Dec").hide();
	$("#month").text(arr[index]);
	if(index == 0) {
		$("#Jan").show();
		$("#Feb,#Mar,#Apr,#May,#June,#July,#Aug,#Sep,#Oct,#Nov,#Dec").hide();
		$("#previous").prop("disabled",true);
	}
	if(index == 1) {
		$("#Feb").show();
		$("#Jan,#Mar,#Apr,#May,#June,#July,#Aug,#Sep,#Oct,#Nov,#Dec").hide();
		$("#previous").prop("disabled",false);
		$("#next").prop("disabled",false);
	}
	if(index == 2) {
		$("#Mar").show();
		$("#Feb,#Jan,#Apr,#May,#June,#July,#Aug,#Sep,#Oct,#Nov,#Dec").hide();
		$("#previous").prop("disabled",false);
		$("#next").prop("disabled",false);
	}
	if(index == 3) {
		$("#Apr").show();
		$("#Feb,#Mar,#Jan,#May,#June,#July,#Aug,#Sep,#Oct,#Nov,#Dec").hide();
		$("#previous").prop("disabled",false);
		$("#next").prop("disabled",false);
	}
	if(index == 4) {
		$("#May").show();
		$("#Feb,#Mar,#Apr,#Jan,#June,#July,#Aug,#Sep,#Oct,#Nov,#Dec").hide();
		$("#previous").prop("disabled",false);
		$("#next").prop("disabled",false);
	}
	if(index == 5) {
		$("#June").show();
		$("#Feb,#Mar,#Apr,#Jan,#Jan,#July,#Aug,#Sep,#Oct,#Nov,#Dec").hide();
		$("#previous").prop("disabled",false);
		$("#next").prop("disabled",false);
	}
	if(index == 6) {
		$("#July").show();
		$("#Feb,#Mar,#Apr,#May,#June,#Jan,#Aug,#Sep,#Oct,#Nov,#Dec").hide();
		$("#previous").prop("disabled",false);
		$("#next").prop("disabled",false);
	}
	if(index == 7) {
		$("#Aug").show();
		$("#Feb,#Mar,#Apr,#May,#June,#July,#Jan,#Sep,#Oct,#Nov,#Dec").hide();
		$("#previous").prop("disabled",false);
		$("#next").prop("disabled",false);
	}
	if(index == 8) {
		$("#Sep").show();
		$("#Feb,#Mar,#Apr,#May,#June,#July,#Aug,#Jan,#Oct,#Nov,#Dec").hide();
		$("#previous").prop("disabled",false);
		$("#next").prop("disabled",false);
	}
	if(index == 9) {
		$("#Oct").show();
		$("#Feb,#Mar,#Apr,#May,#June,#July,#Aug,#Sep,#Jan,#Nov,#Dec").hide();
		$("#previous").prop("disabled",false);
		$("#next").prop("disabled",false);
	}
	if(index == 10) {
		$("#Nov").show();
		$("#Feb,#Mar,#Apr,#May,#June,#July,#Aug,#Sep,#Oct,#Jan,#Dec").hide();
		$("#previous").prop("disabled",false);
		$("#next").prop("disabled",false);
	}
	if(index == 11) {
		$("#Dec").show();
		$("#Feb,#Mar,#Apr,#May,#June,#July,#Aug,#Sep,#Oct,#Nov,#Jan").hide();
		$("#next").prop("disabled",true);
		
	}
}
  
  $(document).ready(function(){
	$("#Jan").show();
	$("#Feb").hide();
	$("#Mar").hide();
	$("#Apr").hide();
	$("#May").hide();
	$("#June").hide();
	$("#July").hide();
	$("#Aug").hide();
	$("#Sep").hide();
	$("#Oct").hide();
	$("#Nov").hide();
	$("#Dec").hide();
    $(".holiday").click(function() {
      $("#holiday_d").show();
    	if($(this).hasClass("mh1")) {
          
        	$("#holiday_d").html("1 January 2023 => English New Year");
        }
      	
      	if($(this).hasClass("mh2")) {
          	$("#holiday_d").html("26 January 2023 => Republic Day");
        }
      	
      	if($(this).hasClass("mh3")) {
           $("#holiday_d").html("18 February 2023 => Mahashivaratri");
        }
      	
      if($(this).hasClass("mh4")) {
        $("#holiday_d").html("19 February 2023 => Shivaji Jayanti");
      }
      	
      if($(this).hasClass("mh5")) {
      	$("#holiday_d").html("7 March 2023 => Holi");
      }
      	
      if($(this).hasClass("mh6")) {
     	$("#holiday_d").html("22 March 2023 => Gudi Padwa");
     }
      	
      if($(this).hasClass("mh7")) {
      	$("#holiday_d").html("30 March 2023 => Ram Navami"); 
      }
      	
      if($(this).hasClass("mh8")) {
      	$("#holiday_d").html("7 April 2023 => Good Friday");  
      }
      	
      if($(this).hasClass("mh9")) {
      	$("#holiday_d").html("14 April 2023 => Ambedkar Jayanti");  
      }
      	
      if($(this).hasClass("mh10")) {
      	$("#holiday_d").html("1 May 2023 => Labour Day");  
      }
      if($(this).hasClass("mh11")) {
      	$("#holiday_d").html("5 May 2023 => Buddha Pournima");  
      }
      	if($(this).hasClass("mh12")) {
        	$("#holiday_d").html("15 August 2023 => Independence Day");
        }
      	if($(this).hasClass("mh13")) {
       $("#holiday_d").html("6 September 2023 => Gokulashtami");   
        }
      	if($(this).hasClass("mh14")) {
          $("#holiday_d").html("19 September 2023 => Ganesh Chaturthi");
        }
      	if($(this).hasClass("mh16")) {
          $("#holiday_d").html("24 October 2023 => Dassara");
        }
      	if($(this).hasClass("mh17")) {
          $("#holiday_d").html("12 November 2023 => Diwali");
        }
      	if($(this).hasClass("mh15")) {
          $("#holiday_d").html("2 October 2023 => Gandhi Jayanti");
        }
      	if($(this).hasClass("mh18")) {
        $("#holiday_d").html("1 January 2023 => Guru Nank Jayanti");
        }
      	if($(this).hasClass("mh19")) {
        $("#holiday_d").html("25 December 2023 => Christmas");
        }
      	
      	
    });
  });
  </script>
</head>
<body>
<div class="menu-bar">
<ul id="unordered-list">
<li><button id="previous" type="button" class="btn btn-primary" disabled onclick="init(1)">Previous</button></li>
<li><button id="month" type="button" class="btn btn-success">January</button></li>
<li><button id="next" type="button" class="btn btn-primary" onclick="init(2)">Next</button></li>
</ul>
<p>
<div id="Jan">
	<table class="week table-striped ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td class="holiday mh1">1</td></tr>
		<tr>
			<td>2</td>
		</tr>
		<tr>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
		<tr>
			<td>5</td>
		</tr>
		<tr>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>8</td>
		</tr>
		<tr>
			<td>9</td>
		</tr>
		<tr>
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
		<tr>
			<td>12</td>
		</tr>
		<tr>
			<td>13</td>
		</tr>
		<tr>
			<td>14</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>15</td>
		</tr>
		<tr>
			<td>16</td>
		</tr>
		<tr>
			<td>17</td>
		</tr>
		<tr>
			<td>18</td>
		</tr>
		<tr>
			<td>19</td>
		</tr>
		<tr>
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>22</td>
		</tr>
		<tr>
			<td>23</td>
		</tr>
		<tr>
			<td>24</td>
		</tr>
		<tr>
			<td>25</td>
		</tr>
		<tr>
			<td class="holiday mh2">26</td>
		</tr>
		<tr>
			<td>27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>29</td>
		</tr>
		<tr>
			<td>30</td>
		</tr>
		<tr>
			<td>31</td>
		</tr>
	</table>
</div>
	<div id="Feb">
	<table class="week table-striped  ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td></td></tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td>1</td>
		</tr>
		<tr>
			<td>2</td>
		</tr>
		<tr>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>5</td>
		</tr>
		<tr>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
		</tr>
		<tr>
			<td>8</td>
		</tr>
		<tr>
			<td>9</td>
		</tr>
		<tr>
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>12</td>
		</tr>
		<tr>
			<td>13</td>
		</tr>
		<tr>
			<td>14</td>
		</tr>
		<tr>
			<td>15</td>
		</tr>
		<tr>
			<td>16</td>
		</tr>
		<tr>
			<td>17</td>
		</tr>
		<tr>
			<td class="holiday mh3">18</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td class="holiday mh4">19</td>
		</tr>
		<tr>
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
		<tr>
			<td>22</td>
		</tr>
		<tr>
			<td>23</td>
		</tr>
		<tr>
			<td>24</td>
		</tr>
		<tr>
			<td>25</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>26</td>
		</tr>
		<tr>
			<td>27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
	</table>
</div>
<div id="Mar">
	<table class="week table-striped  ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td></td></tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td>1</td>
		</tr>
		<tr>
			<td>2</td>
		</tr>
		<tr>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>5</td>
		</tr>
		<tr>
			<td>6</td>
		</tr>
		<tr>
			<td class="holiday mh6">7</td>
		</tr>
		<tr>
			<td>8</td>
		</tr>
		<tr>
			<td>9</td>
		</tr>
		<tr>
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>12</td>
		</tr>
		<tr>
			<td>13</td>
		</tr>
		<tr>
			<td>14</td>
		</tr>
		<tr>
			<td>15</td>
		</tr>
		<tr>
			<td>16</td>
		</tr>
		<tr>
			<td>17</td>
		</tr>
		<tr>
			<td>18</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>19</td>
		</tr>
		<tr>
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
		<tr>
			<td class="holiday mh7">22</td>
		</tr>
		<tr>
			<td>23</td>
		</tr>
		<tr>
			<td>24</td>
		</tr>
		<tr>
			<td>25</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>26</td>
		</tr>
		<tr>
			<td>27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
		<tr>
			<td>29</td>
		</tr>
		<tr>
			<td class="holiday mh8">30</td>
		</tr>
		<tr>
			<td>31</td>
		</tr>
	</table>
</div>
<div id="Apr">
	<table class="week table-striped ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td></td></tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td>1</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>2</td>
		</tr>
		<tr>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
		<tr>
			<td>5</td>
		</tr>
		<tr>
			<td>6</td>
		</tr>
		<tr>
			<td class="holiday mh9">7</td>
		</tr>
		<tr>
			<td>8</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>9</td>
		</tr>
		<tr>
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
		<tr>
			<td>12</td>
		</tr>
		<tr>
			<td>13</td>
		</tr>
		<tr>
			<td class="holiday mh10">14</td>
		</tr>
		<tr>
			<td>15</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>16</td>
		</tr>
		<tr>
			<td>17</td>
		</tr>
		<tr>
			<td>18</td>
		</tr>
		<tr>
			<td>19</td>
		</tr>
		<tr>
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
		<tr>
			<td>22</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>23</td>
		</tr>
		<tr>
			<td>24</td>
		</tr>
		<tr>
			<td>25</td>
		</tr>
		<tr>
			<td>26</td>
		</tr>
		<tr>
			<td>27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
		<tr>
			<td>29</td>
		</tr>
		<table class="table-striped  ">
			<tr>
				<td>30</td>
			</tr>
		</table>
	</table>
</div>
<div id="May">
	<table class="week table-striped  ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td></td></tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td class="holiday mh11">1</td>
		</tr>
		<tr>
			<td>2</td>
		</tr>
		<tr>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
		<tr>
			<td class="holiday mh12">5</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
		</tr>
		<tr>
			<td>8</td>
		</tr>
		<tr>
			<td>9</td>
		</tr>
		<tr>
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
		<tr>
			<td>12</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>13</td>
		</tr>
		<tr>
			<td>14</td>
		</tr>
		<tr>
			<td>15</td>
		</tr>
		<tr>
			<td>16</td>
		</tr>
		<tr>
			<td>17</td>
		</tr>
		<tr>
			<td>18</td>
		</tr>
		<tr>
			<td>19</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
		<tr>
			<td>22</td>
		</tr>
		<tr>
			<td>23</td>
		</tr>
		<tr>
			<td>24</td>
		</tr>
		<tr>
			<td>25</td>
		</tr>
		<tr>
			<td>26</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
		<tr>
			<td>29</td>
		</tr>
		<tr>
			<td>30</td>
		</tr>
		<tr>
			<td>31</td>
		</tr>
	</table>
</div>
<div id="June">
	<table class="week table-striped  ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td></td></tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td>1</td>
		</tr>
		<tr>
			<td>2</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
		<tr>
			<td>5</td>
		</tr>
		<tr>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
		</tr>
		<tr>
			<td>8</td>
		</tr>
		<tr>
			<td>9</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
		<tr>
			<td>12</td>
		</tr>
		<tr>
			<td>13</td>
		</tr>
		<tr>
			<td>14</td>
		</tr>
		<tr>
			<td>15</td>
		</tr>
		<tr>
			<td>16</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>17</td>
		</tr>
		<tr>
			<td>18</td>
		</tr>
		<tr>
			<td>19</td>
		</tr>
		<tr>
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
		<tr>
			<td>22</td>
		</tr>
		<tr>
			<td>23</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>24</td>
		</tr>
		<tr>
			<td>25</td>
		</tr>
		<tr>
			<td>26</td>
		</tr>
		<tr>
			<td>27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
		<tr>
			<td>29</td>
		</tr>
		<tr>
			<td>30</td>
		</tr>
	</table>
</div>
<div id="July">
	<table class="week table-striped  ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td></td></tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td>1</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>2</td>
		</tr>
		<tr>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
		<tr>
			<td>5</td>
		</tr>
		<tr>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
		</tr>
		<tr>
			<td>8</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>9</td>
		</tr>
		<tr>
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
		<tr>
			<td>12</td>
		</tr>
		<tr>
			<td>13</td>
		</tr>
		<tr>
			<td>14</td>
		</tr>
		<tr>
			<td class="holiday mh13">15</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>16</td>
		</tr>
		<tr>
			<td>17</td>
		</tr>
		<tr>
			<td>18</td>
		</tr>
		<tr>
			<td>19</td>
		</tr>
		<tr>
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
		<tr>
			<td>22</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>23</td>
		</tr>
		<tr>
			<td>24</td>
		</tr>
		<tr>
			<td>25</td>
		</tr>
		<tr>
			<td>26</td>
		</tr>
		<tr>
			<td>27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
		<tr>
			<td>29</td>
		</tr>
		</table>
		<table>
		<tr class="red">
			<td>30</td>
		</tr>
		<tr>
			<td>31</td>
		</tr>
	</table>
</div>
<div id="Aug">
	<table class="week table-striped  ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td></td></tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td>1</td>
		</tr>
		<tr>
			<td>2</td>
		</tr>
		<tr>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
		<tr>
			<td>5</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td class="holiday mh13">6</td>
		</tr>
		<tr>
			<td>7</td>
		</tr>
		<tr>
			<td>8</td>
		</tr>
		<tr>
			<td>9</td>
		</tr>
		<tr>
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
		<tr>
			<td>12</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>13</td>
		</tr>
		<tr>
			<td>14</td>
		</tr>
		<tr>
			<td>15</td>
		</tr>
		<tr>
			<td>16</td>
		</tr>
		<tr>
			<td>17</td>
		</tr>
		<tr>
			<td>18</td>
		</tr>
		<tr>
			<td>19</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
		<tr>
			<td>22</td>
		</tr>
		<tr>
			<td>23</td>
		</tr>
		<tr>
			<td>24</td>
		</tr>
		<tr>
			<td>25</td>
		</tr>
		<tr>
			<td>26</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
		<tr>
			<td>29</td>
		</tr>
		<tr>
			<td>30</td>
		</tr>
		<tr>
			<td>31</td>
		</tr>
	</table>
</div>
<div id="Sep">
	<table class="week table-striped  ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td></td></tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td>1</td>
		</tr>
		<tr>
			<td>2</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
		<tr>
			<td>5</td>
		</tr>
		<tr>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
		</tr>
		<tr>
			<td>8</td>
		</tr>
		<tr>
			<td>9</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
		<tr>
			<td>12</td>
		</tr>
		<tr>
			<td>13</td>
		</tr>
		<tr>
			<td>14</td>
		</tr>
		<tr>
			<td>15</td>
		</tr>
		<tr>
			<td>16</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>17</td>
		</tr>
		<tr>
			<td>18</td>
		</tr>
		<tr>
			<td class="holiday mh14">19</td>
		</tr>
		<tr>
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
		<tr>
			<td>22</td>
		</tr>
		<tr>
			<td>23</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>24</td>
		</tr>
		<tr>
			<td>25</td>
		</tr>
		<tr>
			<td>26</td>
		</tr>
		<tr>
			<td>27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
		<tr>
			<td>29</td>
		</tr>
		<tr>
			<td>30</td>
		</tr>
	</table>
</div>
<div id="Oct">
	<table class="week table-striped  ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td></td></tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td>1</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td class="mh15 holiday">2</td>
		</tr>
		<tr>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
		<tr>
			<td>5</td>
		</tr>
		<tr>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
		</tr>
		<tr>
			<td>8</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>9</td>
		</tr>
		<tr>
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
		<tr>
			<td>12</td>
		</tr>
		<tr>
			<td>13</td>
		</tr>
		<tr>
			<td>14</td>
		</tr>
		<tr>
			<td>15</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>16</td>
		</tr>
		<tr>
			<td>17</td>
		</tr>
		<tr>
			<td>18</td>
		</tr>
		<tr>
			<td>19</td>
		</tr>
		<tr>
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
		<tr>
			<td>22</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>23</td>
		</tr>
		<tr>
			<td class="holiday mh16">24</td>
		</tr>
		<tr>
			<td>25</td>
		</tr>
		<tr>
			<td>26</td>
		</tr>
		<tr>
			<td>27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
		<tr>
			<td>29</td>
		</tr>
	</table>
</div>
<div id="Nov">
	<table class="week table-striped  ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td></td></tr>
		<tr>
			<td>2</td>
		</tr>
		<tr>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
		<tr>
			<td>5</td>
		</tr>
		<tr>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>8</td>
		</tr>
		<tr>
			<td>9</td>
		</tr>
		<tr>
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
		<tr>
			<td>12</td>
		</tr>
		<tr>
			<td class="holiday mh17">13</td>
		</tr>
		<tr>
			<td>14</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>15</td>
		</tr>
		<tr>
			<td>16</td>
		</tr>
		<tr>
			<td>17</td>
		</tr>
		<tr>
			<td>18</td>
		</tr>
		<tr>
			<td>19</td>
		</tr>
		<tr>
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>22</td>
		</tr>
		<tr>
			<td>23</td>
		</tr>
		<tr>
			<td>24</td>
		</tr>
		<tr>
			<td>25</td>
		</tr>
		<tr>
			<td>26</td>
		</tr>
		<tr>
			<td class="holiday mh18">27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>29</td>
		</tr>
		<tr>
			<td>30</td>
		</tr>
	</table>
</div>
<div id="Dec">
	<table class="week table-striped  ">
		<tr class="red">
			<td>Sunday</td>
		</tr>
		<tr>
			<td>Monday</td>
		</tr>
		<tr>
			<td>Tuesday</td>
		</tr>
		<tr>
			<td>Wednesday</td>
		</tr>
		<tr>
			<td>Thursday</td>
		</tr>
		<tr>
			<td>Friday</td>
		</tr>
		<tr>
			<td>Saturday</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red"><td></td></tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td>1</td>
		</tr>
		<tr>
			<td>2</td>
		</tr>
		<tr>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
		</tr>
		<tr>
			<td>5</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
		</tr>
		<tr>
			<td>8</td>
		</tr>
		<tr>
			<td>9</td>
		</tr>
		<tr>
			<td>10</td>
		</tr>
		<tr>
			<td>11</td>
		</tr>
		<tr>
			<td>12</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>13</td>
		</tr>
		<tr>
			<td>14</td>
		</tr>
		<tr>
			<td>15</td>
		</tr>
		<tr>
			<td>16</td>
		</tr>
		<tr>
			<td>17</td>
		</tr>
		<tr>
			<td>18</td>
		</tr>
		<tr>
			<td>19</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>20</td>
		</tr>
		<tr>
			<td>21</td>
		</tr>
		<tr>
			<td>22</td>
		</tr>
		<tr>
			<td>23</td>
		</tr>
		<tr>
			<td>24</td>
		</tr>
		<tr>
			<td class="holiday mh19">25</td>
		</tr>
		<tr>
			<td>26</td>
		</tr>
	</table>
	<table class="table-striped  ">
		<tr class="red">
			<td>27</td>
		</tr>
		<tr>
			<td>28</td>
		</tr>
		<tr>
			<td>29</td>
		</tr>
		<tr>
			<td>30</td>
		</tr>
		<tr>
			<td>31</td>
		</tr>
	</table>
</div>
	</p>
  <p id="holiday_d" style="clear:both;display:block;text-align:center;margin-top:20px;display:none;margin-left:10px" class="btn btn-success">
  </p>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

Parallel Database design, query processing

-
Image
Parallel Database design, query processing, and case study In this post, we are going to analyze the concepts of Parallel Database design, query processing, and case study. Parallel database design Hardware Architecture Data partitioning Query processing Hardware Architecture Shared Memory Shared Disk> Shared Nothing Data Partitioning Partitioning a relation involves distributing its tuples over several disks Three Kinds – Range Partitioning Round-robin Partitioning Hashing Partitioning Range Partitioning is good for Ideal for point and range queries on the partitioning attribute Hash partitioning Ideal for point queries based on the partitioning attribute Ideal for sequential sca...
Read more

Apache Hadoop | Running MapReduce Jobs

-
Image
Apache Hadoop | Running MapReduce Jobs After setting up your environment and running the HDFS and YARN daemons, we can start working on running MapReduce jobs on our local machine. We need to compile our code, produce a JAR file, move our inputs, and run a MapReduce job on Hadoop. Step 1 - Configure extra environment variables As a preface, it is best to setup some extra environment variables to make running jobs from the CLI quicker and easier. You can name these environment variables anything you want, but we will name them HADOOP_CP and HDFS_LOC to not potentially conlict with other environment variables. Open the Start Menu and type in 'environment' and press enter. A new window with System Properties should open up. Click the Environment Variables button near the bottom right. HADOOP_CP environment variable This is used to compile your Java files. The backticks (eg. `some command here`) do not work on Win...
Read more

jQuery API - Part 1

-
jQuery API - Part 1 jQuery has many functions, both synchronous and asynchronous which reduce the task of the programmer and are Efficient Reliable Fast Scalable For getting the immediate ancestor of an element use $("#element_id").parent(); jQuery implements method chaining which means that all jQuery functions that work on a selector process the element and returns the new jQuery variable i.e., $("#element_id") The benefit of jQuery JavaScript library having method chaining is that if you want to perform 10 functions on a single element, it becomes tedious to create 10 new variables assign value to each of them and storing the results in a different variable. So, to get the grandfather of an element, use $("#element_id").parent().parent(); To get / set attributes of an HTML element, use attr() method. Example: If you want the value of the co...
Read more