diff --git a/newsletter/assets/css/styles.css b/newsletter/assets/css/styles.css
new file mode 100644
index 00000000..6e199a3b
--- /dev/null
+++ b/newsletter/assets/css/styles.css
@@ -0,0 +1,423 @@
+html {
+ scroll-behavior: smooth;
+}
+
+@import url('https://fonts.cdnfonts.com/css/montserrat');
+@import url('https://fonts.cdnfonts.com/css/strude');
+
+/* Text Selection Colour */
+
+::selection {
+ color: black;
+ background: rgb(0, 217, 255);
+}
+
+/* Firefox */
+
+::-moz-selection {
+ color: black;
+ background: rgb(0, 217, 255);
+}
+
+
+/* Custom Scrollbar */
+
+@media (min-width: 200px) and (max-width: 575px) {
+ ::-webkit-scrollbar {
+ width: 5px;
+ height: 5px;
+ background-color: #07090f;
+ }
+
+ ::-webkit-scrollbar-track {
+ border: 5px solid rgba(255, 255, 255, 0.25);
+ box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
+ }
+
+ ::-webkit-scrollbar-thumb {
+ background: linear-gradient(45deg, #003079, #2eaae1);
+ border-radius: 15px;
+ }
+}
+
+@media (min-width: 575.1px) and (max-width: 767px) {
+ ::-webkit-scrollbar {
+ width: 6px;
+ height: 6px;
+ background-color: #07090f;
+ }
+
+ ::-webkit-scrollbar-track {
+ border: 5px solid rgba(255, 255, 255, 0.25);
+ box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
+ }
+
+ ::-webkit-scrollbar-thumb {
+ background: linear-gradient(45deg, #003079, #2eaae1);
+ border-radius: 15px;
+ }
+}
+
+@media (min-width: 767.1px) and (max-width: 991px) {
+ ::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+ background-color: #07090f;
+ }
+
+ ::-webkit-scrollbar-track {
+ border: 5px solid rgba(255, 255, 255, 0.25);
+ box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
+ }
+
+ ::-webkit-scrollbar-thumb {
+ background: linear-gradient(45deg, #003079, #2eaae1);
+ border-radius: 15px;
+ }
+}
+
+@media (min-width: 991.1px) {
+ ::-webkit-scrollbar {
+ width: 10px;
+ height: 10px;
+ background-color: #07090f;
+ }
+
+ ::-webkit-scrollbar-track {
+ border: 5px solid rgba(255, 255, 255, 0.25);
+ box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
+ }
+
+ ::-webkit-scrollbar-thumb {
+ background: linear-gradient(45deg, #003079, #2eaae1);
+ border-radius: 15px;
+ }
+}
+
+body {
+ background-image: url("../img/bg.jpg");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+ -webkit-animation-name: ScreenFade;
+ -webkit-animation-duration: 3s;
+ animation-name: ScreenFade;
+ animation-duration: 3s;
+}
+
+/* Screen Fading Animation */
+
+@-webkit-keyframes ScreenFade {
+ from {
+ opacity: 0;
+ }
+
+ to {
+ opacity: 1;
+ }
+}
+
+@keyframes ScreenFade {
+ from {
+ opacity: 0;
+ }
+
+ to {
+ opacity: 1;
+ }
+}
+
+
+.header {
+ position: fixed;
+ width: 100%;
+ display: flex;
+ margin: auto;
+ text-align: center;
+ justify-content: space-between;
+ align-items: center;
+ padding: 10px;
+ background-color: rgba(0, 0, 0, 0.5);
+ backdrop-filter: blur(50px);
+ color: #fff;
+ border-radius: 30px;
+ box-shadow: 0 0 50px black;
+ z-index: 100;
+}
+
+.logo-container {
+ width: 50%;
+ text-align: center;
+}
+
+.slideshow-container {
+ max-width: 480px;
+ position: relative;
+ margin: auto;
+ box-shadow: 0 0 50px black;
+}
+
+.mySlides {
+ display: none;
+ width: 100%;
+ animation: fade 1s ease-in-out;
+}
+
+img {
+ width: 100%;
+ height: auto;
+}
+
+/* Navigation Arrows */
+.prev,
+.next {
+ position: absolute;
+ top: 50%;
+ width: auto;
+ margin-top: -30px;
+ padding: 5px;
+ color: black;
+ font-weight: bold;
+ font-size: 20px;
+ transition: 0.6s ease;
+ border-radius: 0 3px 3px 0;
+ cursor: pointer;
+ text-decoration: none;
+}
+
+.next {
+ right: 0;
+ border-radius: 3px 0 0 3px;
+}
+
+/* Navigation Lines */
+.line-container {
+ text-align: center;
+}
+
+.line {
+ display: inline-block;
+ height: 2px;
+ width: 20px;
+ background-color: #717171;
+ margin: 0 5px;
+ transition: background-color 0.6s ease;
+}
+
+.active-line {
+ background-color: #dfdfdf;
+}
+
+/* Animation */
+@keyframes fade {
+ from {
+ opacity: .4;
+ }
+
+ to {
+ opacity: 1;
+ }
+}
+
+/* Responsive Styles */
+@media screen and (max-width: 600px) {
+
+ .prev,
+ .next {
+ font-size: 14px;
+ padding: 12px;
+ }
+
+ .logo-container {
+ width: auto;
+ text-align: center;
+ }
+
+ .logo1 {
+ width: 40px;
+ }
+
+ .logo2 {
+ width: 230px;
+ }
+
+ .logo3 {
+ width: 70px;
+ }
+
+ .header {
+ padding: 15px;
+ border-radius: 25px;
+ }
+
+ .footer {
+ padding: 16px;
+ }
+
+ .powered-by {
+ font-size: 15px;
+ }
+
+ .copyright {
+ font-size: 14px;
+ }
+
+ marquee {
+ font-size: 13px;
+ padding: 13px;
+ margin-bottom: 18px;
+ }
+}
+
+@media screen and (min-width: 600px) {
+
+ .logo1 {
+ width: 60px;
+ }
+
+ .logo2 {
+ width: 270px;
+ }
+
+ .logo3 {
+ width: 100px;
+ }
+
+ marquee {
+ font-size: 15px;
+ margin-bottom: 20px;
+ padding: 15px;
+ }
+
+ .footer {
+ padding: 20px;
+ }
+
+ .powered-by {
+ font-size: 18px;
+ }
+
+ .copyright {
+ font-size: 17px;
+ }
+}
+
+@media screen and (max-width: 500px) {
+ .logo2 {
+ width: 200px;
+ }
+
+ marquee {
+ font-size: 11px;
+ padding: 11px;
+ margin-bottom: 15px;
+ }
+
+}
+
+@media screen and (max-width: 400px) {
+
+ .logo1 {
+ width: 30px;
+ }
+
+ .logo2 {
+ width: 180px;
+ }
+
+ .logo3 {
+ width: 60px;
+ }
+
+ .line {
+ width: 15px;
+ }
+
+}
+
+@media screen and (max-width: 350px) {
+
+ .logo1 {
+ width: 25px;
+ }
+
+ .logo2 {
+ width: 170px;
+ }
+
+ .logo3 {
+ width: 55px;
+ }
+
+ .line {
+ width: 10px;
+ }
+}
+
+.footer {
+ text-align: center;
+ margin-top: 25px;
+ background-color: rgba(0, 0, 0, 0.6);
+ backdrop-filter: blur(50px);
+ color: #fff;
+ border-radius: 10px;
+ box-shadow: 0 0 50px black;
+}
+
+.powered-by {
+ margin-bottom: 5px;
+}
+
+.copyright {
+ font-family: 'Montserrat', sans-serif;
+}
+
+.powered {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 100;
+ color: white;
+ transition: 0.5s;
+}
+
+.powered:hover {
+ color: rgb(212, 212, 212);
+ transition: 0.5s;
+}
+
+.name {
+ font-family: 'strude', sans-serif;
+ color: white;
+ transition: 0.5s;
+}
+
+.name:hover {
+ color: rgb(180, 180, 180);
+ transition: 0.5s;
+}
+
+marquee {
+ color: rgb(173, 173, 173);
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 500;
+ background-color: rgba(0, 0, 0, 0.3);
+ backdrop-filter: blur(50px);
+ border-radius: 10px;
+ margin-top: 108px;
+}
+
+.social-media {
+ margin-top: 10px;
+}
+
+.icons {
+ transition: 0.5s;
+ color: rgb(168, 168, 168);
+}
+
+.icons:hover {
+ cursor: pointer;
+ transform: translateY(-4px);
+ transition: 0.5s;
+ color: rgb(124, 124, 124);
+}
\ No newline at end of file
diff --git a/newsletter/assets/img/1.jpg b/newsletter/assets/img/1.jpg
new file mode 100644
index 00000000..ee5778d3
Binary files /dev/null and b/newsletter/assets/img/1.jpg differ
diff --git a/newsletter/assets/img/10.jpg b/newsletter/assets/img/10.jpg
new file mode 100644
index 00000000..14ff7de3
Binary files /dev/null and b/newsletter/assets/img/10.jpg differ
diff --git a/newsletter/assets/img/11.jpg b/newsletter/assets/img/11.jpg
new file mode 100644
index 00000000..d043e6eb
Binary files /dev/null and b/newsletter/assets/img/11.jpg differ
diff --git a/newsletter/assets/img/2.jpg b/newsletter/assets/img/2.jpg
new file mode 100644
index 00000000..17a69fcb
Binary files /dev/null and b/newsletter/assets/img/2.jpg differ
diff --git a/newsletter/assets/img/3.jpg b/newsletter/assets/img/3.jpg
new file mode 100644
index 00000000..d37a8002
Binary files /dev/null and b/newsletter/assets/img/3.jpg differ
diff --git a/newsletter/assets/img/4.jpg b/newsletter/assets/img/4.jpg
new file mode 100644
index 00000000..22e7e5a2
Binary files /dev/null and b/newsletter/assets/img/4.jpg differ
diff --git a/newsletter/assets/img/5.jpg b/newsletter/assets/img/5.jpg
new file mode 100644
index 00000000..883ffcff
Binary files /dev/null and b/newsletter/assets/img/5.jpg differ
diff --git a/newsletter/assets/img/6.jpg b/newsletter/assets/img/6.jpg
new file mode 100644
index 00000000..26868a5b
Binary files /dev/null and b/newsletter/assets/img/6.jpg differ
diff --git a/newsletter/assets/img/7.jpg b/newsletter/assets/img/7.jpg
new file mode 100644
index 00000000..409cbc0b
Binary files /dev/null and b/newsletter/assets/img/7.jpg differ
diff --git a/newsletter/assets/img/8.jpg b/newsletter/assets/img/8.jpg
new file mode 100644
index 00000000..59476497
Binary files /dev/null and b/newsletter/assets/img/8.jpg differ
diff --git a/newsletter/assets/img/9.jpg b/newsletter/assets/img/9.jpg
new file mode 100644
index 00000000..2d58d829
Binary files /dev/null and b/newsletter/assets/img/9.jpg differ
diff --git a/newsletter/assets/img/amu logo.png b/newsletter/assets/img/amu logo.png
new file mode 100644
index 00000000..cc14afee
Binary files /dev/null and b/newsletter/assets/img/amu logo.png differ
diff --git a/newsletter/assets/img/bg.jpg b/newsletter/assets/img/bg.jpg
new file mode 100644
index 00000000..4e34f8ea
Binary files /dev/null and b/newsletter/assets/img/bg.jpg differ
diff --git a/newsletter/assets/img/college logo.png b/newsletter/assets/img/college logo.png
new file mode 100644
index 00000000..c3ec5524
Binary files /dev/null and b/newsletter/assets/img/college logo.png differ
diff --git a/newsletter/assets/img/favicon.png b/newsletter/assets/img/favicon.png
new file mode 100644
index 00000000..3c063791
Binary files /dev/null and b/newsletter/assets/img/favicon.png differ
diff --git a/newsletter/assets/img/sack.png b/newsletter/assets/img/sack.png
new file mode 100644
index 00000000..c86bceab
Binary files /dev/null and b/newsletter/assets/img/sack.png differ
diff --git a/newsletter/index.html b/newsletter/index.html
new file mode 100644
index 00000000..1f5163f8
--- /dev/null
+++ b/newsletter/index.html
@@ -0,0 +1,183 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ DECEMBER 2023 | SACK NEWSLETTER
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
❮
+
❯
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+