modified html style script

chingu-voyages · Sep 23, 2024 · 1fc38fa · 1fc38fa
1 parent a92febd
commit 1fc38fa
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 93 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -7,73 +7,3 @@ body {
     height: 100vh;
 }
 
-.roboto-bold {
-    font-family: "Roboto", sans-serif;
-    font-weight: 700;
-    font-style: normal;
-  }
-
-.button {
-  align-items: center;
-  background-color: #fee6e3;
-  border: 2px solid #111;
-  border-radius: 8px;
-  box-sizing: border-box;
-  color: #111;
-  cursor: pointer;
-  display: flex;
-  font-family: Inter,sans-serif;
-  font-size: 16px;
-  height: 48px;
-  justify-content: center;
-  line-height: 24px;
-  max-width: 100%;
-  padding: 0 25px;
-  position: relative;
-  text-align: center;
-  text-decoration: none;
-  user-select: none;
-  -webkit-user-select: none;
-  touch-action: manipulation;
-}
-
-.button:after {
-  background-color: #111;
-  border-radius: 8px;
-  content: "";
-  display: block;
-  height: 48px;
-  left: 0;
-  width: 100%;
-  position: absolute;
-  top: -2px;
-  transform: translate(8px, 8px);
-  transition: transform .2s ease-out;
-  z-index: -1;
-}
-
-.button:hover:after {
-  transform: translate(0, 0);
-}
-
-.button:active {
-  background-color: #ffdeda;
-  outline: 0;
-}
-
-.button:hover {
-  outline: 0;
-}
-
-@media (min-width: 768px) {
-  .button {
-    padding: 0 40px;
-  }
-}
-
-.visability {
-    opacity: 0;
-}
-/* ========== */
-
-
diff --git a/assets/js/script.js b/assets/js/script.js
@@ -1,18 +1,3 @@
-// Feel free to erase all this code --Reinaldo--
-const button = document.getElementById("button")
-const awesome = document.getElementById("awesome")
-
-button.addEventListener("click", () => {
-    awesome.textContent = "Awesome!!!"
-    button.classList.add("visability")
-    setInterval(() => 
-         {
-        awesome.textContent = ""    
-        button.classList.remove("visability")
-    }, 4000);
-
-})
-
 // Add Event
 let events = [
     {name: "Movie", eventID: 1234},

diff --git a/index.html b/index.html
@@ -3,11 +3,6 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <!--  added a random font "Roboto" -->
-    <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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
-    <!-- ==== -->
     <title>Team 2 Practice website</title>
     <link rel="stylesheet" href="assets/css/styles.css">
     <script src="assets/js/script.js" defer></script>
@@ -17,8 +12,6 @@
 
     <h2 class="roboto-bold" >Making progress, and learning lots!</h2> <!--feel free to delete this - Carina -->
     <h3 class="testing-testing">Testing out branching!</h3> <!--feel free to delete this - Jessi -->
-    <h1 class="awesome" id="awesome" ></h1> <!--feel free to delete this - Reinaldo -->
-    <button class="button" id="button">Click Me!</button> <!--feel free to delete this - Reinaldo -->
     <input name="user name" placeholder="First Name Last Name">
     <input type="submit">
 
@@ -30,7 +23,8 @@ <h2>User Events</h2>
     </section>
 <!--Box to display divided costs-->
     <section class="expence-box">
-
+       <label for="expense"></label> 
+       <input type="number" placeholder="Add Expense">
     </section>
 
 </body>