add content to index.html

PolianskyiDmytro · May 27, 2024 · 78d9519 · 78d9519
1 parent 1c5f14a
commit 78d9519
Showing 1 changed file with 35 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -1,18 +1,52 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="style.css">
   <title>Calculator</title>
 </head>
+
 <body>
   <main>
+    <div class="container">
+      <div class="output">
+        <output class="otuput-item">
 
+        </output>
+      </div>
+      <div class="buttons-panel">
+        <div class="buttons-numbers">
+          <button class="number">1</button>
+          <button class="number">2</button>
+          <button class="number">3</button>
+          <button class="number">4</button>
+          <button class="number">5</button>
+          <button class="number">6</button>
+          <button class="number">7</button>
+          <button class="number">8</button>
+          <button class="number">9</button>
+          <button class="number">0</button>
+          <button class="number">,</button>
+        </div>
+        <div class="buttons-actions">
+          <!-- TODO: look for the appropriate symbols -->
+          <button class="action">Видалити цифру</button>
+          <button class="action">%</button>
+          <button class="action">:</button>
+          <button class="action">x</button>
+          <button class="action">-</button>
+          <button class="action">+</button>
+          <button class="action">=</button>
+        </div>
+      </div>
+    </div>
   </main>
   <footer>
-    
+
   </footer>
   <script src="index.js"></script>
 </body>
+
 </html>