acf-sack · YoshithaRathnayake · Jan 5, 2024
diff --git a/newsletter/assets/css/styles.css b/newsletter/assets/css/styles.css
diff --git a/newsletter/assets/img/1.jpg b/newsletter/assets/img/1.jpg
diff --git a/newsletter/assets/img/10.jpg b/newsletter/assets/img/10.jpg
diff --git a/newsletter/assets/img/11.jpg b/newsletter/assets/img/11.jpg
diff --git a/newsletter/assets/img/2.jpg b/newsletter/assets/img/2.jpg
diff --git a/newsletter/assets/img/3.jpg b/newsletter/assets/img/3.jpg
diff --git a/newsletter/assets/img/4.jpg b/newsletter/assets/img/4.jpg
diff --git a/newsletter/assets/img/5.jpg b/newsletter/assets/img/5.jpg
diff --git a/newsletter/assets/img/6.jpg b/newsletter/assets/img/6.jpg
diff --git a/newsletter/assets/img/7.jpg b/newsletter/assets/img/7.jpg
diff --git a/newsletter/assets/img/8.jpg b/newsletter/assets/img/8.jpg
diff --git a/newsletter/assets/img/9.jpg b/newsletter/assets/img/9.jpg
diff --git a/newsletter/assets/img/amu logo.png b/newsletter/assets/img/amu logo.png
diff --git a/newsletter/assets/img/bg.jpg b/newsletter/assets/img/bg.jpg
diff --git a/newsletter/assets/img/college logo.png b/newsletter/assets/img/college logo.png
diff --git a/newsletter/assets/img/favicon.png b/newsletter/assets/img/favicon.png
diff --git a/newsletter/assets/img/sack.png b/newsletter/assets/img/sack.png
diff --git a/newsletter/index.html b/newsletter/index.html
@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <!-- Meta Tags -->
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="This is the official website of the Newsletter in St. Anthony's College, Kandy" />
+    <meta name="author" content="Powered by Yoshitha Rathnayake, Antonian Media Unit" />
+    <meta name="keywords" content="DECEMBER 2023 | SACK NEWSLETTER" />
+
+    <!-- Facebook OG Tags -->
+    <meta property="og:title" content="Powered by Yoshitha Rathnayake, Antonian Media Unit" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://amu.sack-newsletter.com" />
+    <meta property="og:image" content="assets/img/college logo.png" alt="St. Anthony's College, Kandy Badge" />
+    <meta property="og:description"
+        content="This is the official website of the Newsletter in St. Anthony's College, Kandy" />
+    <meta property="og:site_name" content="DECEMBER 2023 | SACK NEWSLETTER" />
+    <meta property="og:locale" content="en_US" />
+
+    <!-- Font Awesome -->
+    <link rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css"
+        integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous" />
+    <link rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
+
+    <!-- Bootstrap -->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
+
+    <!-- LineIcons -->
+    <link href="your-project-dir/icon-font/lineicons.css" rel="stylesheet" />
+    <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet" />
+
+    <!-- CSS-->
+    <link rel="stylesheet" type="text/CSS" href="assets/css/styles.css" />
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" href="assets/img/favicon.png" alt="favicon" />
+
+    <!-- Title -->
+    <title>DECEMBER 2023 | SACK NEWSLETTER</title>
+
+</head>
+
+<body>
+
+    <div class="header">
+        <div class="logo-container">
+            <a href="https://www.sack.edu.lk/" target="_blank"><img src="assets/img/college logo.png" alt="Logo 1" class="logo1"></a>
+        </div>
+        <div class="logo-container">
+            <a href="/"><img src="assets/img/sack.png" alt="Logo 2" class="logo2"></a>
+        </div>
+        <div class="logo-container">
+            <a href="http://acf.sack.edu.lk/" target="_blank"><img src="assets/img/amu logo.png" alt="Logo 3" class="logo3"></a>
+        </div>
+    </div>
+
+    <a href="#footer"><marquee direction="right">SACK NEWSLETTER DECEMBER 2023 | POWERED BY YOSHITHA RATHNAYAKE | ANTONIAN MEDIA
+        UNIT</span></marquee></a>
+
+    <div class="slideshow-container">
+        <div class="mySlides">
+            <img src="assets/img/1.jpg" alt="Slide 1">
+        </div>
+
+        <div class="mySlides">
+            <img src="assets/img/2.jpg" alt="Slide 2">
+        </div>
+
+        <div class="mySlides">
+            <img src="assets/img/3.jpg" alt="Slide 3">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/4.jpg" alt="Slide 4">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/5.jpg" alt="Slide 5">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/6.jpg" alt="Slide 6">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/7.jpg" alt="Slide 7">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/8.jpg" alt="Slide 8">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/9.jpg" alt="Slide 9">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/10.jpg" alt="Slide 10">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/11.jpg" alt="Slide 11">
+        </div>
+
+        <!-- Add more slides as needed -->
+
+        <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
+        <a class="next" onclick="plusSlides(1)">&#10095;</a>
+    </div>
+
+    <div class="line-container">
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <!-- Add more lines as needed -->
+    </div>
+
+    <!-- Your Page Content Goes Here -->
+
+    <div class="footer" id="footer">
+        <div class="powered-by"><a href="https://www.yoshitha.tk" target="_blank" style="text-decoration: none;"><span
+                    class="powered">Powered by </span><span class="name">Yoshitha Rathnayake</span></a></div>
+        <div class="copyright">&copy; 2024 Antonian Media Unit, SACK</div>
+        <div class="social-media">
+            <a href="https://www.facebook.com/AntonianMedia/" target="_blank"><i class="fa-brands fa-facebook fa-lg px-2 icons"></i></a>
+            <a href="https://www.instagram.com/antonian_media_unit/" target="_blank"><i class="fa-brands fa-instagram fa-lg px-2 icons"></i></a>
+            <a href="https://www.youtube.com/@AntonianMediaUnit/" target="_blank"><i class="fa-brands fa-youtube fa-lg px-2 icons"></i></a>
+        </div>
+    </div>
+
+    <script>
+        let slideIndex = 1;
+        showSlides(slideIndex);
+
+        function plusSlides(n) {
+            showSlides(slideIndex += n);
+        }
+
+        function showSlides(n) {
+            let i;
+            const slides = document.getElementsByClassName("mySlides");
+            const lines = document.getElementsByClassName("line");
+
+            if (n > slides.length) {
+                slideIndex = 1;
+            }
+            if (n < 1) {
+                slideIndex = slides.length;
+            }
+
+            for (i = 0; i < slides.length; i++) {
+                slides[i].style.display = "none";
+                lines[i].className = lines[i].className.replace(" active-line", "");
+            }
+
+            slides[slideIndex - 1].style.display = "block";
+            lines[slideIndex - 1].className += " active-line";
+        }
+    </script>
+
+    <!-- jsDelivr -->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
+
+    <!-- JQuery -->
+    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
+
+    <!-- Font Awesome -->
+    <script src="https://kit.fontawesome.com/f973136a32.js" crossorigin="anonymous"></script>
+
+    <!-- Bootstrap -->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+        crossorigin="anonymous"></script>
+
+</body>
+
+</html>