bitrogen
diff --git a/‎action.js b/‎action.js
diff --git a/‎index.htm
+24 b/‎index.htm
+24
diff --git a/‎index.html ‎process.html b/‎index.html ‎process.html
diff --git a/‎style.css
+40 b/‎style.css
+40
@@ -0,0 +1,24 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>BITROGEN</title>
+    <link rel='stylesheet' href='style.css'/>
+    <link rel="stylesheet" href="C:\Users\Bedir\Desktop\python\fontawesome-free-5.15.3-web\css\all.min.css">
+</head>
+<body>
+    <div class="container-main">
+        <div class="container-left"></div>
+        <div class="container-right">
+            <div class="container-top"></div>
+            <div class="container-bot">
+                <div class="container-middle"></div>
+                <div class="container-rigth"></div>
+            </div>
+
+        </div>
+    </div>
+    <script src='action.js'></script>
+</body>
+</html>
@@ -0,0 +1,40 @@
+html,body {
+    margin: 0;
+    height: 100%;
+    width: 100%;
+}
+body {
+    margin: 0 auto;
+    background-color: aqua;
+}
+.container-main {
+    min-height:300px;
+    min-width:200px;
+    height: 600px;
+    width: 900px;
+    background-color: bisque;
+    margin: 100px auto;
+    display: flex;
+}
+.container-main .container-left {
+    border-radius: 10px;
+    width: 200px;
+    height: auto;
+    background-color: black;
+}
+.container-main .container-right {
+    border-radius: 10px;
+    flex: 1;
+}
+.container-main .container-right .container-top {
+    display: flex;
+    border-radius: 10px;
+    width: 700px;
+    height: 300px;
+    background-color: blueviolet;
+}
+.container-main .container-right .container-bot {
+    height: 300px;
+    border-radius: 10px;
+    background-color: crimson;
+}