4x12=
+48
+| AC | +( | +) | +% | +
| 7 | +8 | +9 | +÷ | +
| 4 | +5 | +6 | +× | +
| 1 | +2 | +3 | +- | +
| , | +0 | += | ++ | +
diff --git a/homework/2-calculator/galina_al/index.css b/homework/2-calculator/galina_al/index.css new file mode 100644 index 0000000..b33f231 --- /dev/null +++ b/homework/2-calculator/galina_al/index.css @@ -0,0 +1,88 @@ +*{ + margin: 0; + padding: 0; +} + +body{ + background-color: #22b2ec; + font-family: 'Indie Flower', cursive; + font-family: 'Lato', sans-serif; + font-family: 'Montserrat', sans-serif; + font-family: 'Dosis', sans-serif; + font-family: 'BioRhyme Expanded', serif; + font-family: 'Titillium Web', sans-serif; + font-family: 'Nunito', sans-serif; +} + +.main{ + height: 100vh; + width: 100%; + display: flex; + justify-content: center; + +} +.container{ + width: 20%; + margin: auto; + box-shadow: 0px 45px 40px -30px rgba(0, 0, 0, .3); +} + +.output{ + padding: 15px; + background-color: #4b5665; + text-align: right; + border-top-right-radius: 10px; + border-top-left-radius: 10px; +} + +.calculation{ + font-size: 1.2rem; + color: #adb5b8; + font-weight: 100; +} + +.total{ + padding-top: 5px; + font-size: 2.5rem; + color: white; + font-weight: bold; +} + +.keyboard{ + width: 100%; + table-layout: fixed; + text-align: center; + border: 1px solid transparent; + border-collapse: collapse; + background-color: white; + border-bottom-right-radius: 10px; + border-bottom-left-radius: 10px; + text-transform: uppercase; +} + +td{ + padding: 10px; + border-bottom: 1px solid #f2f2f2; +} + +td:not(:last-child){ + border-right: 1px solid #f2f2f2; +} + +.fifth td{ + border-bottom: 0px; +} + +td.operation{ + font-size: 1.7rem; + color: #54656C; + font-weight: 400; +} + +td.number{ + font-size: 1.5rem; + color: #adb5b8; + font-weight: 100; +} + + diff --git a/homework/2-calculator/galina_al/index.html b/homework/2-calculator/galina_al/index.html new file mode 100644 index 0000000..6179aad --- /dev/null +++ b/homework/2-calculator/galina_al/index.html @@ -0,0 +1,63 @@ + + +
+ +4x12=
+48
+| AC | +( | +) | +% | +
| 7 | +8 | +9 | +÷ | +
| 4 | +5 | +6 | +× | +
| 1 | +2 | +3 | +- | +
| , | +0 | += | ++ | +