diff --git a/README.md b/README.md index 7ed589e..82495c0 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,24 @@ +EDUCATIONAL WEBSITE BUILT FOR ELEMENTARY SCHOOL KIDS FOR GRADES 1ST THROUGH 3RD. +BUILD UP YOUR MATH SKILLS USING THE FREE RESOURCE! +SOLVE MATH PRACTICE PROBLEMS 5 MINUTES EACH DAY! + +Tech Stack: Bootstrap4, Html, CSS, JavaScript, jQuery + +https://monicadeshmukh.github.io/sba.javascript_3-page-website/. + +https://github.com/monicadeshmukh/sba.javascript_3-page-website/blob/master/img/indexPage.jpg + +https://github.com/monicadeshmukh/sba.javascript_3-page-website/blob/master/img/firstGradePage.jpg + +https://github.com/monicadeshmukh/sba.javascript_3-page-website/blob/master/img/secondGrade.jpg + +https://github.com/monicadeshmukh/sba.javascript_3-page-website/blob/master/img/thirdGrade.jpg + + + + + + # AD - SBA - HTML/CSS/JavaScript diff --git a/README.md.docx b/README.md.docx new file mode 100644 index 0000000..8856a8f Binary files /dev/null and b/README.md.docx differ diff --git a/about.html b/about.html new file mode 100644 index 0000000..5b7e2b7 --- /dev/null +++ b/about.html @@ -0,0 +1,249 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Elementary Math + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
picture
+
+
Math is Fun!
+

Learn it bit by bit!

+
+
+ +
+
+ + + + + + + + + + +
+
+ +
+ About

+ Training

+ Experience

+ Education

+ Certifications

+
+ +
+ + +
+
+

CAREER PROFILE

+

Highly motivated Java / Full Stack engineer with over four years of experience working as a software developer /Analyst.
Master's degree in Information Technology.

+
+ +
+

Skills


+
    +
  • Languages: Java, Javascript, c#, Python
    • +
  • IDE: Eclipse, Visual Studio, Dreamweaver, Android Studio
    • +
  • Tools: Sandbox, Sublime, Codepen, Notepad++
    • +
  • RDBMS: Oracle, MS SQL Server
    • +
  • Framesworks: Bootstrap 4
    • +
  • Methodologies: Agile Scrum
    • +
  • Web hosting Services: Github, Bitbucket
    • +
+
+ +
+

TRAINING



+
+
Full Stack Java Developer bootcamp PerScholas.org
+
June 2020 - Present

+

Currently doing a rigorous hands on project based training in Java Full Stack Devlopment. Developing a banking web application.

+
+ +
+
Full-Stack Web Development specialization Coursera.org
+
March 2020 - Present
+

Developing a restaurant website as part of the four-course specialization.
+ Environment: bitbucket, git, Bootstrap4, HTML, CSS, JavaScript, Sublime Text Editor

+
+ +
+
Three course specialization in Java Programming Language Coursera.org
+
Jan 2016 - May 2016

+

Developed three projects.

+
    +
  • Display Earthquake data on world map. +
      +
    • Made the map interactive. Added icons to display information like location and population when hovered over them.
      • +
    • Added function key to the map.
      • +
    • Displayed the most current earthquake data on the map.
      • +
    +
    • + +
  • GPS Navigation System +
      +
    • Java program finds driving directions between start and end points.
      • +
    • Used different search Algorithms like BFS, Dijkstra and A*.
      • +
    +
    • + +
  • Text Editor Program +
      +
    • Auto generated smart text when user is typing words.
      • +
    • Autocomplete the text and did spell check.
      • +
    +
    • +
+

Environment: Java 7, Eclipse

+
+ +
+
Programming Mobile Applications for Android Handheld Systems Coursera.org
+
Sept 2015 – Dec 2015


+
    +
  • Developed Daily Selfie app. +
      +
    • Used smartphone camera simulator to take selfie pictures.
      • +
    • Program saves pictures and gives reminder notifications on smartphone.
      • +
    +
    • + +
  • Soap bubbles app. +
      +
    • Used smartphone camera simulator to take selfie pictures.
      • +
    • Program saves pictures and gives reminder notifications on smartphone.
      • +
    +
    • +
+

Environment: Android Studio, Smartphone simulator

+
+
+ + +
+

EXPERIENCE



+
+
Programmer Analyst
+
1994 - 1999
+
ICIL (Zensar Technologies)Pune, India
+
    +
  • Technical Consultant
    Fujitsu Singapore Pvt. Ltd., Singapore. +
      +
    • Trained a team of 7 people on Oracle basics, PL/SQL and Forms 4.5, Reports 2.5.
      • +
    • Prepared training material and coursework specific to the customer’s needs to prepare the team for development of project for the Takashimaya chain of shops in Singapore.
      • +
    • Verifying implementation of various standards such as coding standards and GUI standards as per customer specification as well as documentation as per ISO 9000 standard.
      • +
    • Completed the bug fixing, modification and testing job onsite in Osaka, Japan.
      • +
    • Earned A grade in the project evaluation with a salary raise and upgrade in job title as Systems Analyst.
      • +
    +
    • + +
  • Module leader and developer
    Production Management System, Matsushita Electric Works, Osaka, Japan. +
      +
    • Guided a team of 4 people, provided technical support to team members.
      • +
    • Unit testing of programs developed by the team members.
      • +
    +
    • + +
  • Senior Software Engineer
    Satyam Computer Systems Limited, India +
      +
    • Worked as a module leader on a web based application for the client Fiserv, Inc, USA.
      • +
    • Project was in initiation phase. Completed training in JDK1.1.5 and CBT for CORBA.
      • +
    +
    • +
+
+
+ +
+
EDUCATION


+
+
M.S. Information Technology, University of Texas Pan American +
+
July 2006 - July 2008
+

GPA: 4.0, Rank: 1st among 183 students of all Engineering branches at UTPA.

+ +
+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/style.css b/css/style.css index d17d83a..d09b609 100644 --- a/css/style.css +++ b/css/style.css @@ -1,4 +1,4 @@ -body { +/*body { background-color: navy; } @@ -6,4 +6,307 @@ body { object { height: 100vh; width: 100vh; +}*/ +body { + background-color: light gray; + /*padding: 50px 0px 0px 0px;*/ + z-index: 0; /*defines stacking order of the html element. higher index gets stacked on the top of lower index element. */ +} + + +object { + height: 100vh; + width: 100vh; +} + +address{ + font-size:100%; + margin:3px; + color:#0f0f0f; +} + + +i{ + color: rgb(54, 138, 16); + font-family: calibri, Helvetica, sans-serif; + width: 100px; + height: 100px; +} + +.linkclass { + color: black; + font-size: 18px; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + font-style: italic; +} + +.headings { + color: white; + font-weight: bold; + font-size: 18px; + font-style: italic; + font-family: cursive; +} + +label {font-size: 14px; + font-weight: bold; + color: white; } + +.titles { + color: black; + font-weight: bold; + font-size: 16px; + font-style: italic; +} + +.description { + color: black; + font-weight: normal; + font-size: 14px; + font-family: Arial, Helvetica, sans-serif; +} + + +.hideAbout +#about {display: none;} + +.hideTraining + #training{display: none;} + +/*html, body, { + height: 100%; +}*/ + +/* Added: Monica Deshmukh 06232020*/ +/*div { +display: inline-block; + background-color: lightgray; + height:100%; + +} + + div div{/*div containers that are child of a div*/ + /*background-color: lightblue; + width: 20%; + height:100%; + }*/ + +.row-header{ + margin:0px auto; + padding:0px; +} + +.row-content { + margin:0px auto; + padding: 50px 0px 50px 0px; + border-bottom: 1px ridge; + min-height:400px; +} + +.footer{ + background-color: #D1C4E9; + margin:0px auto; + padding: 20px 0px 20px 0px; +} + +.jumbotron { + padding:70px 30px 70px 30px; + margin:0px auto; + background: #9575CD ; + color:floralwhite; +} + +address{ + font-size:80%; + margin:0px; + color:#0f0f0f; +} + +.avatar { + vertical-align: middle; + width: 100%; + height: 100%; + /*border-radius: 50%;*/ + align-content: center; +} + +/* default navbar-dark class is overloaded to change the background color to a shade of purple */ +.navbar-dark { + background-color: #512DA8; +} + +.tab-content { + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; + border-bottom: 1px solid #ddd; + padding: 10px; +} + +#outerdiv { + /*position: absolute; + width:80%; + height:100%; + background-color: lightgray; + border: 2px black; + margin: 0;*/ + position: absolute; + width:100%; + height:100%; + background-color: white; + padding: 10px; + border: 2px; + margin: 0; +} + +.innerdiv1 { + /* top: 0px; + align-self: right; + position: absolute; + height:100%; + background-color: lightblue; + border: 2px solid white; + margin: 0;*/ + top: 0px; + left: 0px; + position: absolute; + /*width:100px; + height:100px;*/ + width:20%; + height:100%; + background-color: lightblue; + display: inline-block; +} + +#innerdiv2 { + /*top: 150px; + left: 10px; + width:150px; + position: absolute; + height:100px; + background-color: beige; + padding: 10px; + border: 2px solid white; + margin: 20;*/ + top: 0px; + left: 20%; + width:80%; + position: absolute; + height:100%; + background-color: lightgray; +} + + +.info { + color: black; + font-size: 18px; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; +} + +/*.headings { + color: black; + font-size: 22px; + font-family: Arial, Helvetica, sans-serif; +}*/ + +body { + margin: 0; + font-family: "Lato", sans-serif; +} + +.sidebar { + margin: 0; + padding: 0; + width: 200px; + background-color: #f1f1f1; + position: fixed; + height: 100%; + overflow: auto; +} + +.sidebar a { + display: block; + color: black; + padding: 16px; + text-decoration: none; +} + +.sidebar a.active { + background-color: #4CAF50; + color: white; +} + +.sidebar a:hover:not(.active) { + background-color: #555; + color: white; +} + +div.content { + margin-left: 200px; + padding: 1px 16px; + height: 1000px; +} + +@media screen and (max-width: 700px) { + .sidebar { + width: 100%; + height: auto; + position: relative; + } + .sidebar a {float: left;} + div.content {margin-left: 0;} +} + +@media screen and (max-width: 400px) { + .sidebar a { + text-align: center; + float: none; + } +} + +/* Dropdown Button */ +.dropbtn { + background-color: #3498DB; + color: white; + padding: 16px; + font-size: 16px; + border: none; + cursor: pointer; + } + + /* Dropdown button on hover & focus */ + .dropbtn:hover, .dropbtn:focus { + background-color: #2980B9; + } + + /* The container
- needed to position the dropdown content */ + .dropdown { + position: relative; + display: inline-block; + } + + /* Dropdown Content (Hidden by Default) */ + .dropdown-content { + display: none; + position: absolute; + background-color: #f1f1f1; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + } + + /* Links inside the dropdown */ + .dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + } + + /* Change color of dropdown links on hover */ + .dropdown-content a:hover {background-color: #ddd} + + /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */ + .show {display:block;} diff --git a/fifthGrade.html b/fifthGrade.html new file mode 100644 index 0000000..500ea82 --- /dev/null +++ b/fifthGrade.html @@ -0,0 +1,120 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Elementary Math + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+
picture
+
+
Math is Fun!
+

Practice it each day!

+
+
+ +
+
+ + + + + + + +
+
+ +
+ Home

+ First Grade

+ Second Grade

+ Third Grade

+ Fourth Grade

+ Fifth Grade

+
+ + + +
+ +
+
+

BUILD YOUR MATH SKILLS!

+

SOLVE MATH PRACTICE PROBLEMS 5 MINUTES EACH DAY!

+

LET'S BEGIN! CHOOSE A CLASSROOM AND SOLVE A 5 MINUTE MATH CHALLENGE!

+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/firstGrade.html b/firstGrade.html new file mode 100644 index 0000000..6d336ad --- /dev/null +++ b/firstGrade.html @@ -0,0 +1,168 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + First Grade Math + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+
+ picture +
+
+
Math is Fun!
+

Practice Math Every day!

+
+
+ +
+
+ + + + + + + +
+
+ +
+ Home

+ First Grade

+ Second Grade

+ Third Grade

+ +
+
+ +
+
+
+ + +
+
+ +
+

Today's Challenge!

+

Count the circles!

+
+
+ +
+ +

+ +

+
+
+

+ +
+ +
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/fourthGrade.html b/fourthGrade.html new file mode 100644 index 0000000..500ea82 --- /dev/null +++ b/fourthGrade.html @@ -0,0 +1,120 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Elementary Math + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+
picture
+
+
Math is Fun!
+

Practice it each day!

+
+
+ +
+
+ + + + + + + +
+
+ +
+ Home

+ First Grade

+ Second Grade

+ Third Grade

+ Fourth Grade

+ Fifth Grade

+
+ + + +
+ +
+
+

BUILD YOUR MATH SKILLS!

+

SOLVE MATH PRACTICE PROBLEMS 5 MINUTES EACH DAY!

+

LET'S BEGIN! CHOOSE A CLASSROOM AND SOLVE A 5 MINUTE MATH CHALLENGE!

+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/firstGradePage.jpg b/img/firstGradePage.jpg new file mode 100644 index 0000000..73b2e6e Binary files /dev/null and b/img/firstGradePage.jpg differ diff --git a/img/hifi.gif b/img/hifi.gif new file mode 100644 index 0000000..c635831 Binary files /dev/null and b/img/hifi.gif differ diff --git a/img/hifi1.gif b/img/hifi1.gif new file mode 100644 index 0000000..65f6b13 Binary files /dev/null and b/img/hifi1.gif differ diff --git a/img/hifi3.gif b/img/hifi3.gif new file mode 100644 index 0000000..c5a2d3e Binary files /dev/null and b/img/hifi3.gif differ diff --git a/img/hifi4.gif b/img/hifi4.gif new file mode 100644 index 0000000..b6dc476 Binary files /dev/null and b/img/hifi4.gif differ diff --git a/img/indexPage.jpg b/img/indexPage.jpg new file mode 100644 index 0000000..839df9f Binary files /dev/null and b/img/indexPage.jpg differ diff --git a/img/secondGrade.jpg b/img/secondGrade.jpg new file mode 100644 index 0000000..798015f Binary files /dev/null and b/img/secondGrade.jpg differ diff --git a/img/thirdGrade.jpg b/img/thirdGrade.jpg new file mode 100644 index 0000000..25d5ed1 Binary files /dev/null and b/img/thirdGrade.jpg differ diff --git a/index.html b/index.html index 4dc0c72..b069380 100644 --- a/index.html +++ b/index.html @@ -7,12 +7,39 @@ - - + + + + + + + + + + + + + + + + + + + + + + + + + + Elementary Math + @@ -34,11 +61,64 @@ - - The quickest of brown foxes. - - - +
+
+ +
+ +
+
picture
+
+
Math is Fun!
+

Practice it each day!

+
+
+ +
+
+ + + + + + + +
+
+ +
+ Home

+ First Grade

+ Second Grade

+ Third Grade

+ +
+ + + +
+ +
+
+
+ + +
+
+ +
+

BUILD YOUR MATH SKILLS!

+

SOLVE MATH PRACTICE PROBLEMS 5 MINUTES EACH DAY!

+

LET'S BEGIN! CHOOSE A CLASSROOM AND SOLVE A 5 MINUTE MATH CHALLENGE!

+
+
+
+
@@ -50,6 +130,7 @@ + diff --git a/js/firstGrade.js b/js/firstGrade.js new file mode 100644 index 0000000..8f2a0ef --- /dev/null +++ b/js/firstGrade.js @@ -0,0 +1,21 @@ +function firstGradeProblem() { + var cnt, ans, text; + //var count=0; + + // Get the value of the answer field + ans= document.getElementById("answer").value; + + cnt = document.getElementById("beadBox").childElementCount; +//window.alert("ans: " + ans); +if (ans == cnt){ + text = "You are right!"; + document.getElementById("hifi").style.display = "inline"; +} + else { + text = "Hmm! Try Again." + document.getElementById("hifi").style.display = "none"; + } + + document.getElementById("result").innerHTML = text; + document.getElementById("problem").reset(); +} \ No newline at end of file diff --git a/js/footer-functions.js b/js/footer-functions.js index c7d6a2c..d5461a9 100644 --- a/js/footer-functions.js +++ b/js/footer-functions.js @@ -1,2 +1,2 @@ -w3IncludeHTML(); -document.write(''); +//w3IncludeHTML(); +//document.write(''); diff --git a/js/secondGrade.js b/js/secondGrade.js new file mode 100644 index 0000000..b551739 --- /dev/null +++ b/js/secondGrade.js @@ -0,0 +1,16 @@ +function secondGradeProblem() { + var ans, text; + var num1 = document.getElementById("number1").innerHTML; + var num2 = document.getElementById("number2").innerHTML; + ans= Number(num1) + Number(num2); + var userAnswer = document.getElementById("answer").innerHTML; + //console.log(userAnswer); + //debugger + if (ans == userAnswer) + text = "You are right!"; + else + text = "Hmm! Try Again." + + document.getElementById("result").innerHTML = text; + // document.getElementById("secondGradeProblem").reset(); + } \ No newline at end of file diff --git a/js/thirdGrade.js b/js/thirdGrade.js new file mode 100644 index 0000000..f7dfbca --- /dev/null +++ b/js/thirdGrade.js @@ -0,0 +1,76 @@ +function thirdGradeProblem() { + + var grid = new Map(); + var key; + var value = []; + var val1, val2; + + key = "+"; + val1 = document.getElementById("additionNum1").value; + val2 = document.getElementById("additionNum2").value; + value = [val1,val2]; + grid.set(key,value); + + key = "-"; + val1 = document.getElementById("subtractionNum1").value; + val2 = document.getElementById("subtractionNum2").value; + value = [val1,val2]; + grid.set(key,value); + + key = "*"; + val1 = document.getElementById("multiplicationNum1").value; + val2 = document.getElementById("multiplicationNum2").value; + value = [val1,val2]; + grid.set(key,value); + + key = "/"; + val1 = document.getElementById("divisionNum1").value; + val2 = document.getElementById("divisionNum2").value; + value = [val1,val2]; + grid.set(key,value); + + var additionResult = document.getElementById("additionResult").value; + var subtractionResult = document.getElementById("subtractionResult").value; + var multiplicationResult = document.getElementById("multiplicationResult").value; + var divisionResult = document.getElementById("divisionResult").value; + + var ans; + var result = true; + + const iterator1 = grid[Symbol.iterator](); + + for (let item of iterator1) { + if (item[0] === "+"){ + ans = Number(item[1][0]) + Number(item[1][1]); + document.getElementById("additionAnswer").innerHTML = ans; + if (Number(additionResult) != ans) result = false; + } + else if (item[0] === "-"){ + ans = Number(item[1][0]) - Number(item[1][1]); + document.getElementById("subtractionAnswer").innerHTML = ans; + if (Number(subtractionResult) != ans) result = false; + } + else if (item[0] === "*"){ + ans = Number(item[1][0]) * Number(item[1][1]); + document.getElementById("multiplicationAnswer").innerHTML = ans; + if (Number(multiplicationResult) != ans) result = false; + } + else if (item[0] === "/"){ + ans = Number(item[1][0]) / Number(item[1][1]); + document.getElementById("divisionAnswer").innerHTML = ans; + if (Number(divisionResult) != ans) result = false; + } + } + + if (result) { + text = "You are right!"; + document.getElementById("hifi").style.display = "inline"; + } + else { + text = "Hmm! Try Again." + document.getElementById("hifi").style.display = "none"; + } + + document.getElementById("result").innerHTML = text; + // document.getElementById("secondGradeProblem").reset(); +} \ No newline at end of file diff --git a/secondGrade.html b/secondGrade.html new file mode 100644 index 0000000..f8ca7a8 --- /dev/null +++ b/secondGrade.html @@ -0,0 +1,197 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Second Grade Math + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+
picture
+
+
Math is Fun!
+

Practice it each day!

+
+
+ +
+
+ + + + + + + +
+
+ +
+ Home

+ First Grade

+ Second Grade

+ Third Grade

+ +
+ +
+
+ +
+
+ + +
+
+ +
+

Today's Challenge!

+

Can you add these numbers?



+
+ +
+

+

+ +

+

=

+ +

+ + +

+
+

+ +
+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/thirdGrade.html b/thirdGrade.html new file mode 100644 index 0000000..1393af0 --- /dev/null +++ b/thirdGrade.html @@ -0,0 +1,248 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Third Grade Math + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+
+ picture +
+
+
Math is Fun!
+

Practice math Every day!

+
+
+ +
+
+ + + + + + + +
+
+ +
+ Home

+ First Grade

+ Second Grade

+ Third Grade

+ +
+ +
+ +
+ +
+
+ + +
+
+ +
+

Today's Challenge!

+

Let's solve a math grid!



+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Solve the followingAnswer
+

-

*

/



+ +
+ + +

+ +
+


+ +
+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/thirdGrade.jpg b/thirdGrade.jpg new file mode 100644 index 0000000..25d5ed1 Binary files /dev/null and b/thirdGrade.jpg differ