diff --git a/AdaBobbiCara/enconv.html b/AdaBobbiCara/enconv.html
index da634ab..84b89f0 100644
--- a/AdaBobbiCara/enconv.html
+++ b/AdaBobbiCara/enconv.html
@@ -5,7 +5,7 @@
 	<meta charset="UTF-8">
 
     <!-- CSS -->
-    <link rel="stylesheet" href="/public_html/si21-2/enconv/enconv.css">
+    <link rel="stylesheet" href="./enconv.css">
 </head>
 
 <body>
@@ -19,7 +19,7 @@
 	<form>
 		<label for="input">Input:</label>
 		<input type="text" id="input" name="input" placeholder="Type a word...">
-		<button>Convert</button>
+		<button onclick="convert();">Convert</button>
 	</form>
 
 	<!-- adding table with all encodings -->
@@ -33,4 +33,11 @@
 		</tr>
 	</table>
 </body>
+<script>
+	function convert(){
+		event.preventDefault();
+		var charles = document.getElementById("input").value;
+		console.log(charles,charles.charCodeAt(0).toString(2),charles.charCodeAt(0).toString(16),charles.charCodeAt(0).toString(10));
+	}
+</script>
 </html>
diff --git a/rosettastone/index.html b/rosettastone/index.html
new file mode 100644
index 0000000..57e3e84
--- /dev/null
+++ b/rosettastone/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<link rel="stylesheet" href="stylesheet.css">
+</head>
+<body>
+
+<div class="wrap">
+   <div class="search">
+      <input type="text" class="searchTerm" placeholder="input">
+      <button type="submit" class="searchButton">
+        <i class="fa fa-search"></i>
+     </button>
+   </div>
+</div>
+
+</body>
+</html>
+
diff --git a/rosettastone/stylesheet.css b/rosettastone/stylesheet.css
new file mode 100644
index 0000000..8f6a55a
--- /dev/null
+++ b/rosettastone/stylesheet.css
@@ -0,0 +1,48 @@
+@import url(https://fonts.googleapis.com/css?family=Open+Sans);
+
+body{
+  background: #f2f2f2;
+  font-family: 'Open Sans', sans-serif;
+}
+
+.search {
+  width: 100%;
+  position: relative;
+  display: flex;
+}
+
+.searchTerm {
+  width: 100%;
+  border: 3px solid #00B4CC;
+  border-right: none;
+  padding: 5px;
+  height: 20px;
+  border-radius: 5px 0 0 5px;
+  outline: none;
+  color: #9DBFAF;
+}
+
+.searchTerm:focus{
+  color: #00B4CC;
+}
+
+.searchButton {
+  width: 40px;
+  height: 36px;
+  border: 1px solid #00B4CC;
+  background: #00B4CC;
+  text-align: center;
+  color: #fff;
+  border-radius: 0 5px 5px 0;
+  cursor: pointer;
+  font-size: 20px;
+}
+
+/*Resize the wrap to see the search bar change!*/
+.wrap{
+  width: 30%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
\ No newline at end of file
