diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 000000000..12a10813a Binary files /dev/null and b/.DS_Store differ diff --git a/Employee_Management/DAY-6 Que-1.html b/Employee_Management/DAY-6 Que-1.html index bb6a67808..2f3a9a0f2 100644 --- a/Employee_Management/DAY-6 Que-1.html +++ b/Employee_Management/DAY-6 Que-1.html @@ -3,17 +3,19 @@ - Day-6 que-1 + Emloyees - + + + -
+

Employees

-
+
Search Employee By Name : />
-
+
Search Employee By City : />

- +
diff --git a/Employee_Management/employee.js b/Employee_Management/employee.js index 61b5eeea0..c452db5f1 100644 --- a/Employee_Management/employee.js +++ b/Employee_Management/employee.js @@ -31,10 +31,10 @@ let ouremployees = [ }, ]; -function display(employeearray) { +const display = (employeearray) => { let tabledata = ""; - employeearray.forEach(function (employee, index) { + employeearray.forEach((employee, index) => { let currentrow = ` @@ -42,7 +42,7 @@ function display(employeearray) { `; @@ -56,10 +56,10 @@ function display(employeearray) { display(ouremployees); -function searchByName() { +const searchByName = () => { let searchValue = document.getElementById("searchName").value; - let newdata = ouremployees.filter(function (employee) { + let newdata = ouremployees.filter( (employee) => { return ( employee.name.toUpperCase().indexOf(searchValue.toUpperCase()) != -1 ); @@ -68,7 +68,7 @@ function searchByName() { display(newdata); } -function searchByCity() { +const searchByCity = () => { let searchValue = document.getElementById("searchCity").value; let newdata = ouremployees.filter(function (employee) { @@ -82,7 +82,7 @@ function searchByCity() { -function deleteEmployee(index) { +const deleteEmployee = (index) => { ouremployees.splice(index, 1); display(ouremployees); } diff --git a/Employee_Management/q1styles.css b/Employee_Management/q1styles.css index 0c961dfc3..940c8f725 100644 --- a/Employee_Management/q1styles.css +++ b/Employee_Management/q1styles.css @@ -1,6 +1,11 @@ * { margin: 0px; + font-family: 'Roboto', sans-serif; padding: 0px; + + } + body { + background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); } .data { @@ -11,12 +16,15 @@ margin-top: 50px; padding: 20px; display: inline-block; + background-color: lightcyan; } .table { width: 100%; margin-top: 20px; font-family: calibri; + background-color: lightblue; + } th, td { @@ -32,8 +40,19 @@ button { padding: 10px; + + + } + button:hover { + transform: scale(1.1); + transition: 1s; } .search{ padding: 10px; } + input { + width: 17rem; + } + + \ No newline at end of file diff --git a/calculator/calculator.html b/calculator/calculator.html index 3201047dc..e12dcf710 100644 --- a/calculator/calculator.html +++ b/calculator/calculator.html @@ -1,99 +1,10 @@ - - calculator - - + + + Calculator + + @@ -115,6 +26,8 @@ + + @@ -122,10 +35,7 @@ - + diff --git a/calculator/index.js b/calculator/index.js new file mode 100644 index 000000000..03e654890 --- /dev/null +++ b/calculator/index.js @@ -0,0 +1,7 @@ +let flag = Number("0"); + +const setHistory = () =>{ + document.getElementById("history").value = document.getElementById('screen').value; + document.getElementById("screen").value = ""; + +} \ No newline at end of file diff --git a/calculator/styles.css b/calculator/styles.css new file mode 100644 index 000000000..605c96e40 --- /dev/null +++ b/calculator/styles.css @@ -0,0 +1,81 @@ +.container { + width: 100%; + height: 100%; + margin: 0px; + padding: 0px; + display: flex; + justify-content: center; + align-items: center; +} + +.container .main_container { + width: 30%; + /* height: 85%; */ + background-color: #585555f1; + border-radius: 20px; + padding: 4%; + box-sizing: border-box; +} + +.container .main_container .screen { + width: 100%; + height: 150px; + border-radius: 20px; + border: none; + background-color: white; + padding: 30px; + box-sizing: border-box; + display: flex; + flex-wrap: wrap; +} +.container .main_container .history{ + width: 100%; + height: 30px; + border-radius: 20px; + border: none; + margin-bottom: 5px; + padding: 0px 30px; +} +.container .main_container .screen span{ + font-weight: bolder; + color: black; + margin: 5px; + font-size: 30px; + +} +.keyboard{ + width: 100%; + display: grid; + grid-template-columns: 20% 20% 20% 20%; + grid-template-rows: 20% 20% 20%; + grid-gap: 15px; + + align-items: center; + margin-top: 40px; + +} +.keyboard .keys{ + width: 50px; + height: 50px; + border: none; + border-radius: 10px; + background-color: white; + justify-content: space-around; +} +.main_container input[value]{ + font-size: 30px; +} +@media screen and (max-width :1024px){ + .container .container_main{ + height: 60%; + } + +} +.screen { + font-size: 3rem; +} + +button:hover { + transform: scale(1.1); + transition: 1.25s; +} \ No newline at end of file diff --git a/jokeApp/app.html b/jokeApp/app.html index db687a887..937de0eae 100644 --- a/jokeApp/app.html +++ b/jokeApp/app.html @@ -17,14 +17,18 @@
Qoute saved
+ +
+
+ diff --git a/project-layout/.DS_Store b/project-layout/.DS_Store new file mode 100644 index 000000000..c071cab5d Binary files /dev/null and b/project-layout/.DS_Store differ diff --git a/project-layout/img/data_storage_2_2.png b/project-layout/img/data_storage_2_2.png new file mode 100644 index 000000000..757d1dd1d Binary files /dev/null and b/project-layout/img/data_storage_2_2.png differ diff --git a/project-layout/img/desktop_analytics_2.png b/project-layout/img/desktop_analytics_2.png new file mode 100644 index 000000000..6c794c974 Binary files /dev/null and b/project-layout/img/desktop_analytics_2.png differ diff --git a/project-layout/img/files_2.png b/project-layout/img/files_2.png new file mode 100644 index 000000000..5f6ad6126 Binary files /dev/null and b/project-layout/img/files_2.png differ diff --git a/project-layout/img/monitor_coding_2.png b/project-layout/img/monitor_coding_2.png new file mode 100644 index 000000000..af0c121c5 Binary files /dev/null and b/project-layout/img/monitor_coding_2.png differ diff --git a/project-layout/img/monitor_settings_2.png b/project-layout/img/monitor_settings_2.png new file mode 100644 index 000000000..cbbc35cae Binary files /dev/null and b/project-layout/img/monitor_settings_2.png differ diff --git a/project-layout/img/server_2_2.png b/project-layout/img/server_2_2.png new file mode 100644 index 000000000..872615ace Binary files /dev/null and b/project-layout/img/server_2_2.png differ diff --git a/project-layout/img/server_3.png b/project-layout/img/server_3.png new file mode 100644 index 000000000..d002b4a4f Binary files /dev/null and b/project-layout/img/server_3.png differ diff --git a/project-layout/img/server_safe_2.png b/project-layout/img/server_safe_2.png new file mode 100644 index 000000000..a2d0faed6 Binary files /dev/null and b/project-layout/img/server_safe_2.png differ diff --git a/project-layout/img/undraw.png b/project-layout/img/undraw.png new file mode 100644 index 000000000..f80668d34 Binary files /dev/null and b/project-layout/img/undraw.png differ diff --git a/project-layout/index.html b/project-layout/index.html new file mode 100644 index 000000000..0fa976e82 --- /dev/null +++ b/project-layout/index.html @@ -0,0 +1,30 @@ + + + + Layout Master + + + + +
Cover!!!!
+
+
+
+
+
+
+
+
+
+
+
made by z => m
+ + + \ No newline at end of file diff --git a/project-layout/style.css b/project-layout/style.css new file mode 100644 index 000000000..e165e8ac1 --- /dev/null +++ b/project-layout/style.css @@ -0,0 +1,141 @@ +body { + margin: 0 auto; +} + +.zone { + /*padding:30px 50px;*/ + /*cursor:pointer;*/ + color:#FFF; + font-size:2em; + border-radius:4px; + border:1px solid #bbb; + transition: all 0.3s linear; +} + +.zone:hover { + -webkit-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; + -moz-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; + -o-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; + box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; +} + +/*********************************************************************** + * Nav Bar + **********************************************************************/ +.main-nav { + display: flex; + list-style: none; + margin: 0; + font-size: 0.7em; +} + +@media only screen and (max-width: 600px) { + .main-nav { + font-size: 0.5em; + padding: 0; + } +} + +.push { + margin-left: auto; +} + +li { + padding: 20px; +} + +a { + color: #f5f5f6; + text-decoration: none; +} + + +/*********************************************************************** + * Cover + **********************************************************************/ +.container { + /*show heigh: auto*/ + height: 50vh; + display: flex; + align-items: center; + justify-content: center; +} + +/*********************************************************************** + * Grid Panel + **********************************************************************/ +.grid-wrapper { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); + grid-gap: 20px; +} + +.box { + background-color: #444; + padding: 130px; + margin: 20px; +} + +.box > img { + width: 100%; +} + +/*********************************************************************** + * Footer + **********************************************************************/ +footer { + text-align: center; +} + +/*https://paulund.co.uk/how-to-create-shiny-css-buttons*/ +/*********************************************************************** + * Green Background + **********************************************************************/ +.green { + background: #56B870; /* Old browsers */ + background: -moz-linear-gradient(top, #56B870 0%, #a5c956 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56B870), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #56B870 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #56B870 0%,#a5c956 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #56B870 0%,#a5c956 100%); /* IE10+ */ + background: linear-gradient(top, #56B870 0%,#a5c956 100%); /* W3C */ +} + +/*********************************************************************** + * Red Background + **********************************************************************/ +.red { + background: #C655BE; /* Old browsers */ + background: -moz-linear-gradient(top, #C655BE 0%, #cf0404 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C655BE), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #C655BE 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #C655BE 0%,#cf0404 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #C655BE 0%,#cf0404 100%); /* IE10+ */ + background: linear-gradient(top, #C655BE 0%,#cf0404 100%); /* W3C */ +} + +/*********************************************************************** + * Yellow Background + **********************************************************************/ +.yellow { + background: #F3AAAA; /* Old browsers */ + background: -moz-linear-gradient(top, #F3AAAA 0%, #febf04 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3AAAA), color-stop(100%,#febf04)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #F3AAAA 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #F3AAAA 0%,#febf04 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #F3AAAA 0%,#febf04 100%); /* IE10+ */ + background: linear-gradient(top, #F3AAAA 0%,#febf04 100%); /* W3C */ +} + +/*********************************************************************** + * Blue Background + **********************************************************************/ +.blue { + background: #7abcff; /* Old browsers */ + background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */ + background: linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */ +}
Sr No.
${index + 1} ${employee.name}${employee.city} ${employee.salary} - +