diff --git a/redteam/config b/redteam/config
new file mode 100644
index 0000000..a1916c3
--- /dev/null
+++ b/redteam/config
@@ -0,0 +1,14 @@
+[core]
+ repositoryformatversion = 0
+ filemode = false
+ bare = false
+ logallrefupdates = true
+ symlinks = false
+ ignorecase = true
+[remote "origin"]
+ url = https://git.cypsec.de/GuidoSchenone/Red-Team-Ilustration-for-web.git
+ fetch = +refs/heads/*:refs/remotes/origin/*
+[branch "main"]
+ remote = origin
+ merge = refs/heads/main
+ vscode-merge-base = origin/main
diff --git a/redteam/description b/redteam/description
new file mode 100644
index 0000000..498b267
--- /dev/null
+++ b/redteam/description
@@ -0,0 +1 @@
+Unnamed repository; edit this file 'description' to name the repository.
diff --git a/redteam/index.html b/redteam/index.html
new file mode 100644
index 0000000..e59d243
--- /dev/null
+++ b/redteam/index.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+ Red-Team Slider
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/redteam/slider.js b/redteam/slider.js
new file mode 100644
index 0000000..53e8de4
--- /dev/null
+++ b/redteam/slider.js
@@ -0,0 +1,18 @@
+const track = document.getElementById('track');
+const box = document.getElementById('box');
+const slides = document.querySelectorAll('.slide');
+let idx = 0;
+
+function goTo(n){
+ idx = (n + slides.length) % slides.length;
+ track.style.transform = `translateX(-${idx * 100}%)`;
+
+ /* light blink */
+ box.classList.add('swap');
+ setTimeout(() => box.classList.remove('swap'), 250);
+}
+
+function move(d){ goTo(idx + d); }
+
+/* auto-advance every 3 s */
+setInterval(() => move(1), 3000);
\ No newline at end of file
diff --git a/redteam/style.css b/redteam/style.css
new file mode 100644
index 0000000..0e67d9b
--- /dev/null
+++ b/redteam/style.css
@@ -0,0 +1,30 @@
+/* ---------- SQUARE BOX ---------- */
+.slider-box{
+ position:relative;
+ width:320px;
+ height:320px;
+ border-radius:1.5rem;
+ overflow:hidden; /* keeps images inside */
+ margin:0 auto;
+}
+
+/* ---------- HORIZONTAL TRACK ---------- */
+.slides{
+ display:flex; /* side-by-side */
+ height:100%;
+ transition:transform .6s ease;
+}
+
+/* ---------- EACH IMAGE ---------- */
+.slide{
+ width:100%; /* 1 image = full box width */
+ height:100%;
+ object-fit:cover;
+ flex-shrink:0;
+}
+
+/* ---------- LIGHT BLINK ON SWAP ---------- */
+.slider-box.swap{
+ box-shadow:0 0 20px 6px rgba(255,255,255,.35);
+ transition:box-shadow .25s;
+}
\ No newline at end of file
+ 
+ 
+ 
+ 
+ 
+ 
+