diff --git a/.DS_Store b/.DS_Store
index b75b031..a306603 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/assets/.DS_Store b/assets/.DS_Store
index 16b0f12..82bc45a 100644
Binary files a/assets/.DS_Store and b/assets/.DS_Store differ
diff --git a/assets/certificates/c1.jpeg b/assets/certificates/c1.jpeg
new file mode 100644
index 0000000..e3045a1
Binary files /dev/null and b/assets/certificates/c1.jpeg differ
diff --git a/assets/certificates/c2.jpeg b/assets/certificates/c2.jpeg
new file mode 100644
index 0000000..1fc6401
Binary files /dev/null and b/assets/certificates/c2.jpeg differ
diff --git a/assets/certificates/c3.jpeg b/assets/certificates/c3.jpeg
new file mode 100644
index 0000000..d00fe5a
Binary files /dev/null and b/assets/certificates/c3.jpeg differ
diff --git a/assets/certificates/c4.jpeg b/assets/certificates/c4.jpeg
new file mode 100644
index 0000000..07cbdeb
Binary files /dev/null and b/assets/certificates/c4.jpeg differ
diff --git a/assets/certificates/c5.jpeg b/assets/certificates/c5.jpeg
new file mode 100644
index 0000000..65dba4d
Binary files /dev/null and b/assets/certificates/c5.jpeg differ
diff --git a/assets/certificates/c6.jpeg b/assets/certificates/c6.jpeg
new file mode 100644
index 0000000..aee5518
Binary files /dev/null and b/assets/certificates/c6.jpeg differ
diff --git a/index.html b/index.html
index ad9472f..aa0ad5d 100644
--- a/index.html
+++ b/index.html
@@ -667,122 +667,21 @@
Prof. Dr. Anubhav Singh | IGDTUW
-
-
-
Certificates
-
-
-
-
-
-
-
-
-
-
-
Certificate 1
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut. Turpis egestas sed tempus urna et.
- Commodo elit at imperdiet dui accumsan sit amet. Auctor augue
- mauris augue neque gravida in. Felis bibendum ut tristique et.
- Urna id volutpat lacus laoreet. Nibh sit amet commodo nulla
- facilisi nullam vehicula ipsum a.
-
-
-
-
Certificate 2
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut. Turpis egestas sed tempus urna et.
- Commodo elit at imperdiet dui accumsan sit amet. Auctor augue
- mauris augue neque gravida in. Felis bibendum ut tristique et.
- Urna id volutpat lacus laoreet. Nibh sit amet commodo nulla
- facilisi nullam vehicula ipsum a.
-
-
-
-
Certificate 3
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut. Turpis egestas sed tempus urna et.
- Commodo elit at imperdiet dui accumsan sit amet. Auctor augue
- mauris augue neque gravida in. Felis bibendum ut tristique et.
- Urna id volutpat lacus laoreet. Nibh sit amet commodo nulla
- facilisi nullam vehicula ipsum a.
-
-
-
-
Certificate 4
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut. Turpis egestas sed tempus urna et.
- Commodo elit at imperdiet dui accumsan sit amet. Auctor augue
- mauris augue neque gravida in. Felis bibendum ut tristique et.
- Urna id volutpat lacus laoreet. Nibh sit amet commodo nulla
- facilisi nullam vehicula ipsum a.
-
-
-
-
Certificate 5
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut. Turpis egestas sed tempus urna et.
- Commodo elit at imperdiet dui accumsan sit amet. Auctor augue
- mauris augue neque gravida in. Felis bibendum ut tristique et.
- Urna id volutpat lacus laoreet. Nibh sit amet commodo nulla
- facilisi nullam vehicula ipsum a.
-
-
+
+
+
Certificates
+
+
+
+ Achieved by showcasing innovative problem-solving skills and
+ collaborative teamwork in a national hackathon competition. This
+ certificate attests to my ability to devise creative solutions and
+ contribute effectively to complex web development challenges.
-
-
diff --git a/script.js b/script.js
index 1b2bccb..499e956 100644
--- a/script.js
+++ b/script.js
@@ -96,35 +96,6 @@ document.addEventListener("DOMContentLoaded", function () {
});
});
-let scrollContainer = document.querySelector(".gallery");
-let backBtn = document.getElementById("backbutton");
-let nextBtn = document.getElementById("nextbutton");
-
-scrollContainer.addEventListener("wheel", (evt) => {
- // evt.preventDefault();
- scrollContainer.scrollleft += evt.deltaY;
-});
-
-nextBtn.addEventListener("click", () => {
- scrollContainer.style.scrollBehavior = "smooth";
- scrollContainer.scrollLeft += 370;
-});
-backBtn.addEventListener("click", () => {
- scrollContainer.style.scrollBehavior = "smooth";
- scrollContainer.scrollLeft -= 370;
-});
-
-function displayImage(input) {
- var file = input.files[0];
- if (file) {
- var reader = new FileReader();
- reader.onload = function (e) {
- document.getElementById("uploadedImage").src = e.target.result;
- };
- reader.readAsDataURL(file);
- }
-}
-
// Syncing Active Navbar Links with Scroll
let sec = document.querySelectorAll("section");
@@ -268,3 +239,64 @@ function hideScroll() {
let doc = document.querySelector("body");
doc.classList.add("hide-scroll");
}
+
+// -------- Certificate Section ------------
+
+let certImage = document.getElementById("c-img");
+let cDesc = document.getElementById("c-desc");
+let cIndex = 0;
+
+let certified = [
+ {
+ filePath: "/assets/certificates/c1.jpeg",
+ desc: "Achieved by showcasing innovative problem-solving skills and collaborative teamwork in a national hackathon competition. This certificate attests to my ability to devise creative solutions and contribute effectively to complex web development challenges.",
+ },
+ {
+ filePath: "/assets/certificates/c2.jpeg",
+ desc: "Secured by emerging as a top performer in a national hackathon competition, showcasing adept problem-solving and collaboration skills. This certificate underscores my prowess as a Java and web developer, contributing significantly to the success of the team and solving intricate challenges.",
+ },
+ {
+ filePath: "/assets/certificates/c3.jpeg",
+ desc: "Awarded for outstanding performance during a challenging web development internship. This certificate reflects my practical experience, adaptability, and ability to contribute meaningfully to real-world projects, gaining valuable insights into the professional landscape.",
+ },
+ {
+ filePath: "/assets/certificates/c4.jpeg",
+ desc: "Earned through the successful completion of an intensive web development course, demonstrating proficiency in various programming languages, frameworks, and best practices. This certification validates my commitment to continuous learning and staying abreast of the latest industry trends.",
+ },
+ {
+ filePath: "/assets/certificates/c5.jpeg",
+ desc: "Attained upon successfully finishing a comprehensive Java programming course, affirming my proficiency in this language. This certification signifies my commitment to mastering Java, a fundamental skill for any web developer, and serves as a testament to my dedication to continuous learning in the ever-evolving tech landscape.",
+ },
+ {
+ filePath: "/assets/certificates/c6.jpeg",
+ desc: "Awarded for the successful completion of an intensive web development course, emphasizing proficiency in various web technologies and frameworks. This certificate reinforces my expertise in crafting dynamic and responsive web applications, reflecting my commitment to staying current with the latest advancements in web development.",
+ },
+];
+
+function setCertificate() {
+ cDesc.style.opacity = 0;
+ certImage.style.opacity = 0;
+ cDesc.style.transform = "translate(0px, 10px)";
+ certImage.style.transform = `rotateY(0deg)`;
+ setTimeout(() => {
+ certImage.style.transform = `rotateY(360deg)`;
+ cDesc.style.transform = "translate(0px, 0px)";
+ cDesc.style.opacity = 1;
+ certImage.style.opacity = 1;
+ certImage.src = certified[cIndex].filePath;
+ cDesc.innerText = certified[cIndex].desc;
+ }, 1000);
+}
+
+function changeContent() {
+ if (cIndex <= 4) {
+ cIndex += 1;
+ } else {
+ cIndex = 0;
+ }
+ setCertificate();
+}
+
+window.addEventListener("load", () => {
+ setInterval(changeContent, 7000);
+});
diff --git a/styles.css b/styles.css
index a0ad805..3866eab 100644
--- a/styles.css
+++ b/styles.css
@@ -1398,6 +1398,38 @@ h2 {
/* -------------Testimonials Ends---------- */
+/* ------------- Certificates --------------- */
+
+.certified {
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+ padding: 3rem 0px;
+ margin-bottom: 2rem;
+}
+
+.wide {
+ width: 100%;
+}
+
+#c-img {
+ height: 18rem;
+ border: 4px solid black;
+ border-radius: 10px;
+ transition: transform 1s ease-in-out, opacity 0.6s ease-in-out;
+ transform-style: preserve-3d;
+ backface-visibility: hidden;
+}
+
+#c-desc {
+ width: 35%;
+ text-align: justify;
+ font-size: 1.2rem;
+ transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
+}
+
+/* certificate End */
+
::-webkit-scrollbar {
width: 8px;
}