From c59fbf695bf1b8a664d3d91c601c2d49d9435044 Mon Sep 17 00:00:00 2001 From: solangeihirwe03 Date: Wed, 13 Mar 2024 23:09:05 +0200 Subject: [PATCH] age calculator --- age.css | 45 +++++++++++++++++++++++++++++++++++++++++++++ age.js | 1 + ageCalculator.html | 22 ++++++++++++++++++++++ 3 files changed, 68 insertions(+) create mode 100644 age.css create mode 100644 age.js create mode 100644 ageCalculator.html diff --git a/age.css b/age.css new file mode 100644 index 0000000..d50a203 --- /dev/null +++ b/age.css @@ -0,0 +1,45 @@ +*{ + padding: 0; + margin: 0; + box-sizing: border-box; +} + +body{ + width: 30%; + background-color: #252D33; + position: absolute; + left: 35%; + top: 35%; + +} +.container{ + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #4D8CB8; + gap: 20px; +} +.dob{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 20px; +} +.dob input{ + width: 100%; + padding: 8px; + font-size: 20px; + color: #252D33; +} +.dob button{ + padding: 8px; + width: 50%; + color: white; + font-weight: bold; + background: #252D33; + font-size: 15px; + border-radius: 8px; +} diff --git a/age.js b/age.js new file mode 100644 index 0000000..0a0a80d --- /dev/null +++ b/age.js @@ -0,0 +1 @@ +const date = document.getElementById('date'); \ No newline at end of file diff --git a/ageCalculator.html b/ageCalculator.html new file mode 100644 index 0000000..545ddd8 --- /dev/null +++ b/ageCalculator.html @@ -0,0 +1,22 @@ + + + + + + Document + + + +
+
+

Age Calculator

+
+
+

Enter your date of birth

+ + +
+
+
+ + \ No newline at end of file