diff --git a/beak.html b/beak.html
new file mode 100644
index 0000000000000000000000000000000000000000..ebd1422e4a9a1bb70893ca09134f19020ad8d1c9
--- /dev/null
+++ b/beak.html
@@ -0,0 +1,24 @@
+
+
+
+real time beaker
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/beaker.jpg b/beaker.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..20c1612b48b05255d71471d15e14ea45427a8b43
Binary files /dev/null and b/beaker.jpg differ
diff --git a/bhanu b/bhanu
new file mode 100644
index 0000000000000000000000000000000000000000..bf69cf9989cb7c09bce384ac3c5b7804516d762d
--- /dev/null
+++ b/bhanu
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/bucket.css b/bucket.css
new file mode 100644
index 0000000000000000000000000000000000000000..63f021d2d71604d7b97fec45a363c7ffe24f6599
--- /dev/null
+++ b/bucket.css
@@ -0,0 +1,92 @@
+body { background-color: #0e83cd; }
+
+#container {
+ height: 270px;
+ margin: 50px auto;
+ overflow: hidden;
+ position: relative;
+ width: 248px;
+}
+
+#container div { position: absolute; }
+
+#beaker {
+ border: 10px solid #FFF;
+ border-top: 0;
+ border-radius: 0 0 30px 30px;
+ height: 200px;
+ left: 14px;
+ bottom: 0;
+ width: 200px;
+}
+
+#beaker:before,
+#beaker:after {
+ border: 10px solid #FFF;
+ border-bottom: 0;
+ border-radius: 30px 30px 0 0;
+ content: '';
+ height: 30px;
+ position: absolute;
+ top: -40px;
+ width: 30px;
+}
+
+#beaker:before { left: -50px; }
+#beaker:after { right: -50px; }
+
+#liquid {
+ background-color: #3C6;
+ border: 10px solid #3C6;
+ border-radius: 0 0 20px 20px;
+ bottom: 0;
+ height: 170px;
+ overflow: hidden;
+ width: 180px;
+}
+
+#liquid:after {
+ background-color: rgba(255, 255, 255, 0.25);
+ bottom: -10px;
+ content: '';
+ height: 200px;
+ left: -40px;
+ position: absolute;
+ transform: rotate(30deg);
+ -webkit-transform: rotate(15deg);
+ width: 110px;
+}
+
+#liquid .bubble {
+ -webkit-animation-name: bubble;
+ -webkit-animation-iteration-count: infinite;
+ -webkit-animation-timing-function: linear;
+ background-color: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ border-radius: 10px;
+ height: 20px;
+ width: 20px;
+}
+
+@-webkit-keyframes bubble {
+ 0% { bottom: 0; }
+
+ 50% {
+ background-color: rgba(255, 255, 255, 0.2);
+ bottom: 80px;
+ }
+
+ 100% {
+ background-color: rgba(255, 255, 255, 0);
+ bottom: 160px;
+ }
+}
+
+@for $i from 1 through 7 {
+ .bubble:nth-child(#{$i}) {
+ left: random(180) * 1px;
+ -webkit-animation-delay: random() * 30ms;
+ -webkit-animation-duration: (random(10) + 3) * 100ms;
+ -webkit-transform: scale((random(10) + 3)/10);
+ }
+}
\ No newline at end of file
diff --git a/bucket.scss b/bucket.scss
new file mode 100644
index 0000000000000000000000000000000000000000..63f021d2d71604d7b97fec45a363c7ffe24f6599
--- /dev/null
+++ b/bucket.scss
@@ -0,0 +1,92 @@
+body { background-color: #0e83cd; }
+
+#container {
+ height: 270px;
+ margin: 50px auto;
+ overflow: hidden;
+ position: relative;
+ width: 248px;
+}
+
+#container div { position: absolute; }
+
+#beaker {
+ border: 10px solid #FFF;
+ border-top: 0;
+ border-radius: 0 0 30px 30px;
+ height: 200px;
+ left: 14px;
+ bottom: 0;
+ width: 200px;
+}
+
+#beaker:before,
+#beaker:after {
+ border: 10px solid #FFF;
+ border-bottom: 0;
+ border-radius: 30px 30px 0 0;
+ content: '';
+ height: 30px;
+ position: absolute;
+ top: -40px;
+ width: 30px;
+}
+
+#beaker:before { left: -50px; }
+#beaker:after { right: -50px; }
+
+#liquid {
+ background-color: #3C6;
+ border: 10px solid #3C6;
+ border-radius: 0 0 20px 20px;
+ bottom: 0;
+ height: 170px;
+ overflow: hidden;
+ width: 180px;
+}
+
+#liquid:after {
+ background-color: rgba(255, 255, 255, 0.25);
+ bottom: -10px;
+ content: '';
+ height: 200px;
+ left: -40px;
+ position: absolute;
+ transform: rotate(30deg);
+ -webkit-transform: rotate(15deg);
+ width: 110px;
+}
+
+#liquid .bubble {
+ -webkit-animation-name: bubble;
+ -webkit-animation-iteration-count: infinite;
+ -webkit-animation-timing-function: linear;
+ background-color: rgba(255, 255, 255, 0.2);
+ bottom: 0;
+ border-radius: 10px;
+ height: 20px;
+ width: 20px;
+}
+
+@-webkit-keyframes bubble {
+ 0% { bottom: 0; }
+
+ 50% {
+ background-color: rgba(255, 255, 255, 0.2);
+ bottom: 80px;
+ }
+
+ 100% {
+ background-color: rgba(255, 255, 255, 0);
+ bottom: 160px;
+ }
+}
+
+@for $i from 1 through 7 {
+ .bubble:nth-child(#{$i}) {
+ left: random(180) * 1px;
+ -webkit-animation-delay: random() * 30ms;
+ -webkit-animation-duration: (random(10) + 3) * 100ms;
+ -webkit-transform: scale((random(10) + 3)/10);
+ }
+}
\ No newline at end of file
diff --git a/ch3co2h.PNG b/ch3co2h.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..67fea20239cfedb5f670b6f0dc88a4ca5c1fb674
Binary files /dev/null and b/ch3co2h.PNG differ
diff --git a/ch3cooh.PNG b/ch3cooh.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..265a1d3bf055bc29efcf24dd7200964a7f57448f
Binary files /dev/null and b/ch3cooh.PNG differ
diff --git a/chemicals.jpg b/chemicals.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..216fd73145525a879e31014bbe415267ad7d52b2
Binary files /dev/null and b/chemicals.jpg differ
diff --git a/day.txt b/day.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bcfdcae04939ddd13e9645bbe9b05e7cbdcb903c
--- /dev/null
+++ b/day.txt
@@ -0,0 +1,95 @@
+div {
+ display: block;
+}
+#wrapper {
+ width: 400px;
+ height:400px;
+}
+
+#first {
+ float:left;
+ width: 33%;
+ height: 100%;
+ background: red;
+}
+
+#second {
+ float:left;
+ width: 67%;
+ height: 30%;
+ background: green;
+}
+
+#third {
+ float:left;
+ width: 67%;
+ height: 70%;
+ background: blue;
+}
+
+
+
+====================================================
+
+
+
+body{
+ width: available;
+ height: available;
+}
+
+.container{
+ width: available;
+ height: available;
+}
+
+.leftpane{
+ width: 25%;
+ min-width: 350px;
+ height: available;
+ min-height: 400px;
+ float: left;
+ background-color: rosybrown;
+ border-collapse: collapse;
+}
+
+.middlepane{
+ width: 50%;
+ min-width: 800px;
+ height: available;
+ min-height: 650px;
+ float: left;
+ background-color: royalblue;
+ border-collapse: collapse;
+}
+
+.rightpane{
+ width: available;
+ height: available;
+ position: relative;
+ margin-left: 75%;
+ background-color: yellow;
+ border-collapse: collapse;
+}
+
+.toppane{
+ width: available;
+ height: 100px;
+ border-collapse: collapse;
+ background-color: #4da6ff;
+}
+
+
+
+
Test Page
+
Test Page
+
Test Page
+
Test Page
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+