From 5eb9ea2f81a92365bd97786f2587e87494f728a4 Mon Sep 17 00:00:00 2001
From: vassdeniss <72888249+vassdeniss@users.noreply.github.com>
Date: Thu, 18 Feb 2021 18:05:32 +0200
Subject: [PATCH] page draft 1
needs yamozha a p p r o v a l
---
index.html | 42 ++++++++++++++++++++++++++++++++++++++++++
style.css | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 95 insertions(+)
create mode 100644 index.html
create mode 100644 style.css
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..ef05cc91
--- /dev/null
+++ b/index.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+ reValuate: Putting the value back in recycling
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 00000000..dd340b06
--- /dev/null
+++ b/style.css
@@ -0,0 +1,53 @@
+a {
+ color: white;
+ font-size: 30px;
+ transition: 0.6s;
+}
+
+a:hover {
+ color: black;
+}
+
+@media (min-width: 992px) {
+ .animate {
+ animation-duration: 0.3s;
+ -webkit-animation-duration: 0.3s;
+ animation-fill-mode: both;
+ -webkit-animation-fill-mode: both;
+ }
+}
+
+@keyframes slideIn {
+ 0% {
+ transform: translateY(1rem);
+ opacity: 0;
+ }
+ 100% {
+ transform:translateY(0rem);
+ opacity: 1;
+ }
+ 0% {
+ transform: translateY(1rem);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes slideIn {
+ 0% {
+ -webkit-transform: transform;
+ -webkit-opacity: 0;
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -webkit-opacity: 1;
+ }
+ 0% {
+ -webkit-transform: translateY(1rem);
+ -webkit-opacity: 0;
+ }
+}
+
+.slideIn {
+ -webkit-animation-name: slideIn;
+ animation-name: slideIn;
+}
\ No newline at end of file