Adding style

1 week ago · 40995c17d6
parent 36b66ad9d7
commit 40995c17d6
2 changed files with 42 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -5,6 +5,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="BeagleBone Dashboard for sensor cape">
    <title>Sensor Dashboard</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
    <div class="container">
--- a/style.css
+++ b/style.css
@ -0,0 +1,41 @@
+body {
+    margin: 10;
+    font-family: Arial, sans-serif;
+    justify-content: center;
+    align-items: center;  
+    background-color: #efeff8;
+    color:#121;
+    display: flex;
+    height: 400px;
+}
+
+.container {
+    background: white;
+    padding: 10px;
+    border-radius: 12px;
+    box-shadow: 10px 10px 8px rgba(0,0,0, 0.1);
+    text-align: center;
+    width: 90%;
+    max-width: 400px;
+}
+
+h1 {
+    font-size: 22pt;
+    margin-bottom: 5px;
+}
+
+button {
+    margin-top: 5px;
+    font-size: 14pt;
+    padding: 8px 16px;
+    background: #007bff;
+    color: white;
+    border: none;
+    border-radius: 6px;
+    cursor: pointer;
+
+}
+
+button:hover {
+    background: #b0bba3;
+  }