Launching a new form to space! 🚀 - https://uiverse.io/sonex-ICB/curvy…

…-yak-84
diliosinteractive · Feb 5, 2024 · d7e17b2 · d7e17b2
1 parent 70b00a1
commit d7e17b2
Showing 1 changed file with 44 additions and 0 deletions.
diff --git a/Forms/sonex-ICB_curvy-yak-84.html b/Forms/sonex-ICB_curvy-yak-84.html
@@ -0,0 +1,44 @@
+<div class="form">
+  <input placeholder="Email Address" class="input" type="text" />
+  <div class="btn">SUBSCRIBE</div>
+</div>
+
+<style>
+/* From Uiverse.io by sonex-ICB  - Tags: simple, form, login form, subscribe */
+.input,
+.btn {
+  border: 0;
+  outline: 0;
+  padding: 10px;
+  text-align: center;
+  font-weight: 700;
+  color: gray;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-size: 14px;
+  border-radius: 18px 18px 0px 0px;
+}
+.btn {
+  border-radius: 0px 0px 18px 18px;
+  background-color: #c6cf9b;
+  color: #f6eca9;
+  cursor: pointer;
+  transition: 0.5s;
+}
+.form {
+  padding: 4px;
+  background-color: #f6eca9;
+  display: flex;
+  flex-direction: column;
+  border-radius: 18px;
+  box-shadow: 0px 0px 3px 1px #c6cf9b;
+}
+.form:hover {
+  box-shadow: 0px 0px 3px 1px rgb(162, 157, 157);
+}
+.btn:hover {
+  background-color: #f6eca9;
+  color: #c6cf9b;
+}
+
+</style>
+