From 13d6db8c7a759de7ec468842894384208cf7dee6 Mon Sep 17 00:00:00 2001 From: iiooasd Date: Fri, 10 May 2024 18:21:45 -0700 Subject: [PATCH] Upload Added the uploading system. --- Pages/style.css | 29 +++++++++++++++++++++++ Pages/upload.html | 60 +++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 89 insertions(+) create mode 100644 Pages/upload.html diff --git a/Pages/style.css b/Pages/style.css index 6575d41..c89daef 100644 --- a/Pages/style.css +++ b/Pages/style.css @@ -394,6 +394,35 @@ main { -webkit-text-fill-color: transparent; } +/*Upload Page*/ +.container { + margin: 50px auto; + width: 80%; + text-align: center; +} +.upload-btn { + padding: 10px 20px; + background-color: #c5203d; + color: #000; + border: none; + cursor: pointer; + border-radius: 5px; +} +.up-btn { + padding: 10px 20px; + background-color: #c5203d; + color: #000; + cursor: pointer; + border-radius: 0px; +} +input[type="file"] { + display: none; +} +#uploaded-image { + max-width: 500px; + margin-top: 20px; +} + /*Mobile*/ @media screen and (max-width: 1200px) { /* comes into effect for screens larger than or equal to 481 pixels */ diff --git a/Pages/upload.html b/Pages/upload.html new file mode 100644 index 0000000..be95c0a --- /dev/null +++ b/Pages/upload.html @@ -0,0 +1,60 @@ + + + + + + + + + + + + +
+

Image Uploader

+

Here you can upload pictures of the team. Thank you for your suppourt

+
+ + +
+
+ +
+
+

Uploaded Image:

+ Uploaded Image +
+
+ +
+ + \ No newline at end of file