change uiux

Lifewithmuskan · Lifewithmuskan · commit 3562bcad9948 · 2023-06-21T23:47:23.000+05:30
diff --git a/Projects/Audio-Text-Converter/index.html b/Projects/Audio-Text-Converter/index.html
@@ -4,7 +4,10 @@
 <head>
     <title>Speech to Text Converter (हिंदी)</title>
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
-
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&family=Tilt+Prism&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="style.css">
 </head>
 
 <body>
@@ -16,9 +19,9 @@ <h1 class="text-center">
         <br>
         <h5 id="instructions" class="text-center"></h5>
         <div class="form-group">
-            <textarea class="form-control" id="textarea" cols="30" rows="10"></textarea>
+            <textarea class="form-control" id="textarea" cols="30" rows="16" style="  background-color: black;"></textarea>
         </div>
-        <button id="start" class="btn btn-danger btn-block">
+        <button id="start" class="btn btn-danger btn-block" style="  background-color: rgb(85, 9, 9);">
             Click here to Start Recording
         </button>
     </div>
diff --git a/Projects/Audio-Text-Converter/style.css b/Projects/Audio-Text-Converter/style.css
@@ -0,0 +1,16 @@
+h1 {
+    font-family: 'Tilt Prism', cursive;
+    color:white;
+}
+button{
+    font-family: 'Source Code Pro', monospace;
+    color:white;
+    background-color: rgb(82, 3, 3);
+}
+body{
+  
+    background-image:url("textimage.jpg")
+}
+.textarea{
+    background: url("textimage.jpg");
+}
diff --git a/Projects/Audio-Text-Converter/textimage.jpg b/Projects/Audio-Text-Converter/textimage.jpg
