From d52650a3132727b8a6745e2dd8d8419600f53943 Mon Sep 17 00:00:00 2001
From: swstkswstk <cs21b2035@iiitdm.ac.in>
Date: Tue, 15 Oct 2024 12:58:58 +0530
Subject: [PATCH] created careers page

---
 .DS_Store       | Bin 6148 -> 6148 bytes
 Faq.html        |  52 +++-
 careers.html    | 191 +++++++++++++
 index.html      | 104 +++----
 pages/blog.html | 717 +++++++++++++++++++++++-------------------------
 5 files changed, 624 insertions(+), 440 deletions(-)
 create mode 100644 careers.html

diff --git a/.DS_Store b/.DS_Store
index 86db35f43f3374f8a2a3c5c2d6d4a7f59d7fa0af..a49a64eefeaba9a4bbad157f76c5bf566121364f 100644
GIT binary patch
delta 81
zcmZoMXfc@J&nU7nU^g?P$YvfE2}aJ8;^ds9{QMlo$s(-FMOYaM7!n!M8B!UF5fTM#
VatLLc3)rSJPAo{=%+B$b9{|697_0yQ

delta 220
zcmZoMXfc@J&nUVvU^g?P=w==k3C78`tkdgx81fkM8B!Qh8R8jo!K_k-93ZbaC*3eO
zIX}060R$B1Is-|ZYIE~lT#|C~lYnYC&P5eH?+-iXh+lmQRJ|E-8VWLy9AjR<FnJ-H
P+-6<2O2*CX9Dn%%IPEs4

diff --git a/Faq.html b/Faq.html
index 5596e4a9..e02af82d 100644
--- a/Faq.html
+++ b/Faq.html
@@ -97,18 +97,24 @@
         </div>
     </header>
 
-    <section class="section hero has-bg-image" aria-labelledby="hero-label" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
+    <section class="section hero has-bg-image" aria-labelledby="hero-label"
+        style="display: flex; justify-content: center; align-items: center; height: 100vh;">
         <div class="container" style="margin: 10rem auto 0; width:80%">
             <div class="hero-content" style="max-width: 600px;">
                 <h1 class="headline-lg" id="hero-label" data-aos="zoom-in">
                     Frequently <span class="span">Asked</span> Questions
                 </h1>
                 <p class="title-md has-before" data-aos="fade-right">
-                  
-                   <p> <b>Welcome to SkillWise’s Learning Hub!</b></p>
-                   
-                   <p> At SkillWise, we’re committed to delivering an exceptional learning experience tailored to your goals. Whether you’re exploring new courses, seeking flexible payment options, or curious about certifications, our FAQ section has you covered. We’ve crafted it to ensure you find clear, helpful answers that guide you every step of the way. Your success is our priority, and we’re here to make your journey enriching, seamless, and empowering—so you can focus on what truly matters: achieving your full potential.
-                   </p>               
+
+                <p> <b>Welcome to SkillWise’s Learning Hub!</b></p>
+
+                <p> At SkillWise, we’re committed to delivering an exceptional learning experience tailored to your
+                    goals. Whether you’re exploring new courses, seeking flexible payment options, or curious about
+                    certifications, our FAQ section has you covered. We’ve crafted it to ensure you find clear, helpful
+                    answers that guide you every step of the way. Your success is our priority, and we’re here to make
+                    your journey enriching, seamless, and empowering—so you can focus on what truly matters: achieving
+                    your full potential.
+                </p>
                 </p>
             </div>
 
@@ -128,7 +134,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">1. What type of courses does SkillWise offer?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>SkillWise offers a wide range of courses across various categories, including Data Science, UI/UX
@@ -147,7 +156,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">2. What payment methods are accepted?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>We accept a variety of payment methods including credit/debit cards, PayPal, and other online
@@ -165,7 +177,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">3. Will I receive a certificate after completing a course?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>Yes! All courses provide a certificate of completion that can be downloaded and added to your
@@ -183,7 +198,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">4. What should I do if I encounter issues with the course videos?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>If you're experiencing problems with video playback or course content, try refreshing your
@@ -202,7 +220,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">5. Can I get a refund if I'm not satisfied with a course?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>Yes, we have a refund policy in place. Please refer to our Refund Policy section for more details
@@ -220,7 +241,10 @@ <h1 data-aos="zoom-in">
             <div class="item" data-aos="fade-down">
                 <div class="FAQ-title">
                     <p class="faqQuestion">6. How long do I have access to a course after purchasing it?</p>
-                    <span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
+                    <span class="expandToggle">
+                        <p class="expand">+</p>
+                        <p class="revert">-</p>
+                    </span>
                 </div>
                 <div class="FAQ-content">
                     <p>Once you purchase a course, you get lifetime access, allowing you to learn at your own pace.</p>
@@ -249,7 +273,7 @@ <h1 data-aos="zoom-in">
     <script>
         function handleHelpful(button, response) {
             const resultText = button.parentElement.querySelector(".helpful-result");
-            
+
             // Disable the buttons after one selection
             const buttons = button.parentElement.querySelectorAll("button");
             buttons.forEach(btn => {
@@ -268,4 +292,4 @@ <h1 data-aos="zoom-in">
     </script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/careers.html b/careers.html
new file mode 100644
index 00000000..131937b5
--- /dev/null
+++ b/careers.html
@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>SkillWise Internship Opportunities</title>
+  <link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml">
+  <link rel="stylesheet" href="./assets/font/font.css">
+  <link rel="stylesheet" href="./assets/css/style.css">
+  <link rel="stylesheet" href="./assets/css/Faq.css">
+  <link rel="preload" as="image" href="./assets/images/faq.png">
+  <link rel="preload" as="image" href="./assets/images/hero-bg.png">
+  <link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+    integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+    crossorigin="anonymous"></script>
+  <style>
+    * {
+      font-size: large;
+    }
+
+    body {
+      margin-top: 180px;
+    }
+
+    .application-form {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: 500px;
+    }
+
+    .helpful-buttons {
+      margin-top: 10px;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    .helpful-btn {
+      padding: 5px 10px;
+      border: none;
+      background-color: #007bff;
+      color: white;
+      cursor: pointer;
+      border-radius: 4px;
+      transition: background-color 0.3s ease;
+    }
+
+    .helpful-btn:hover {
+      background-color: #0056b3;
+    }
+
+    .helpful-result {
+      margin-left: 10px;
+      font-weight: bold;
+    }
+  </style>
+</head>
+
+<body
+  style="background-image: url('./assets/images/hero-bg.png'); background-size: cover; background-repeat: no-repeat;">
+  <header class="header" data-header>
+    <div class="container">
+      <a href="./index.html">
+        <img src="./assets/images/Skillwise_logo.jpg" width="100" height="20" alt="SkillWise home">
+      </a>
+      <nav class="navbar" data-navbar>
+        <div class="navbar-top">
+          <a href="./index.html">
+            <img src="./assets/images/Skillwise_logo.jpg" width="100" height="20" alt="SkillWise home">
+          </a>
+          <button class="nav-close-btn" aria-label="close menu" data-nav-toggler>
+            <ion-icon name="close-outline" aria-hidden="true"></ion-icon>
+          </button>
+        </div>
+        <ul class="navbar-list">
+          <li class="navbar-item"><a href="./index.html" class="navbar-link title-sm">Home</a></li>
+          <li class="navbar-item"><a href="./index.html#courses" class="navbar-link title-sm">Courses</a></li>
+          <li class="navbar-item"><a href="./index.html#blog" class="navbar-link title-sm">Blog</a></li>
+          <li class="navbar-item"><a href="./index.html#contact" class="navbar-link title-sm">Contacts</a></li>
+          <li class="navbar-item"><a href="Faq.html" class="navbar-link title-sm">FAQ</a></li>
+          <li class="navbar-item"></li>
+          <a href="/SkillWise/careers.html" class="navbar-link title-sm" data-nav-link>Careers</a>
+          </li>
+
+        </ul>
+      </nav>
+      <a href="./signin.html"
+        style="padding: 10px 15px; background-color: black; font-size: large; border-radius: 10px;"
+        class="btn btn-secondary">Start Free Trial</a>
+
+      <button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
+        <ion-icon name="menu-outline" aria-hidden="true"></ion-icon>
+      </button>
+      <div class="overlay" data-overlay data-nav-toggler></div>
+    </div>
+  </header>
+  <main>
+    <section class="internship-info">
+      <div class="container">
+        <h1>Internship Opportunities: Gain Valuable Experience with Skillwise</h1>
+        <p>At Skillwise, we're committed to fostering the next generation of talent. We invite motivated individuals to
+          join our dynamic team and contribute to our ongoing success story. Our internship program offers a unique
+          opportunity to gain hands-on experience in a collaborative, innovative environment that prioritizes personal
+          and professional growth.</p>
+        <h2>What We Offer:</h2>
+        <ul>
+          <li>Immersive learning experience in a fast-paced, industry-leading company</li>
+          <li>Mentorship from experienced professionals</li>
+          <li>Exposure to cutting-edge projects and technologies</li>
+          <li>Opportunity to build a professional network</li>
+          <li>Certificate of completion upon successful fulfillment of the internship</li>
+        </ul>
+        <h2>What We're Looking For:</h2>
+        <ul>
+          <li>Passionate and driven individuals eager to learn and contribute</li>
+          <li>Strong academic background in relevant fields</li>
+          <li>Excellent communication and teamwork skills</li>
+          <li>Innovative mindset and problem-solving abilities</li>
+        </ul>
+        <p><strong>Note:</strong> This is an unpaid internship focused on educational and professional development.</p>
+        <p>Join us at Skillwise and take the first step towards a promising career. Apply now to be part of our journey
+          towards unprecedented success.</p>
+      </div>
+    </section>
+    <section class="application-form">
+      <div class="container">
+        <h2>Apply for Internship</h2>
+        <form id="internship-application-form" action="#" method="POST">
+          <div class="form-group">
+            <label for="first-name">First name</label>
+            <input type="text" id="first-name" name="first-name" maxlength="100" required>
+          </div>
+          <div class="form-group">
+            <label for="last-name">Last name</label>
+            <input type="text" id="last-name" name="last-name" maxlength="100" required>
+          </div>
+          <div class="form-group">
+            <label for="email">Email</label>
+            <input type="email" id="email" name="email" maxlength="250" required>
+          </div>
+          <div class="form-group">
+            <label for="phone">Phone</label>
+            <input type="tel" id="phone" name="phone" maxlength="50" required>
+          </div>
+          <div style="margin: 20px 0px;" class="form-group">
+            <label for="position">Position</label>
+            <select id="position" name="position" class="form-group" style="font: large;" required>
+              <option value="" disabled selected>Select a position</option>
+              <option value="Frontend Developer">Frontend Developer</option>
+              <option value="Blockchain Enthusiast">Blockchain Enthusiast</option>
+              <option value="Digital Marketing">Digital Marketing</option>
+              <option value="Graphic Designer">Graphic Designer</option>
+              <option value="Researcher">Researcher</option>
+              <option value="Other">Other</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <label for="start-date">Start Date</label>
+            <input type="date" id="start-date" name="start-date" required>
+          </div>
+          <div class="form-group">
+            <label for="cv-linkedin">Link to CV/LinkedIn</label>
+            <input type="url" id="cv-linkedin" name="cv-linkedin">
+          </div>
+          <button style="font-size: 18px; margin-top: 5px;" type="submit" class="btn btn-primary w-100">Apply</button>
+        </form>
+        <p id="form-submission-message" style="display: none;">Thank you! We'll be in touch.</p>
+      </div>
+    </section>
+  </main>
+  <script src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js" type="module"></script>
+  <script src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js" nomodule></script>
+  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+  <script>
+    AOS.init();
+    document.getElementById('internship-application-form').addEventListener('submit', function (event) {
+      event.preventDefault();
+      // Here you would typically send the form data to a server
+      document.getElementById('form-submission-message').style.display = 'block';
+      this.reset();
+    });
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 9905307c..abacc372 100644
--- a/index.html
+++ b/index.html
@@ -86,7 +86,7 @@
           </button>
         </div>
 
-        <ul class="navbar-list" style="width: 50vw;">
+        <ul class="navbar-list">
 
 
           <li class="navbar-item" style="margin-left: 1rem;">
@@ -122,16 +122,19 @@
           <li class="navbar-item"></li>
           <a href="/signin.html" class="navbar-link title-sm" data-nav-link>LogIn</a>
           </li>
+          <li class="navbar-item"></li>
+          <a href="/SkillWise/careers.html" class="navbar-link title-sm" data-nav-link>Careers</a>
+          </li>
 
         </ul>
 
       </nav>
 
-<div class="navRightSide">
+      <div class="navRightSide">
         <div class="searchBox">
-          <input class="searchInput" id = "search-bar" type="text" name="" placeholder="Search something">
-        <button  onclick="searchCourses()" class="searchButton SearchBTN" href="#">
-          <div id="search-results"></div>
+          <input class="searchInput" id="search-bar" type="text" name="" placeholder="Search something">
+          <button onclick="searchCourses()" class="searchButton SearchBTN" href="#">
+            <div id="search-results"></div>
 
 
             <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 29 29" fill="none">
@@ -170,7 +173,7 @@
 
 
       </div>
-      <a href="../signin.html" class="btn" id = "freeTrial">Start Free Trial</a>
+      <a href="../signin.html" class="btn" id="freeTrial">Start Free Trial</a>
 
       <button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
         <ion-icon name="menu-outline" aria-hidden="true"></ion-icon>
@@ -1169,15 +1172,15 @@ <h3 class="title-lg card-title">Emily Johnson</h3>
         </div>
 
       </section>
-      
+
       <section id="events" class="section events" aria-labelledby="events-label">
         <div class="container">
           <p class="title-sm text-center section-subtitle" id="events-label">Upcoming Workshops</p>
-      
+
           <h2 class="headline-md text-center section-title" data-aos="fade-down">
             Join Our Skill Development <span class="span has-after">Events</span>
           </h2>
-      
+
           <div class="event-list">
             <!-- Event 1 -->
             <div class="event-item" data-aos="fade-right">
@@ -1187,11 +1190,12 @@ <h2 class="headline-md text-center section-title" data-aos="fade-down">
               </div>
               <div class="event-details">
                 <h3 class="event-title">Web Development Bootcamp</h3>
-                <p class="event-description">Join our intensive bootcamp to learn HTML, CSS, and JavaScript in just one week!</p>
+                <p class="event-description">Join our intensive bootcamp to learn HTML, CSS, and JavaScript in just one
+                  week!</p>
               </div>
               <a href="#" class="event-button">View Event</a>
             </div>
-      
+
             <!-- Event 2 -->
             <div class="event-item" data-aos="fade-right">
               <div class="event-date-box">
@@ -1200,11 +1204,12 @@ <h3 class="event-title">Web Development Bootcamp</h3>
               </div>
               <div class="event-details">
                 <h3 class="event-title">Data Science Workshop</h3>
-                <p class="event-description">Discover the world of data science with hands-on projects and expert guidance.</p>
+                <p class="event-description">Discover the world of data science with hands-on projects and expert
+                  guidance.</p>
               </div>
               <a href="#" class="event-button">View Event</a>
             </div>
-      
+
             <!-- Event 3 -->
             <div class="event-item" data-aos="fade-right">
               <div class="event-date-box">
@@ -1213,19 +1218,20 @@ <h3 class="event-title">Data Science Workshop</h3>
               </div>
               <div class="event-details">
                 <h3 class="event-title">Creative Design Thinking</h3>
-                <p class="event-description">Learn innovative design principles and enhance your creative problem-solving skills.</p>
+                <p class="event-description">Learn innovative design principles and enhance your creative
+                  problem-solving skills.</p>
               </div>
               <a href="#" class="event-button">View Event</a>
             </div>
           </div>
-      
+
           <a href="./pages/events.html" class="btn btn-primary see-all" data-aos="zoom-in">View All Workshops</a>
         </div>
       </section>
-      
-      
-      
-      
+
+
+
+
 
     </article>
   </main>
@@ -1419,17 +1425,18 @@ <h3 class="event-title">Creative Design Thinking</h3>
   -->
 
     <section id="contact" class="cta" aria-labelledby="cta-label">
-     
+
       <div class="container" style="align-items: center;
       justify-content: center;
       display: flex;
       flex-direction: column;
       gap: 10px;">
-  
-        <h2 class="headline-md section-title" id="cta-label" data-aos="fade-right" style="font-size: clamp(4rem, 100px, 3vw);">
+
+        <h2 class="headline-md section-title" id="cta-label" data-aos="fade-right"
+          style="font-size: clamp(4rem, 100px, 3vw);">
           Contact Us.
         </h2>
-        
+
         <form id="contact-form" data-aos="fade-left" style="
         max-width: 90%;
         width: 400px;
@@ -1441,8 +1448,9 @@ <h2 class="headline-md section-title" id="cta-label" data-aos="fade-right" style
       " onmouseover="this.style.boxShadow='0 10px 20px rgba(0, 0, 0, 0.2)'"
           onmouseout="this.style.boxShadow='0 6px 12px rgba(0, 0, 0, 0.15)'">
 
-          <input type="text" name="name" placeholder="Your Name" required  required pattern="[a-zA-Z ]+" oninvalid="this.setCustomValidity('Numbers and Symbols are not allowed')" 
-          oninput="this.setCustomValidity('')" style="
+          <input type="text" name="name" placeholder="Your Name" required required pattern="[a-zA-Z ]+"
+            oninvalid="this.setCustomValidity('Numbers and Symbols are not allowed')"
+            oninput="this.setCustomValidity('')" style="
           width: 100%;
           padding: 12px;
           margin: 8px 0;
@@ -1480,10 +1488,10 @@ <h2 class="headline-md section-title" id="cta-label" data-aos="fade-right" style
           height: 150px;
           resize: none;
           transition: border-color 0.3s ease, box-shadow 0.3s ease;
-        " onfocus="this.style.borderColor='#ff66b2'; this.style.boxShadow='0 0 10px rgba(255, 102, 178, 0.3)'" 
-           onblur="this.style.borderColor='#ccc'; this.style.boxShadow='none'"></textarea>
-    
-        <button type="submit" style="
+        " onfocus="this.style.borderColor='#ff66b2'; this.style.boxShadow='0 0 10px rgba(255, 102, 178, 0.3)'"
+            onblur="this.style.borderColor='#ccc'; this.style.boxShadow='none'"></textarea>
+
+          <button type="submit" style="
           background-color: #ff66b2;
           color: white;
           padding: 12px;
@@ -1518,33 +1526,33 @@ <h2 class="headline-md section-title" id="cta-label" data-aos="fade-right" style
 
 
 
-   <!--JS for searching courses -->
- <script>
-    
-        // Define searchCourses function
-        function searchCourses() {
-    const searchTerm = document.getElementById('search-bar').value.toLowerCase();
-    const courses = document.querySelectorAll('.category-card');
-    const resultsDiv = document.getElementById('search-results');
-    resultsDiv.innerHTML = ''; // Clear previous results
-    let found = false; // Flag to track if any course is found
+  <!--JS for searching courses -->
+  <script>
 
-    courses.forEach((course) => {
+    // Define searchCourses function
+    function searchCourses() {
+      const searchTerm = document.getElementById('search-bar').value.toLowerCase();
+      const courses = document.querySelectorAll('.category-card');
+      const resultsDiv = document.getElementById('search-results');
+      resultsDiv.innerHTML = ''; // Clear previous results
+      let found = false; // Flag to track if any course is found
+
+      courses.forEach((course) => {
         const courseTitle = course.querySelector('.title-lg').innerText.toLowerCase();
         if (courseTitle.includes(searchTerm)) {
-            const resultCard = course.cloneNode(true); // Clone the course card
-            resultsDiv.appendChild(resultCard); // Show matching result at the top
-            found = true; // Set flag to true if a course is found
+          const resultCard = course.cloneNode(true); // Clone the course card
+          resultsDiv.appendChild(resultCard); // Show matching result at the top
+          found = true; // Set flag to true if a course is found
         }
-    });
+      });
 
-    // If no courses match, show "No results found"
-    if (!found) {
+      // If no courses match, show "No results found"
+      if (!found) {
         resultsDiv.innerHTML = '<p>No results found</p>';
+      }
     }
-}
 
-    </script>
+  </script>
 
   <!-- 
    - custom js link
diff --git a/pages/blog.html b/pages/blog.html
index b621ee24..3f0bf2a7 100644
--- a/pages/blog.html
+++ b/pages/blog.html
@@ -1,455 +1,416 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <!-- 
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+  <!-- 
     - primary meta tags
     -->
-    <title>SkillWise</title>
-    <meta name="title" content="SkillWise" />
-    <meta
-      name="description"
-      content="This is an education HTML template made by Priya Ghosal"
-    />
-
-    <!-- 
+  <title>SkillWise</title>
+  <meta name="title" content="SkillWise" />
+  <meta name="description" content="This is an education HTML template made by Priya Ghosal" />
+
+  <!-- 
     - favicon
     -->
-    <link rel="shortcut icon" href="../favicon.svg" type="image/svg+xml" />
+  <link rel="shortcut icon" href="../favicon.svg" type="image/svg+xml" />
 
-    <!-- 
+  <!-- 
     - custom font link
     -->
-    <link rel="stylesheet" href="../assets/font/font.css" />
+  <link rel="stylesheet" href="../assets/font/font.css" />
 
-    <!-- 
+  <!-- 
     - custom css link
     -->
-    <link rel="stylesheet" href="../assets/css/style.css" />
+  <link rel="stylesheet" href="../assets/css/style.css" />
 
-    <!-- 
+  <!-- 
     - preload images
     -->
-    <link rel="preload" as="image" href="../assets/images/hero-banner.png" />
-    <link rel="preload" as="image" href="../assets/images/hero-bg.png" />
-  </head>
-  <body>
-    <!-- 
+  <link rel="preload" as="image" href="../assets/images/hero-banner.png" />
+  <link rel="preload" as="image" href="../assets/images/hero-bg.png" />
+</head>
+
+<body>
+  <!-- 
     - PRELOADER
     -->
-    <div class="preloader" data-preloader>
-      <div class="circle" data-circle></div>
-    </div>
+  <div class="preloader" data-preloader>
+    <div class="circle" data-circle></div>
+  </div>
 
-    <!-- 
+  <!-- 
     - HEADER
     -->
-    <header class="header" data-header>
-      <div class="container">
-        <a href="/">
-          <img
-            src="../assets/images/Skillwise_logo.jpg"
-            width="50"
-            height="50"
-            alt="SkillWise home"
-          />
-        </a>
-
-        <nav class="navbar" data-navbar>
-          <div class="navbar-top">
-            <a href="/">
-              <img
-                src="../assets/images/Skillwise_logo.jpg"
-                width="50"
-                height="50"
-                alt="SkillWise home"
-              />
-            </a>
+  <header class="header" data-header>
+    <div class="container">
+      <a href="/">
+        <img src="../assets/images/Skillwise_logo.jpg" width="50" height="50" alt="SkillWise home" />
+      </a>
 
-            <button
-              class="nav-close-btn"
-              aria-label="close menu"
-              data-nav-toggler
-            >
-              <ion-icon name="close-outline" aria-hidden="true"></ion-icon>
-            </button>
-          </div>
+      <nav class="navbar" data-navbar>
+        <div class="navbar-top">
+          <a href="/">
+            <img src="../assets/images/Skillwise_logo.jpg" width="50" height="50" alt="SkillWise home" />
+          </a>
 
-          <ul class="navbar-list">
-            <li class="navbar-item">
-              <a href="/index.html" class="navbar-link title-sm" data-nav-link>
-                Home
-              </a>
-            </li>
+          <button class="nav-close-btn" aria-label="close menu" data-nav-toggler>
+            <ion-icon name="close-outline" aria-hidden="true"></ion-icon>
+          </button>
+        </div>
 
-            <li class="navbar-item">
-              <a
-                href="/pages/courses.html"
-                class="navbar-link title-sm"
-                data-nav-link
-                >Courses</a
-              >
-            </li>
+        <ul class="navbar-list">
+          <li class="navbar-item">
+            <a href="/index.html" class="navbar-link title-sm" data-nav-link>
+              Home
+            </a>
+          </li>
 
-            <li class="navbar-item">
-              <a
-                href="/pages/blog.html"
-                class="navbar-link title-sm"
-                data-nav-link
-                >Blog</a
-              >
-            </li>
+          <li class="navbar-item">
+            <a href="/pages/courses.html" class="navbar-link title-sm" data-nav-link>Courses</a>
+          </li>
 
-            <li class="navbar-item">
-              <a
-                href="/pages/contact.html"
-                class="navbar-link title-sm"
-                data-nav-link
-                >Contacts</a
-              >
-            </li>
-          </ul>
-        </nav>
+          <li class="navbar-item">
+            <a href="/pages/blog.html" class="navbar-link title-sm" data-nav-link>Blog</a>
+          </li>
 
-        <a href="/signin.html" class="btn btn-secondary">Start Free Trial</a>
+          <li class="navbar-item">
+            <a href="/pages/contact.html" class="navbar-link title-sm" data-nav-link>Contacts</a>
+          </li>
+        </ul>
+      </nav>
 
-        <button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
-          <ion-icon name="menu-outline" aria-hidden="true"></ion-icon>
-        </button>
+      <a href="/signin.html" class="btn btn-secondary">Start Free Trial</a>
 
-        <div class="overlay" data-overlay data-nav-toggler></div>
-      </div>
-    </header>
+      <button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
+        <ion-icon name="menu-outline" aria-hidden="true"></ion-icon>
+      </button>
+
+      <div class="overlay" data-overlay data-nav-toggler></div>
+    </div>
+  </header>
 
-    <!-- Blog Section -->
-    <section id="blog" class="section blog has-bg-image" aria-labelledby="blog-label" >
+  <!-- Blog Section -->
+  <section id="blog" class="section blog has-bg-image" aria-labelledby="blog-label">
 
-      <div class="container" >
+    <div class="container">
 
-        <p id="keppi" class="title-sm text-center section-subtitle" id="category-label">Featured Blogs</p>
+      <p id="keppi" class="title-sm text-center section-subtitle" id="category-label">Featured Blogs</p>
 
-        <h2 class="headline-md text-center section-title" data-aos="fade-down">
-          Learn with <span class="span has-after">Articles</span>
-        </h2>
+      <h2 class="headline-md text-center section-title" data-aos="fade-down">
+        Learn with <span class="span has-after">Articles</span>
+      </h2>
 
-        <ul class="grid-list">
-          <li class="card-container" data-aos="fade-right"
-          data-aos-offset="100"
-          data-aos-easing="ease-in-sine">
-            <div class="card blog-card">
-              <figure class="card-banner">
-                <img src="../assets/images/course-1.png" width="370" height="248" loading="lazy"
-                    alt="Basic Fundamentals of Interior & Graphics Design" class="img-cover">
-              </figure>
-              <div class="card-content">
-                <h3 class="title-lg card-title">
-                  The Future of Data Science: Trends and Opportunities
-                </h3>
-                <p class="title-sm">Explore the emerging trends in data science and how they are shaping industries globally.</p>
-                <a href="./pages/blog.html">Read More ...</a>
-              </div>
+      <ul class="grid-list">
+        <li class="card-container" data-aos="fade-right" data-aos-offset="100" data-aos-easing="ease-in-sine">
+          <div class="card blog-card">
+            <figure class="card-banner">
+              <img src="../assets/images/course-1.png" width="370" height="248" loading="lazy"
+                alt="Basic Fundamentals of Interior & Graphics Design" class="img-cover">
+            </figure>
+            <div class="card-content">
+              <h3 class="title-lg card-title">
+                The Future of Data Science: Trends and Opportunities
+              </h3>
+              <p class="title-sm">Explore the emerging trends in data science and how they are shaping industries
+                globally.</p>
+              <a href="./pages/blog.html">Read More ...</a>
             </div>
-          </li>
-          <li class="card-container" data-aos="fade-right"
-          data-aos-offset="100"
-          data-aos-easing="ease-in-sine">
-            <div class="card blog-card">
-              <figure class="card-banner">
-                <img src="../assets/images/course-1.png" width="370" height="248" loading="lazy"
-                    alt="Basic Fundamentals of Interior & Graphics Design" class="img-cover">
-              </figure>
-              <div class="card-content">
-                <h3 class="title-lg card-title">
-                  The Future of Data Science: Trends and Opportunities
-                </h3>
-                <p class="title-sm">Explore the emerging trends in data science and how they are shaping industries globally.</p>
-                <a href="./pages/blog.html">Read More ...</a>
-              </div>
+          </div>
+        </li>
+        <li class="card-container" data-aos="fade-right" data-aos-offset="100" data-aos-easing="ease-in-sine">
+          <div class="card blog-card">
+            <figure class="card-banner">
+              <img src="../assets/images/course-1.png" width="370" height="248" loading="lazy"
+                alt="Basic Fundamentals of Interior & Graphics Design" class="img-cover">
+            </figure>
+            <div class="card-content">
+              <h3 class="title-lg card-title">
+                The Future of Data Science: Trends and Opportunities
+              </h3>
+              <p class="title-sm">Explore the emerging trends in data science and how they are shaping industries
+                globally.</p>
+              <a href="./pages/blog.html">Read More ...</a>
             </div>
-          </li>
-          <li class="card-container" data-aos="fade-right"
-          data-aos-offset="100"
-          data-aos-easing="ease-in-sine">
-            <div class="card blog-card">
-              <figure class="card-banner">
-                <img src="../assets/images/course-1.png" width="370" height="248" loading="lazy"
-                    alt="Basic Fundamentals of Interior & Graphics Design" class="img-cover">
-              </figure>
-              <div class="card-content">
-                <h3 class="title-lg card-title">
-                  The Future of Data Science: Trends and Opportunities
-                </h3>
-                <p class="title-sm">Explore the emerging trends in data science and how they are shaping industries globally.</p>
-                <a href="./pages/blog.html">Read More ...</a>
-              </div>
+          </div>
+        </li>
+        <li class="card-container" data-aos="fade-right" data-aos-offset="100" data-aos-easing="ease-in-sine">
+          <div class="card blog-card">
+            <figure class="card-banner">
+              <img src="../assets/images/course-1.png" width="370" height="248" loading="lazy"
+                alt="Basic Fundamentals of Interior & Graphics Design" class="img-cover">
+            </figure>
+            <div class="card-content">
+              <h3 class="title-lg card-title">
+                The Future of Data Science: Trends and Opportunities
+              </h3>
+              <p class="title-sm">Explore the emerging trends in data science and how they are shaping industries
+                globally.</p>
+              <a href="./pages/blog.html">Read More ...</a>
             </div>
-          </li>
-          <li class="card-container" data-aos="fade-right"
-          data-aos-offset="200"
-          data-aos-easing="ease-in-sine">
-            <div class="card blog-card">
-              <figure class="card-banner">
-                <img src="../assets/images/course-2.png" width="370" height="248" loading="lazy"
-                    alt="Basic Fundamentals of Interior & Graphics Design" class="img-cover">
-              </figure>
-              <div class="card-content">
-                <h3 class="title-lg card-title">
-                  Marketing in the Digital Age: Strategies that Work
-                </h3>
-                <p class="title-sm">Discover how digital marketing is evolving with new platforms and technologies.</p>
-                <a href="./pages/blog.html">Read More ...</a>
-              </div>
+          </div>
+        </li>
+        <li class="card-container" data-aos="fade-right" data-aos-offset="200" data-aos-easing="ease-in-sine">
+          <div class="card blog-card">
+            <figure class="card-banner">
+              <img src="../assets/images/course-2.png" width="370" height="248" loading="lazy"
+                alt="Basic Fundamentals of Interior & Graphics Design" class="img-cover">
+            </figure>
+            <div class="card-content">
+              <h3 class="title-lg card-title">
+                Marketing in the Digital Age: Strategies that Work
+              </h3>
+              <p class="title-sm">Discover how digital marketing is evolving with new platforms and technologies.</p>
+              <a href="./pages/blog.html">Read More ...</a>
             </div>
-          </li>
-          <li class="card-container"data-aos="fade-right"
-          data-aos-offset="300"
-          data-aos-easing="ease-in-sine">
-            <div class="card blog-card">
-              <figure class="card-banner">
-                <img src="../assets/images/course-6.png" width="370" height="248" loading="lazy"
-                    alt="Basic Fundamentals of Interior & Graphics Design" class="img-cover">
-              </figure>
-              <div class="card-content">
-                <h3 class="title-lg card-title">
-                  Creative Journey: A Guide to Graphic Design Success
-                </h3>
-                <p class="title-sm">Learn how to navigate the world of graphic design, from basic principles to advanced techniques.</p>
-                <a href="./pages/blog.html">Read More ...</a>
-              </div>
+          </div>
+        </li>
+        <li class="card-container" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine">
+          <div class="card blog-card">
+            <figure class="card-banner">
+              <img src="../assets/images/course-6.png" width="370" height="248" loading="lazy"
+                alt="Basic Fundamentals of Interior & Graphics Design" class="img-cover">
+            </figure>
+            <div class="card-content">
+              <h3 class="title-lg card-title">
+                Creative Journey: A Guide to Graphic Design Success
+              </h3>
+              <p class="title-sm">Learn how to navigate the world of graphic design, from basic principles to advanced
+                techniques.</p>
+              <a href="./pages/blog.html">Read More ...</a>
             </div>
-          </li>
-        </ul>
+          </div>
+        </li>
+      </ul>
 
-      </div>
-    </section>
+    </div>
+  </section>
 
-    <footer class="footer has-bg-image" >
+  <footer class="footer has-bg-image">
 
 
-      <div class="section footer-top">
-        <div class="container">
-  
-          <div class="footer-brand">
-            <div class="footer-logo-text">
+    <div class="section footer-top">
+      <div class="container">
+
+        <div class="footer-brand">
+          <div class="footer-logo-text">
             <a href="#">
-              <img id="footer-logo" src="../assets/images/Skillwise_logo.jpg"  width="200" height="200" alt="SkillWise home">
+              <img id="footer-logo" src="../assets/images/Skillwise_logo.jpg" width="200" height="200"
+                alt="SkillWise home">
             </a>
-  
+
             <p class="title-sm footer-text">
-              Stay updated with the latest from SkillWise! Follow us on LinkedIn, Twitter, Pinterest, Facebook and Instagram for exciting
+              Stay updated with the latest from SkillWise! Follow us on LinkedIn, Twitter, Pinterest, Facebook and
+              Instagram for exciting
               content, course announcements, and learning tips. Don’t miss out—subscribe today and join our growing
               community!
-  
+
             </p>
-            </div>
-            <ul class="social-list">
-  
-              <li>
-                
-                <a href="#" class="social-link" id="social-link1">
-                  <img src="../assets/images/facebook.svg" width="40" height="40" loading="lazy" alt="facebook">
-                </a>
-              </li>
-  
-              <li>
-                <a href="#" class="social-link" id="social-link2">
-                  <img src="../assets/images/X-logo.svg" width="40" height="40" loading="lazy" alt="X logo">
-                </a>
-              </li>
-  
-              <li>
-                <a href="#" class="social-link" id="social-link3">
-                  <img src="../assets/images/pinterest.svg" width="40" height="40" loading="lazy" alt="pinterest">
-                </a>
-              </li>
-  
-              <li>
-                <a href="#" class="social-link" id="social-link4">
-                  <img src="../assets/images/instagram.svg" width="40" height="40" loading="lazy" alt="instagram">
-                </a>
-              </li>
-  
-              <li>
-                <a href="#" class="social-link" id="social-link5">
-                  <img src="../assets/images/linkedIn.svg" width="40" height="40" loading="lazy" alt="linkedin">
-                </a>
-              </li>
-            </ul>
-  
           </div>
-  
-          <ul class="footer-list">
-  
-            <li>
-              <p class="headline-sm footer-list-title">Links</p>
-            </li>
-  
-            <li>
-              <a href="#home" class="title-sm footer-link">Home</a>
-            </li>
-  
-            <li>
-              <a href="#about" class="title-sm footer-link">About Us</a>
-            </li>
-  
+          <ul class="social-list">
+
             <li>
-              <a href="#pricing" class="title-sm footer-link">Pricing</a>
+
+              <a href="#" class="social-link" id="social-link1">
+                <img src="../assets/images/facebook.svg" width="40" height="40" loading="lazy" alt="facebook">
+              </a>
             </li>
-  
+
             <li>
-              <a href="#courses" class="title-sm footer-link">Courses</a>
+              <a href="#" class="social-link" id="social-link2">
+                <img src="../assets/images/X-logo.svg" width="40" height="40" loading="lazy" alt="X logo">
+              </a>
             </li>
-  
+
             <li>
-              <a href="#contact" class="title-sm footer-link">Contact Us</a>
+              <a href="#" class="social-link" id="social-link3">
+                <img src="../assets/images/pinterest.svg" width="40" height="40" loading="lazy" alt="pinterest">
+              </a>
             </li>
-  
+
             <li>
-              <a href="#blog" class="title-sm footer-link">Blog</a>
+              <a href="#" class="social-link" id="social-link4">
+                <img src="../assets/images/instagram.svg" width="40" height="40" loading="lazy" alt="instagram">
+              </a>
             </li>
+
             <li>
-              <a href="#" class="title-sm footer-link">Payment Method</a>
+              <a href="#" class="social-link" id="social-link5">
+                <img src="../assets/images/linkedIn.svg" width="40" height="40" loading="lazy" alt="linkedin">
+              </a>
             </li>
-  
-  
           </ul>
-  
-          <ul class="footer-list">
-  
-            <li>
-              <p class="headline-sm footer-list-title">Consumer Information</p>
-            </li>
-  
-            <!-- <li>
+
+        </div>
+
+        <ul class="footer-list">
+
+          <li>
+            <p class="headline-sm footer-list-title">Links</p>
+          </li>
+
+          <li>
+            <a href="#home" class="title-sm footer-link">Home</a>
+          </li>
+
+          <li>
+            <a href="#about" class="title-sm footer-link">About Us</a>
+          </li>
+
+          <li>
+            <a href="#pricing" class="title-sm footer-link">Pricing</a>
+          </li>
+
+          <li>
+            <a href="#courses" class="title-sm footer-link">Courses</a>
+          </li>
+
+          <li>
+            <a href="#contact" class="title-sm footer-link">Contact Us</a>
+          </li>
+
+          <li>
+            <a href="#blog" class="title-sm footer-link">Blog</a>
+          </li>
+          <li>
+            <a href="#" class="title-sm footer-link">Payment Method</a>
+          </li>
+
+
+        </ul>
+
+        <ul class="footer-list">
+
+          <li>
+            <p class="headline-sm footer-list-title">Consumer Information</p>
+          </li>
+
+          <!-- <li>
               <a href="#" class="title-sm footer-link">Legal</a>
             </li> -->
-            
-            <li>
-              <a href="#" class="title-sm footer-link">Legal</a>
-            </li>
-  
-            <li>
-  
-             <a href="../terms.html" class="title-sm footer-link">Terms of Use</a>
-  
-            </li>
-  
-            <li>
-              <a href="#" class="title-sm footer-link">Terms & Condition</a>
-            </li>
-  
-            <!-- <li>
+
+          <li>
+            <a href="#" class="title-sm footer-link">Legal</a>
+          </li>
+
+          <li>
+
+            <a href="../terms.html" class="title-sm footer-link">Terms of Use</a>
+
+          </li>
+
+          <li>
+            <a href="#" class="title-sm footer-link">Terms & Condition</a>
+          </li>
+
+          <!-- <li>
               <a href="#" class="title-sm footer-link">Payment Method</a>
             </li> -->
-  
-            <li>
-              <a href="#" class="title-sm footer-link">Privacy Policy</a>
-            </li>
-  
-            <li>
-              <a href="../copy.html" class="title-sm footer-link">Copyright Policy</a>
-            </li>
-  
-          </ul>
-  
-          <ul class="footer-list">
-  
-            <li>
-  
-              <p class="headline-sm footer-list-title ">Instagram Post</p>
-  
-              <ul class="grid-list">
-  
-                <li id="insta1">
-                  <img src="../assets/images/ins-1.png" width="80" height="80" loading="lazy" alt="instagram post"
-                    class="img-cover" id="instapost1">
-                </li>
-  
-                <li>
-                  <img src="../assets/images/ins-2.png" width="80" height="80" loading="lazy" alt="instagram post"
-                    class="img-cover" id="instapost2">
-                </li>
-  
-                <li>
-                  <img src="../assets/images/ins-3.png" width="80" height="80" loading="lazy" alt="instagram post"
-                    class="img-cover" id="instapost3">
-                </li>
-  
-                <li>
-                  <img src="../assets/images/ins-4.png" width="80" height="80" loading="lazy" alt="instagram post"
-                    class="img-cover" id="instapost4">
-                </li>
-  
-                <li>
-                  <img src="../assets/images/ins-5.png" width="80" height="80" loading="lazy" alt="instagram post"
-                    class="img-cover" id="instapost5">
-                </li>
-  
-                <li>
-                  <img src="../assets/images/ins-6.png" width="80" height="80" loading="lazy" alt="instagram post"
-                    class="img-cover" id="instapost6">
-                </li>
-  
-              </ul>
-  
-            </li>
-  
-          </ul>
-  
-        </div>
+
+          <li>
+            <a href="#" class="title-sm footer-link">Privacy Policy</a>
+          </li>
+
+          <li>
+            <a href="../copy.html" class="title-sm footer-link">Copyright Policy</a>
+          </li>
+
+        </ul>
+
+        <ul class="footer-list">
+
+          <li>
+
+            <p class="headline-sm footer-list-title ">Instagram Post</p>
+
+            <ul class="grid-list">
+
+              <li id="insta1">
+                <img src="../assets/images/ins-1.png" width="80" height="80" loading="lazy" alt="instagram post"
+                  class="img-cover" id="instapost1">
+              </li>
+
+              <li>
+                <img src="../assets/images/ins-2.png" width="80" height="80" loading="lazy" alt="instagram post"
+                  class="img-cover" id="instapost2">
+              </li>
+
+              <li>
+                <img src="../assets/images/ins-3.png" width="80" height="80" loading="lazy" alt="instagram post"
+                  class="img-cover" id="instapost3">
+              </li>
+
+              <li>
+                <img src="../assets/images/ins-4.png" width="80" height="80" loading="lazy" alt="instagram post"
+                  class="img-cover" id="instapost4">
+              </li>
+
+              <li>
+                <img src="../assets/images/ins-5.png" width="80" height="80" loading="lazy" alt="instagram post"
+                  class="img-cover" id="instapost5">
+              </li>
+
+              <li>
+                <img src="../assets/images/ins-6.png" width="80" height="80" loading="lazy" alt="instagram post"
+                  class="img-cover" id="instapost6">
+              </li>
+
+            </ul>
+
+          </li>
+
+        </ul>
+
       </div>
-  
+    </div>
+
     <!--
       - #Contact Us
     -->
-  
-      <section id="contact" class="cta" aria-labelledby="cta-label">
-        <div class="container">
-  
-          <h2 class="headline-md section-title" id="cta-label" data-aos="fade-right">
-            Contact Us
-          </h2>
-  
-          <form id="contact-form" data-aos="fade-left">
-            <input type="text" name="name" placeholder="Your Name" required>
-            <input type="email" name="email" placeholder="Your Email" required>
-            <textarea name="message" placeholder="Your Message" required></textarea>
-            <button type="submit">Send</button>
-          </form>
-        </div>
-      </section>
-  
-  
-      <div class="footer-bottom">
-        <div class="container">
-          <p class="copyright">
-            <a href="../copy.html"> © Copyright Policy <time id="year"></time> </a> All Rights Reserved by Priya Ghosal
+
+    <section id="contact" class="cta" aria-labelledby="cta-label">
+      <div class="container">
+
+        <h2 class="headline-md section-title" id="cta-label" data-aos="fade-right">
+          Contact Us
+        </h2>
+
+        <form id="contact-form" data-aos="fade-left">
+          <input type="text" name="name" placeholder="Your Name" required>
+          <input type="email" name="email" placeholder="Your Email" required>
+          <textarea name="message" placeholder="Your Message" required></textarea>
+          <button type="submit">Send</button>
+        </form>
+      </div>
+    </section>
+
+
+    <div class="footer-bottom">
+      <div class="container">
+        <p class="copyright">
+          <a href="../copy.html"> © Copyright Policy <time id="year"></time> </a> All Rights Reserved by Priya Ghosal
         </p>
-  
-        </div>
+
       </div>
-  
-    </footer>
-    <!-- Load blog data from blogs.js -->
-    <script src="../assets/js/blogs.js"></script>
+    </div>
 
-    <!-- 
+  </footer>
+  <!-- Load blog data from blogs.js -->
+  <script src="../assets/js/blogs.js"></script>
+
+  <!-- 
     - custom js link
     -->
-    <script src="../assets/js/script.js"></script>
+  <script src="../assets/js/script.js"></script>
 
-    <!-- 
+  <!-- 
     - ionicon
     -->
-    <script
-      type="module"
-      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
-    ></script>
-    <script
-      nomodule
-      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
-    ></script>
-  </body>
-</html>
+  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+</body>
+
+</html>
\ No newline at end of file