fix:1.接口对接样式修改

app.vue

@@ -29,14 +29,8 @@ useHead({
   ]
 })
 
-// const { t, locale, setLocale } = useI18n()
-// const switchLanguage = (lang) => {
-//   console.log(lang)
-//   // localStorage.setItem('lang', lang)
-//   setLocale(lang)
-// }
-
-// onMounted(() => {
-//   switchLanguage()
-// })
+const { $$t } = useStoreI18n()
+useSeoMeta({
+  title: $$t('title')
+})
 </script>

components/HomeIndex/Kindergarten-class/index.vue

@@ -28,7 +28,7 @@ const dataList = ref([
     id: 'DrawingClass',
     wowDelay: '0.7s',
     img: '/picture/082.png',
-    title: $$t('drawingClass'),
+    title: $$t('breaking'),
     ageBracket: $$t('ageBracket', ['9-15']),
     subTitle: $$t('drawingClassSubTitle')
   },
@@ -93,7 +93,7 @@ const dataList = ref([
               {{ item?.title }}
             </h4>
             <span>({{ item?.ageBracket }})</span>
-            <p class="multi-line clamp-2">
+            <p :title="item?.subTitle" class="multi-line clamp-2">
               {{ item?.subTitle }}
             </p>
             <!-- program-details.html -->

components/HomeIndex/Recommendation/index.vue

@@ -27,7 +27,7 @@ const dataList = ref([
     wowDelay: '0.7s',
     img: '/picture/quote-3.png',
     title: $$t('wadeWarren'),
-    subTitle: $$t('videoPlayback')
+    subTitle: $$t('lun1')
   }
 ])
 </script>
@@ -49,6 +49,9 @@ const dataList = ref([
 .clamp-3 {
   -webkit-line-clamp: 3;
 }
+.clamp-4 {
+  -webkit-line-clamp: 4;
+}
 </style>
 
 <template>
@@ -68,16 +71,19 @@ const dataList = ref([
         <template v-for="(item, index) in dataList" :key="item?.id">
           <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" :data-wow-delay="item?.wowDelay">
             <div class="swiper-slide">
-              <div style="box-sizing: border-box" class="testimonial-items" :class="item.abg">
+              <div
+                style="box-sizing: border-box"
+                class="testimonial-items d-flex align-items-center"
+                :class="item.abg"
+              >
                 <div class="icon">
                   <img :src="item?.img" alt="img" />
                 </div>
                 <div class="testimonial-bg" :class="item.bg"></div>
                 <div class="testimonial-content">
-                  <p class="multi-line clamp-3">
+                  <p class="multi-line clamp-4">
                     {{ item?.subTitle }}
                   </p>
-                  <h6 class="">{{ item?.title }}</h6>
                 </div>
               </div>
             </div>

components/HomeIndex/Teachers/index.vue

@@ -10,7 +10,7 @@ const dataList = ref([
     img: '/picture/01.jpg',
     name: $$t('ariaLan'),
     tType: $$t('englishTeacher'),
-    subSchool: $$t('bachelorsDegreeInEnglish'),
+    tType: $$t('chineseTeacher'),
     introduce: $$t('ariaLanIntroduce')
   },
   {
@@ -20,7 +20,7 @@ const dataList = ref([
     wowDelay: '0.5s',
     img: '/picture/02.jpg',
     name: $$t('wendyChen'),
-    tType: $$t('englishTeacher'),
+    tType: $$t('chineseTeacher'),
     subSchool: '',
     introduce: $$t('wendyChenIntroduce')
   },
@@ -31,8 +31,8 @@ const dataList = ref([
     wowDelay: '0.7s',
     img: '/picture/03.jpg',
     name: $$t('aspenChou'),
-    tType: $$t('englishTeacher'),
-    subSchool: $$t('graduatedFromNormalUniversity'),
+    tType: $$t('chineseTeacher'),
+    subSchool: '',
     introduce: $$t('aspenChouIntroduce')
   },
   {
@@ -119,7 +119,7 @@ const dataList = ref([
   width: 0px; /* Chrome, Safari 和 Opera */
 }
 
-.left-social-profile:hover + .introduce {
+.team-image:hover > .introduce {
   display: block;
 }
 .introduce:hover {
@@ -156,29 +156,9 @@ const dataList = ref([
                     <img src="/picture/team-shape.png" alt="img" />
                   </div>
                   <img :src="item?.img" alt="team-img" />
-                  <div class="social-profile">
-                    <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
-                    <ul>
-                      <li>
-                        <a href="#"><i class="fab fa-facebook-f"></i></a>
-                      </li>
-                      <li>
-                        <a href="#"><i class="fa-brands fa-instagram"></i></a>
-                      </li>
-                      <li>
-                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
-                      </li>
-                    </ul>
-                  </div>
-                  <div class="left-social-profile">
-                    <div class="w-24 h-24">
-                      <img class="w-100 h-100" src="/image/omit.svg" alt="" />
-                    </div>
-                  </div>
                   <div class="introduce">
                     <p class="fs-5 text-white text-center pb-2">{{ item?.name }}</p>
-                    <p class="text-white">{{ item?.subSchool }}</p>
-                    {{ item?.introduce }}
+                    <p v-html="item?.introduce"></p>
                   </div>
                 </div>
                 <div class="team-content">

components/HomeIndex/Work-wrapper/index.vue

@@ -69,7 +69,7 @@ const { t } = useI18n()
             <div class="work-process-items text-center">
               <div class="content style-two">
                 <h4>{{ t('teachingAssistantTracking') }}</h4>
-                <p class="multi-line clamp-2">
+                <p style="cursor: pointer" :title="t('remedialSystem')" class="multi-line clamp-2">
                   {{ t('remedialSystem') }}
                 </p>
               </div>

components/Preloader/index.vue

@@ -1,28 +1,36 @@
 <template>
-    <div id="preloader" class="preloader">
-		<div class="animation-preloader">
-			<div class="spinner"></div>
-			<div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-					data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-					class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-				</span><span data-text-preloader="A" class="letters-loading">A </span></div>
-			<p class="text-center">Loading</p>
-		</div>
-		<div class="loader">
-			<div class="row">
-				<div class="col-3 loader-section section-left">
-					<div class="bg"></div>
-				</div>
-				<div class="col-3 loader-section section-left">
-					<div class="bg"></div>
-				</div>
-				<div class="col-3 loader-section section-right">
-					<div class="bg"></div>
-				</div>
-				<div class="col-3 loader-section section-right">
-					<div class="bg"></div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
+  <div id="preloader" class="preloader">
+    <div class="animation-preloader">
+      <div class="spinner"></div>
+      <div class="txt-loading">
+        <span data-text-preloader="H" class="letters-loading">H</span>
+        <span data-text-preloader="A" class="letters-loading">A</span>
+        <span data-text-preloader="P" class="letters-loading">P</span>
+        <span data-text-preloader="P" class="letters-loading">P</span>
+        <span data-text-preloader="Y" class="letters-loading">Y</span>
+        &nbsp;
+        <span data-text-preloader="C" class="letters-loading">C</span>
+        <span data-text-preloader="H" class="letters-loading">H</span>
+        <span data-text-preloader="I" class="letters-loading">I</span>
+        <span data-text-preloader="N" class="letters-loading">N</span>
+      </div>
+      <p class="text-center">Loading</p>
+    </div>
+    <div class="loader">
+      <div class="row">
+        <div class="col-3 loader-section section-left">
+          <div class="bg"></div>
+        </div>
+        <div class="col-3 loader-section section-left">
+          <div class="bg"></div>
+        </div>
+        <div class="col-3 loader-section section-right">
+          <div class="bg"></div>
+        </div>
+        <div class="col-3 loader-section section-right">
+          <div class="bg"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

components/TopHeader.vue

@@ -7,11 +7,20 @@ const porps = defineProps({
 })
 
 const { t, locale, setLocale } = useI18n()
-
-const switchLanguage = (event) => {
-  let lang = event.target.value
+const { $$t } = useStoreI18n()
+const showLang = ref(false)
+const langList = ref([
+  { label: $$t('chinese'), value: 'zh' },
+  { label: $$t('english'), value: 'en' }
+])
+const switchLanguage = (lang) => {
   setLocale(lang)
+  showLang.value = !showLang.value
 }
+
+const langLabel = computed(() => {
+  return langList.value.find((item) => item.value == locale.value)?.label
+})
 </script>
 <template>
   <header id="header-sticky" :class="headerClass">
@@ -20,23 +29,30 @@ const switchLanguage = (event) => {
         <div class="header-main style-2">
           <div class="header-left zindex">
             <div class="logo">
-              <a href="" class="header-logo"><img src="/picture/logo.svg" alt="logo-img" /></a>
+              <NuxtLink to="/" class="header-logo">
+                <img src="/picture/logo.svg" alt="logo-img" />
+              </NuxtLink>
             </div>
-            <div class="category-oneadjust d-flex justify-content-start align-items-center">
+            <div class="language d-flex justify-content-start align-items-center">
               <img src="/picture/grid.svg" alt="img" class="me-2" />
-              <select
-                @change="switchLanguage"
-                name="cate"
-                v-model="locale"
-                class="category bg-transparent border border-0 w-75"
-              >
-                <option class="border border-0" value="zh">
-                  {{ t('chinese') }}
-                </option>
-                <option class="border border-0" value="en">
-                  {{ t('english') }}
-                </option>
-              </select>
+
+              <div class="w-100 d-flex justify-content-between align-items-center">
+                {{ langLabel }}
+                <i
+                  :class="`fas cursor-pointer ${showLang ? 'fa-angle-up' : 'fa-angle-down'}`"
+                  @click="showLang = !showLang"
+                ></i>
+              </div>
+              <ul v-show="showLang" style="position: absolute" class="suLangangbmenu">
+                <li
+                  v-for="(item, index) in langList"
+                  :key="item.value"
+                  :class="`${locale == item.value ? 'liactive' : ''}`"
+                  @click="switchLanguage(item.value)"
+                >
+                  {{ item.label }}
+                </li>
+              </ul>
             </div>
           </div>
           <div class="header-right d-flex justify-content-end align-items-center">
@@ -120,14 +136,14 @@ const switchLanguage = (event) => {
                         </li>
                       </ul> -->
                     </li>
-                    <li>
-                      <!-- <a href="/about">{{ t('aboutUs') }}</a> -->
+                    <!-- <li>
+                      <a href="/about">{{ t('aboutUs') }}</a>
                       <a href="javascript:(0)">{{ t('aboutUs') }}</a>
                     </li>
                     <li>
-                      <!-- <a href="/program/carousel">{{ t('programs') }}</a> -->
+                      <a href="/program/carousel">{{ t('programs') }}</a>
                       <a href="javascript:(0)">{{ t('programs') }}</a>
-                    </li>
+                    </li> -->
                     <li>
                       <a href="/contact">{{ t('contactUs') }}</a>
                       <!-- <a href="javascript:(0)">{{ t('contactUs') }}</a> -->
@@ -144,6 +160,10 @@ const switchLanguage = (event) => {
 </template>
 
 <style lang="css" scoped>
+.zindex {
+  position: relative;
+  z-index: 100;
+}
 select {
   outline: none;
 }
@@ -152,8 +172,70 @@ option {
   outline: none;
 }
 
-.zindex {
+.language {
+  width: 160px;
+  border-radius: 8px;
+  border: 1px solid rgba(92, 112, 126, 0.3);
+  padding: 10px 16px;
   position: relative;
-  z-index: 100;
+  z-index: 99;
+}
+
+.suLangangbmenu {
+  position: absolute;
+  top: 100%;
+  z-index: 11;
+  width: 100%;
+  background: var(--white);
+  position: absolute;
+  color: var(--header);
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+  inset-inline-start: 0;
+  transform-origin: top center;
+  transform: translateY(10px);
+  transition: all 0.4sease-in-out;
+}
+
+.suLangangbmenu {
+  position: absolute;
+  top: 100%;
+  z-index: 11;
+  width: 100%;
+  background: var(--white);
+  position: absolute;
+  color: var(--header);
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+  inset-inline-start: 0;
+  transform-origin: top center;
+  transform: translateY(10px);
+  transition: all 0.4sease-in-out;
+}
+
+.suLangangbmenu li {
+  width: 100%;
+
+  box-sizing: border-box;
+}
+
+.suLangangbmenu li {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--header);
+  padding: 6px 25px;
+  width: 100%;
+}
+
+.suLangangbmenu li:hover {
+  background: var(--theme);
+  color: var(--white) !important;
+}
+
+.liactive {
+  background: var(--theme);
+  color: var(--white) !important;
 }
 </style>

locales/en.json

@@ -18,7 +18,7 @@
     "pleaseEnter": "Please enter",
      "pleaseEnterMin": "Please enter the minimum age",
     "pleaseEnterMax": "Please enter the maximum age",
-    "sendMessage": "Send Message",
+    "sendMessage": "Submit reservation information",
     "pleaseEnterSurname": "Please enter surname",
   "pleaseEnterName": "Please enter name",
   "pleaseEnterAgeRange": "Please enter age range",
@@ -31,23 +31,22 @@
   "enlightenThinking": "Enlighten Thinking",
   "teachThroughFun": "Teach Through Fun",
   "respectIndividuality": "Respect Individuality",
-  "kindergartenAndBabyCare": "Kindergarten & Baby Care",
+  "kindergartenAndBabyCare": "Kids’ Learning & Growing",
   "happySpeaking": "Happy Speaking",
   "happyReading": "Happy Reading",
   "happyWriting": "Happy Writing",
-  "communicationIsNatural": "Communication is a natural instinct for humans, and we help our",
-  "childrenBuildBridges": "children build bridges with the world",
+  "communicationIsNatural": "Communication is a natural instinct for humans, and we help our children build bridges with the world.",
   "applyToday": "Apply Today",
   "aboutUs": "About us",
   "bestChoiceForChildren": "Best Choice for Children",
-  "educationIsNotFilling": "Education is not the filling of a pail but the lighting of a fire",
+  "educationIsNotFilling": "Education is not the filling of a pail but the lighting of a fire.",
   "exploreMore": "Explore More",
   "callUsNow": "Call Us Now",
   "ourPrograms": "Our Programs",
-  "weMeetKidsAtTheirLevel": "We meet kids at their level",
+  "weMeetKidsAtTheirLevel": "We meet kids at their level ",
   "regardlessOfTheirAge": "regardless of their age",
   "getYourQuality": "Get your quality",
-  "comeAndBeAPartOfIt": "Come and be a part of it Our newest member",
+  "comeAndBeAPartOfIt": "Come and be a part of our newest member!",
   "applyNow": "Apply Now",
   "expertTeachers": "Expert Teachers",
   "excellentTeam": "The excellent team of teachers escorts students' learning",
@@ -58,14 +57,14 @@
   "teachingAssistantTracking": "Teaching Assistant Tracking",
   "remedialSystem": "Remedial system of professional teaching assistant to track during the whole process",
   "beginning": "Beginning",
-  "beginningSubTitle": "Enlightenment in listening and speaking stimulates interest in Chinese learning.",
+  "beginningSubTitle": "Enlightening listening and speaking with 20 vivid themes to stimulate children's interest in Chinese learning.",
   "growing": "Growing",
   "growingSubTitle": "The primary school Chinese textbooks compiled by the deep matching department have reached the domestic primary school Chinese level and improved Chinese literacy.",
-  "drawingClass": "Drawing Class",
+  "breaking": "Breaking",
   "drawingClassSubTitle": "Comprehensive improvement of listening, speaking, reading, and writing skills, high-level direct HSK/AP/IB Chinese tests.",
   "expanding": "Expanding",
   "expandingSubTitle": "Benchmark HSK and YCT syllabuses to comprehensively improve Chinese listening, speaking, reading, and writing skills for overseas students with zero foundation.",
-  "ageBracket":" years old",
+  "ageBracket":"{0} years old",
   "handicraftCourses": "Handicraft Courses",
   "handicraftCoursesSubTitle": "Cultivate students' practical abilities.",
   "classroomGames": "Classroom Games",
@@ -86,17 +85,18 @@
   "recommendation": "Recommendation",
   "parentsFeedback": "Parents' feedback on Happy Chin",
   "ariaLan": "Aria Lan",
+  "chineseTeacher": "Chinese teacher",
   "englishTeacher": "English teacher",
   "bachelorsDegreeInEnglish": "Bachelor's Degree in English",
-  "ariaLanIntroduce": "Five years of extensive teaching experience. Former outstanding instructor and former excellent teacher at an international kindergarten. Holds a Teaching Certificate issued by the Ministry of Education, TEM-4, and Mandarin Level 2-A Certificate. Proficient in standard pronunciation and intonation, skilled in Chinese picture book reading, phonics, and oral Chinese teaching.",
+  "ariaLanIntroduce": "Teaching Style: Learning through fun and being both friend and mentor with kids.<br/>Bachelor's Degree in English.<br/>Five years of extensive experience in teaching English to young learners, former outstanding instructor at a leading English education institution, and former excellent English teacher at a kindergarten.<br/>  Holds a Teaching Certificate issued by the Ministry of Education, TEM-4 (Test for English Majors Band 4), and Mandarin Level 2-A Certificate.<br/>Proficient in standard pronunciation and intonation, skilled in Chinese picture book reading, phonics, and oral English teaching. Emphasizes individual differences among children, tailors teaching methods to each student, and fully inspires children's interest in learning Chinese.<br/>Teaching Motto: <br/> 'Language is the blood of the soul into which thoughts run and out of which they grow.'",
   "wendyChen": "Wendy Chen",
-  "wendyChenIntroduce": "Graduated from a normal college with a Bachelor’s degree and holds CET6 (National College English Test Band 4 and 6) certificate, TEM4 (Test for English Major) certificate, BEC (BUSINESS ENGLISH CERTIFICATE) Intermediate certificate, Mandarin Level 1 B certificate. With strong affinity, she is good at mobilizing the classroom atmosphere with rich teaching methods.",
+  "wendyChenIntroduce": "Wendy Graduated from a normal college with a Bachelor’s degree and holds CET6 (National College English Test Band 4 and 6) certificate, TEM4 (Test for English Major) certificate, BEC (BUSINESS ENGLISH CERTIFICATE) Intermediate certificate, Mandarin Level 1 B certificate.<br/>She won the 'FLTRP Cup' National English Speech Contest for college students.<br/>She has experience in teaching foreigners the HSK (Hanyu Shuiping kaoshi ) test and 5 years of experience in teaching children.<br/>With strong affinity, she is good at mobilizing the classroom atmosphere with rich teaching methods.<br/>Teaching Motto: <br/>'Education is not preparation for life; education is life itself. '—John Dewey",
   "aspenChou": "Aspen Chou",
   "graduatedFromNormalUniversity": "Graduated from a normal university.",
-  "aspenChouIntroduce": "I have the Ministry of Education's teaching certification and a Level 2A Mandarin proficiency certificate. I have three years of one-on-one teaching experience. I've participated in public-welfare volunteer teaching activities multiple times. Proficient in oral Chinese teaching with standard pronunciation and intonation, I create a child-loved atmosphere.",
+  "aspenChouIntroduce": "Teaching Style: Encourage education, enlighten thinking and integrate into life.<br/>Graduated from a normal university.<br/>Possess a Teacher Qualification Certificate and Mandarin Certificate at Level 2, Grade A. <br/>Have rich experience in various competitions and have won awards, such as in business competitions and the 'National English Contest for College Students' and other competitions.<br/> Have three years of one-on-one teaching experience. Be full of love and actively participate in public welfare teaching support activities. <br/>Have a standard pronunciation and intonation, and be good at oral English teaching.<br/>Have strong affinity, and conduct interesting interactions with students in class, creating a relaxed and pleasant classroom atmosphere, which is deeply loved by children.<br/>Teaching Motto:<br/>“Education is not the filling of a pail but the lighting of a fire.”——William Butler Yeats",
   "oliviaHuang": "Olivia Huang",
   "oliviaHuangIntroduce": "Graduated from the University of Valencia, Spain with a doctorate in linguistics, with TEM-8 Certificate in English and Spanish, Mandarin Level 2A Certificate and the “National Outstanding Teacher”. Has American English pronunciation, places emphasis on practice, and cultivates students' practical application abilities.",
-  "ourExperts": "Our Experts",
+  "ourExperts": "Our Team",
   "ourExpertInstructors": "Our Expert Instructors",
   "pleaseSelectRegion": "Please select a area",
   "region": "Area",
@@ -109,5 +109,14 @@
   "home02": "Home 02",
   "home03": "Home 03",
   "home04": "Home 04",
-  "programs": "Programs"
+  "programs": "Programs",
+  "callUs": "Call Us",
+  "email": "E-mail",
+  "location": "Location",
+  "address": "Room 1509, Building 11, Shidai Hui, Yuzhong District, Chongqing Municipality, China",
+  "termsAndCondition": "Terms & Condition",
+  "privacyPolicy": "Privacy Policy",
+  "title": "Happy Chin",
+  "copyright": "© All Copyright 2025 by",
+  "lun1":"The combination of Chinese myths and stories in the textbooks is particularly good, and children can learn language and increase knowledge!"
   }

locales/zh.json

@@ -1,111 +1,119 @@
 {
-    "welcome": "欢迎",
-    "about": "关于",
-    "chinese":"中文",
-    "english":"英文",
-    "search": "搜索...",
-    "contactUs": "联系我们",
-    "home": "首页",
-    "readyToGetStarted": "准备好开始了吗？",
-    "description": "教育是发现美并无限放大，使每个孩子以自己独特的方式闪耀。",
-    "lastName": "姓氏",
-    "firstName": "名字",
-    "childAge": "孩子年龄",
-    "yourEmail": "您的邮箱",
-    "courseCategory": "课程类别",
-    "phone": "电话",
-    "pleaseEnter": "请输入",
-    "pleaseEnterMin": "请输入最小年龄",
-    "pleaseEnterMax": "请输入最大年龄",
-    "sendMessage": "发送消息",
-    "pleaseEnterSurname": "请输入姓氏",
-    "pleaseEnterName": "请输入名字",
-    "pleaseEnterAgeRange": "请输入年龄段",
-    "pleaseEnterEmail": "请输入邮箱",
-    "pleaseEnterPhone": "请输入电话",
-    "pleaseSelectCourseType": "请选择课程类型",
-     "signUpSuccess": "报名成功",
-    
+  "welcome": "欢迎",
+  "about": "关于",
+  "chinese": "中文",
+  "english": "英文",
+  "search": "搜索...",
+  "contactUs": "联系我们",
+  "home": "首页",
+  "readyToGetStarted": "准备好开始了吗？",
+  "description": "教育是发现美并无限放大，使每个孩子以自己独特的方式闪耀。",
+  "lastName": "姓氏",
+  "firstName": "名字",
+  "childAge": "孩子年龄",
+  "yourEmail": "您的邮箱",
+  "courseCategory": "课程类别",
+  "phone": "电话",
+  "pleaseEnter": "请输入",
+  "pleaseEnterMin": "请输入最小年龄",
+  "pleaseEnterMax": "请输入最大年龄",
+  "sendMessage": "提交预约信息",
+  "pleaseEnterSurname": "请输入姓氏",
+  "pleaseEnterName": "请输入名字",
+  "pleaseEnterAgeRange": "请输入年龄段",
+  "pleaseEnterEmail": "请输入邮箱",
+  "pleaseEnterPhone": "请输入电话",
+  "pleaseSelectCourseType": "请选择课程类型",
+  "signUpSuccess": "报名成功",
   "encouragingEducation": "鼓励教育",
   "enlightenThinking": "启发思维",
-  "teachThroughFun": "通过乐趣教学",
+  "teachThroughFun": "寓教于乐",
   "respectIndividuality": "尊重个性",
-  "kindergartenAndBabyCare": "幼儿园和婴儿护理",
-  "happySpeaking": "快乐说话",
+  "kindergartenAndBabyCare": "孩子的学习和成长",
+  "happySpeaking": "快乐交流",
   "happyReading": "快乐阅读",
   "happyWriting": "快乐写作",
-  "communicationIsNatural": "沟通是人类的自然本能，我们帮助我们的",
-  "childrenBuildBridges": "孩子们与世界建立联系",
+  "communicationIsNatural": "交流是人类的天性，我们跟孩子一起搭建起与世界沟通的桥梁。",
   "applyToday": "今天申请",
   "aboutUs": "关于我们",
-  "bestChoiceForChildren": "孩子们的最佳选择",
-  "educationIsNotFilling": "教育不是填满水桶，而是点燃火焰",
+  "bestChoiceForChildren": "给孩子们最好的选择",
+  "educationIsNotFilling": "教育不是灌满一桶水，而是点燃一团生命的火焰。",
   "exploreMore": "探索更多",
   "callUsNow": "现在联系我们",
-  "ourPrograms": "我们的项目",
-  "weMeetKidsAtTheirLevel": "我们在孩子们的水平上与他们见面",
-  "regardlessOfTheirAge": "无论他们的年龄",
-  "getYourQuality": "获得你的质量",
-  "comeAndBeAPartOfIt": "来成为我们最新成员的一部分",
+  "ourPrograms": "课程设计",
+  "weMeetKidsAtTheirLevel": "课程内容根据孩子",
+  "regardlessOfTheirAge": "中文水平划分",
+  "getYourQuality": "获取优质体验",
+  "comeAndBeAPartOfIt": "快来成为我们的新成员吧!",
   "applyNow": "立即申请",
-  "expertTeachers": "专家教师",
-  "excellentTeam": "优秀的教师团队护航学生的学习",
-  "eLearningMedia": "电子学习媒体",
-  "exploreKnowledge": "学习者可以通过电子学习媒体自由探索知识",
-  "professionalService": "专业服务",
-  "tailorMadePlans": "为学生量身定制学习计划，实现个性化发展",
-  "teachingAssistantTracking": "助教跟踪",
-  "remedialSystem": "专业助教的补救系统，全程跟踪",
-  "beginning": "初级",
-  "beginningSubTitle": "听说启蒙，激发对中文学习的兴趣。",
+  "expertTeachers": "优秀教师团队",
+  "excellentTeam": "优秀的教师团队为学生的学习保驾护航",
+  "eLearningMedia": "在线学习资源",
+  "exploreKnowledge": "学习者可通过共享电子资源自由学习",
+  "professionalService": "专业服务体系",
+  "tailorMadePlans": "为学生量身定制学习计划,达成个性化发展目标",
+  "teachingAssistantTracking": "助教伴随学习",
+  "remedialSystem": "助教老师全程跟踪辅导教学",
+  "beginning": "启程",
+  "beginningSubTitle": "以20个生动主题进行听说启蒙激发孩子中文学习兴趣。",
   "growing": "成长",
-  "growingSubTitle": "深度匹配部门编写的小学中文教材，达到国内小学中文水平，提高中文素养。",
-  "drawingClass": "绘画班",
-  "drawingClassSubTitle": "全面提升听、说、读、写能力，高水平直通HSK/AP/IB中文考试。",
-  "expanding": "扩展",
-  "expandingSubTitle": "基准HSK和YCT大纲，全面提升零基础海外学生的中文听、说、读、写能力。",
-   "ageBracket":"{0}岁",
-"handicraftCourses": "手工课程",
-  "handicraftCoursesSubTitle": "培养学生的实践能力",
+  "growingSubTitle": "深度匹配小学语文课本达到国内小学语文水平提升中文素养。",
+  "breaking": "突破",
+  "drawingClassSubTitle": "融合IB课程体系,全面提升听说读写能力,高级别直通HSK/AP/IB中文考试。",
+  "expanding": "进阶",
+  "expandingSubTitle": "对标HSK、YCT大纲针对海外听说读写零基础学生,全面提升中文听说交际能力。",
+  "ageBracket": "{0}岁",
+  "handicraftCourses": "手工课",
+  "handicraftCoursesSubTitle": "培养学生的动手能力",
   "classroomGames": "课堂游戏",
-  "classroomGamesSubTitle": "为课堂增添乐趣",
-  "musicalRhythm": "音乐节奏",
+  "classroomGamesSubTitle": "增添课堂乐趣",
+  "musicalRhythm": "音乐律动",
   "musicalRhythmSubTitle": "通过儿歌帮助记忆",
   "chineseCulture": "中国文化",
-  "chineseCultureSubTitle": "了解中国传统文化习俗",
+  "chineseCultureSubTitle": "了解中国文化习俗",
   "ourOriginalCourses": "我们的原创课程",
-  "curriculumCharacteristics": "课程特点",
-  "multiDimensionalTeachingModel": "多维教学模式，促进学生的全面发展。",
-"jennyWilson": "珍妮·威尔逊",
-  "culturalTheatre": "“文化剧场”环节是孩子们的最爱，通过戏剧学习节日习俗真是太有趣了！",
+  "curriculumCharacteristics": "课程特色",
+  "multiDimensionalTeachingModel": "多维度教学模式，促进学生全面发展。",
+  "jennyWilson": "珍妮·威尔逊",
+  "culturalTheatre": "文化剧场环节是孩子们的最爱，用情景剧来学习节日习俗真是太好玩了！",
   "estherHoward": "埃丝特·霍华德",
   "pronunciationStandard": "中文老师的发音标准，孩子说就像和朋友一起学中文~",
   "wadeWarren": "韦德·沃伦",
-  "videoPlayback": "补课有视频回放，对双职工家庭太友好了。",
-  "recommendation": "推荐",
+  "videoPlayback": "有课程的视频回放，对双职工家庭太友好了。",
+  "recommendation": "反馈",
   "parentsFeedback": "家长对开心中文的反馈",
   "ariaLan": "蓝皓琦",
+  "chineseTeacher": "中文老师",
   "englishTeacher": "英语老师",
   "bachelorsDegreeInEnglish": "英语学士学位",
-  "ariaLanIntroduce": "五年丰富的教学经验。曾任国际幼儿园优秀导师和优秀教师。持有教育部颁发的教师资格证书、TEM-4和普通话二级甲等证书。标准发音和语调，擅长中文绘本阅读、自然拼读和口语教学。",
+  "ariaLanIntroduce": "教育风格：寓教于乐，亦师亦友。 毕业于英语专业，学士学位。<br/>五年资深幼小英语教学经验，前英语头部教育机构优秀讲师，前幼儿园优秀英语教师。<br/>持有教育部教师资格证书，英语专业四级证书，普通话二级甲等证书。<br/>语音语调标准，擅长中文绘本阅读，自然拼读和口语教学，注重幼儿个体差异，因材施教，充分激发幼儿对中文学习的兴趣。<br/>教育格言：<br/>语言是灵魂的血液，思想在其中流淌，并在其中成长。",
   "wendyChen": "陈炎炎",
-  "wendyChenIntroduce": "毕业于师范学院，拥有学士学位，并持有CET6（全国大学英语四、六级考试）证书、TEM4（英语专业四级考试）证书、BEC（商务英语证书）中级证书、普通话一级乙等证书。亲和力强，善于用丰富的教学方法调动课堂气氛。",
+  "wendyChenIntroduce": "教育风格：鼓励教育，寓教于乐，轻松活泼。<br/> 毕业于师范类院校，学士学位，持有CET6（National College English Test Band 4 and 6）证书，TEM4（Test for English Major）证书，BEC( BUSINESS ENGLISH CERTIFICATE )中级证书，普通话一级乙等证书。<br/>曾获得“外研社杯”全国大学生英语演讲比赛优胜奖。<br/>有教授外国人HSK (Hanyu Shuiping kaoshi) 考试的经验，5年少儿教育经验。<br/>亲和力强，擅长于用丰富的肢体语言和生动的语调调动课堂气氛，深受同学们的喜爱。<br/>教育格言：<br/>教育不是为生活做准备;教育就是生活本身。—约翰 德维",
   "aspenChou": "周诗萍",
   "graduatedFromNormalUniversity": "毕业于师范大学。",
-  "aspenChouIntroduce": "我拥有教育部的教学认证和二级甲等普通话水平证书。拥有三年一对一教学经验，多次参与公益志愿教学活动。标准发音和语调，擅长口语教学，营造孩子喜爱的氛围。",
+  "aspenChouIntroduce": "教学风格：鼓励教育、启迪思考、融入生活。<br/>毕业于师范类院校。<br/>持有教育部教师资格证和二级甲等普通话水平证书，获多竞赛经验奖项，商务、国才杯等。<br/>三年的一对一教学经验，富有爱心，积极参与公益支教活动。<br/>语音语调标准，善于口语教学，亲和力强，课堂多学生趣味互动，氛围轻松愉悦，深受小朋友喜爱。<br/>教育格言：<br/>教育不是注满一桶水，而是点燃一把火。—威廉·巴特勒·叶芝",
   "oliviaHuang": "黄筱雯",
-  "oliviaHuangIntroduce": "毕业于西班牙瓦伦西亚大学，拥有语言学博士学位，持有TEM-8英语和西班牙语证书、普通话二级甲等证书和“全国优秀教师”称号。美式英语发音，注重实践，培养学生的实际应用能力。",
-  "ourExperts": "我们的专家",
-  "ourExpertInstructors": "我们的专家导师",
-"pleaseSelectRegion": "请选择地区",
-        "region": "地区",
-        "level_1": "初级",
-        "level_2": "中级",
-        "level_3": "高级",
+  "oliviaHuangIntroduce": "毕业于西班牙瓦伦西亚大学，获语言博士学学位，持有英语和西班牙语专业八级证书，普通话二级甲等证书，获“全国优秀教师”称号，美式发音，强调实践，注重培养学习实际应用能力。",
+  "ourExperts": "我们的团队",
+  "ourExpertInstructors": "我们的专业教师",
+  "pleaseSelectRegion": "请选择地区",
+  "region": "地区",
+  "level_1": "初级",
+  "level_2": "中级",
+  "level_3": "高级",
   "onePage": "单页面",
   "home01": "首页 01",
   "home02": "首页 02",
   "home03": "首页 03",
   "home04": "首页 04",
-  "programs": "项目"
-  }
+  "programs": "项目",
+  "callUs": "联系我们",
+  "email": "邮箱",
+  "location": "地址",
+  "address": "中国重庆市渝中区时代汇11号楼1509室",
+  "termsAndCondition": "条款和条件",
+  "privacyPolicy": "隐私政策",
+  "title": "开心中文",
+   "copyright": "© 2025 版权所有",
+   "lun1":"教材里结合了中国神话故事特别好，孩子既能学语言又能涨知识。"
+}

nuxt.config.ts

@@ -2,6 +2,8 @@ import Components from 'unplugin-vue-components/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import AutoImport from 'unplugin-auto-import/vite'
 import path from 'path'
+// import {useStoreI18n} from './utils/i18n.js'
+// const { $$t } = useStoreI18n()
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
 
@@ -47,7 +49,7 @@ export default defineNuxtConfig({
           content: 'webkit'
         }
       ],
-      link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.svg' }]
+      link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
     }
   },
   devServer: {

pages/about/index.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/blog/detail.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/blog/index.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/contact/index.vue

@@ -5,20 +5,25 @@ const { $$t } = useStoreI18n()
 
 const areaCodeList = ref([])
 const showCourseType = ref(false)
+const loading = ref(false)
 const showAreaCode = ref(false) // 区号
 const showCountryId = ref(false) //地区
 const courseTypeList = ref([
   {
     value: '1',
-    label: $$t('level_1')
+    label: $$t('beginning')
   },
   {
     value: '2',
-    label: $$t('level_2')
+    label: $$t('growing')
   },
   {
     value: '3',
-    label: $$t('level_3')
+    label: $$t('breaking')
+  },
+  {
+    value: '4',
+    label: $$t('expanding')
   }
 ])
 
@@ -34,6 +39,7 @@ const studentSignUp = ref({
   areaCode: '+86'
 })
 
+// 表单错误信息
 const formErrors = ref({
   surname: '',
   name: '',
@@ -43,38 +49,33 @@ const formErrors = ref({
   phone: '',
   courseType: ''
 })
-
 // 国家获取区号接口
 async function getAreaCode() {
   // alert('获取区号')
   console.log('获取区号')
-
+  loading.value = true
   try {
     let res = await request('/country/baseCountry/getCountryCode')
 
     console.log(res, '555')
-    // alert(res)
     if (res && res.data) {
-      // console.log(locale.value, '555')
-      // alert('获取区号成功')
-      areaCodeList.value = res.data.map((item) => {
-        return {
-          value: item.areaCode,
-          label: item.countryNameZh
-        }
-      })
+      areaCodeList.value = res.data
+      loading.value = false
     } else {
-      // alert('获取区号失败')
     }
   } catch (error) {}
 }
 
+const areaCodeLang = computed(() =>
+  areaCodeList.value.map(({ areaCode, countryNameZh, countryNameEn, id }) => ({
+    value: areaCode,
+    label: locale.value == 'zh' ? countryNameZh : countryNameEn,
+    id
+  }))
+)
+
 onMounted(() => {
-  // console.log(1)
-  // nextTick(() => {
   getAreaCode()
-  // })
-  // getAreaCode()
 })
 
 // 学生报名
@@ -95,7 +96,7 @@ async function submitStudentSignUp() {
     isValid = false
   }
   if (!studentSignUp.value.countryId) {
-    formErrors.value.name = $$t('region')
+    formErrors.value.countryId = $$t('region')
     isValid = false
   }
   if (!studentSignUp.value.minAge && !studentSignUp.value.maxAge) {
@@ -124,14 +125,13 @@ async function submitStudentSignUp() {
   console.log(body, 'body')
 
   let item = courseTypeList.value.find((item) => item.label == studentSignUp.value.courseType)
-  let itemArea = areaCodeList.value.find((item) => item.label == studentSignUp.value.countryId)
+  let itemArea = areaCodeLang.value.find((item) => item.label == studentSignUp.value.countryId)
   console.log(item, 'item')
 
   body.courseType = item.value
   body.countryId = itemArea.id
 
   body.areaCode = body.areaCode.replace('+', '')
-  console.log(body, 'body')
 
   try {
     let res = await request('/education/happyEntry/addHappyEntry', {
@@ -290,345 +290,346 @@ function changeValue(name) {
   color: red;
   font-size: 14px;
 }
+.contact-header-bg {
+  background-color: white;
+}
 </style>
 <template>
-  <!-- <ClientOnly fallback="span"> -->
-  <Preloader></Preloader>
-  <FixArea></FixArea>
-
-  <Header-top-section sectionClass="header-top-section-4" />
-  <TopHeader headerClass="header-4" />
-  <div class="search-wrap">
-    <div class="search-inner">
-      <i class="fas fa-times search-close" id="search-close"></i>
-      <div class="search-cell">
-        <form method="get">
-          <div class="search-field-holder">
-            <input type="search" class="main-search-input" :placeholder="$t('search')" />
-          </div>
-        </form>
+  <Preloader v-if="loading" />
+
+  <template v-else>
+    <FixArea></FixArea>
+
+    <Header-top-section sectionClass="header-top-section-4" />
+    <TopHeader headerClass="header-1 contact-header-bg" />
+    <div class="search-wrap">
+      <div class="search-inner">
+        <i class="fas fa-times search-close" id="search-close"></i>
+        <div class="search-cell">
+          <form method="get">
+            <div class="search-field-holder">
+              <input type="search" class="main-search-input" :placeholder="$t('search')" />
+            </div>
+          </form>
+        </div>
       </div>
     </div>
-  </div>
 
-  <div class="breadcrumb-wrapper bg-cover" style="background-image: url('/image/breadcrumb.svg')">
-    <div class="line-shape">
-      <img src="/picture/line1.png" alt="shape-img" />
-    </div>
-    <div class="plane-shape float-bob-y">
-      <img src="/picture/plane2.png" alt="shape-img" />
-    </div>
-    <div class="doll-shape float-bob-x">
-      <img src="/picture/doll.png" alt="shape-img" />
-    </div>
-    <div class="parasuit-shape float-bob-y">
-      <img src="/picture/parasuit1.png" alt="shape-img" />
-    </div>
-    <div class="frame-shape">
-      <img src="/picture/frame3.png" alt="shape-img" />
-    </div>
-    <div class="bee-shape float-bob-x">
-      <img src="/picture/bee1.png" alt="shape-img" />
-    </div>
-    <div class="container">
-      <div class="page-heading">
-        <h1 class="wow fadeInUp" data-wow-delay=".3s">{{ $t('contactUs') }}</h1>
-        <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
-          <li>
-            <NuxtLink to="/">{{ $t('home') }}</NuxtLink>
-          </li>
-          <li>
-            <i class="fas fa-chevron-right"></i>
-          </li>
-          <li>{{ $t('contactUs') }}</li>
-        </ul>
+    <div class="breadcrumb-wrapper bg-cover" style="background-image: url('/image/breadcrumb.svg')">
+      <div class="line-shape">
+        <img src="/picture/line1.png" alt="shape-img" />
+      </div>
+      <div class="plane-shape float-bob-y">
+        <img src="/picture/plane2.png" alt="shape-img" />
+      </div>
+      <div class="doll-shape float-bob-x">
+        <img src="/picture/doll.png" alt="shape-img" />
+      </div>
+      <div class="parasuit-shape float-bob-y">
+        <img src="/picture/parasuit1.png" alt="shape-img" />
+      </div>
+      <div class="frame-shape">
+        <img src="/picture/frame3.png" alt="shape-img" />
+      </div>
+      <div class="bee-shape float-bob-x">
+        <img src="/picture/bee1.png" alt="shape-img" />
+      </div>
+      <div class="container">
+        <div class="page-heading">
+          <h1 class="wow fadeInUp" data-wow-delay=".3s">{{ $t('contactUs') }}</h1>
+          <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
+            <li>
+              <NuxtLink to="/">{{ $t('home') }}</NuxtLink>
+            </li>
+            <li>
+              <i class="fas fa-chevron-right"></i>
+            </li>
+            <li>{{ $t('contactUs') }}</li>
+          </ul>
+        </div>
       </div>
     </div>
-  </div>
-  <section class="contact-section fix section-padding">
-    <div class="container">
-      <div class="contact-wrapper-2">
-        <div class="row g-4 align-items-center">
-          <div class="col-lg-24">
-            <div class="contact-content">
-              <h2>{{ $t('readyToGetStarted') }}</h2>
-              <p>{{ $t('description') }}</p>
-              <form
-                action="contact.php"
-                @submit.prevent="submitStudentSignUp"
-                id="contact-form"
-                class="contact-form-items"
-              >
-                <div class="row g-4">
-                  <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
-                    <div class="form-clt">
-                      <span>
-                        {{ $t('lastName') }}
-                        <span style="color: red">*</span>
-                      </span>
-                      <input
-                        type="text"
-                        v-model="studentSignUp.surname"
-                        name="surname"
-                        id="surname"
-                        :placeholder="$t('pleaseEnter')"
-                        @blur="changeValue('surname')"
-                      />
-                      <p v-if="formErrors.surname" class="error">
-                        {{ formErrors.surname }}
-                      </p>
-                    </div>
-                  </div>
-
-                  <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
-                    <div class="form-clt">
-                      <span>
-                        {{ $t('firstName') }}
-                        <span style="color: red">*</span>
-                      </span>
-                      <input
-                        type="text"
-                        v-model="studentSignUp.name"
-                        name="name"
-                        id="name"
-                        :placeholder="$t('pleaseEnter')"
-                        @blur="changeValue('name')"
-                      />
-                      <p v-if="formErrors.name" class="error">
-                        {{ formErrors.name }}
-                      </p>
-                    </div>
-                  </div>
-
-                  <div class="col-lg-6 wow fadeInUp" data-wow-delay=".6s">
-                    <div class="form-clt">
-                      <span>
-                        {{ $t('childAge') }}
-                        <span style="color: red">*</span>
-                      </span>
-                      <div class="d-flex justify-content-between">
-                        <input
-                          style="width: 48%"
-                          type="text"
-                          v-model="studentSignUp.minAge"
-                          name="minAge"
-                          id="age"
-                          :placeholder="$t('pleaseEnterMin')"
-                          @blur="changeValue('minAge')"
-                        />
-                        <!-- <span>
-                          {{ $t('childAge') }}
+    <section class="contact-section fix section-padding">
+      <div class="container">
+        <div class="contact-wrapper-2">
+          <div class="row g-4 align-items-center">
+            <div class="col-lg-24">
+              <div class="contact-content">
+                <h2>{{ $t('readyToGetStarted') }}</h2>
+                <p>{{ $t('description') }}</p>
+                <form
+                  action="contact.php"
+                  @submit.prevent="submitStudentSignUp"
+                  id="contact-form"
+                  class="contact-form-items"
+                >
+                  <div class="row g-4">
+                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
+                      <div class="form-clt">
+                        <span>
+                          {{ $t('lastName') }}
                           <span style="color: red">*</span>
-                        </span> -->
+                        </span>
                         <input
-                          style="width: 48%"
                           type="text"
-                          v-model="studentSignUp.maxAge"
-                          name="maxAge"
-                          id="age"
-                          :placeholder="$t('pleaseEnterMax')"
-                          @blur="changeValue('maxAge')"
+                          v-model="studentSignUp.surname"
+                          name="surname"
+                          id="surname"
+                          :placeholder="$t('pleaseEnter')"
+                          @blur="changeValue('surname')"
                         />
+                        <p v-if="formErrors.surname" class="error">
+                          {{ formErrors.surname }}
+                        </p>
                       </div>
-                      <p v-if="formErrors.age" class="error">
-                        {{ formErrors.age }}
-                      </p>
                     </div>
-                  </div>
-                  <div class="col-lg-6 wow fadeInUp" data-wow-delay=".6s">
-                    <div class="form-clt">
-                      <span>
-                        {{ $t('region') }}
-                        <span style="color: red">*</span>
-                      </span>
-                      <div class="w-100 h-100 input">
+
+                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
+                      <div class="form-clt">
+                        <span>
+                          {{ $t('firstName') }}
+                          <span style="color: red">*</span>
+                        </span>
                         <input
                           type="text"
-                          v-model="studentSignUp.countryId"
-                          name="countryId"
-                          id="countryId"
-                          readonly
-                          :placeholder="$t('pleaseSelectRegion')"
-                          @blur="changeValue('countryId')"
+                          v-model="studentSignUp.name"
+                          name="name"
+                          id="name"
+                          :placeholder="$t('pleaseEnter')"
+                          @blur="changeValue('name')"
                         />
-                        <p v-if="formErrors.countryId" class="error">
-                          {{ formErrors.countryId }}
+                        <p v-if="formErrors.name" class="error">
+                          {{ formErrors.name }}
                         </p>
-                        <i
-                          style="
-                            position: absolute;
-                            top: 50%;
-                            right: 5%;
-                            transform: translateY(-50%);
-                            cursor: pointer;
-                          "
-                          :class="`fas ${showCountryId ? 'fa-angle-up' : 'fa-angle-down'}`"
-                          @click="showCountryId = !showCountryId"
-                        ></i>
-
-                        <ul v-show="showCountryId" class="submenu">
-                          <li
-                            v-for="(item, index) in areaCodeList"
-                            :key="item.id"
-                            :class="`${studentSignUp.countryId == item.label ? 'liactive' : ''}`"
-                            @click="
-                              ;(studentSignUp.countryId = item.label),
-                                (showCountryId = !showCountryId)
-                            "
-                          >
-                            {{ item.label }}
-                          </li>
-                        </ul>
                       </div>
                     </div>
-                  </div>
-                  <div class="col-lg-6 wow fadeInUp" data-wow-delay=".7s">
-                    <div class="form-clt">
-                      <span>
-                        {{ $t('yourEmail') }}
-                        <span style="color: red">*</span>
-                      </span>
-                      <input
-                        type="text"
-                        v-model="studentSignUp.email"
-                        name="email"
-                        id="email"
-                        :placeholder="$t('pleaseEnterEmail')"
-                        @blur="changeValue('email')"
-                      />
-                      <p v-if="formErrors.email" class="error">
-                        {{ formErrors.email }}
-                      </p>
-                    </div>
-                  </div>
-                  <div class="col-lg-6 wow fadeInUp" data-wow-delay=".9s">
-                    <div class="form-clt">
-                      <span>
-                        {{ $t('courseCategory') }}
+
+                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".6s">
+                      <div class="form-clt">
+                        <span>
+                          {{ $t('childAge') }}
+                          <span style="color: red">*</span>
+                        </span>
+                        <div class="d-flex justify-content-between">
+                          <input
+                            style="width: 48%"
+                            type="text"
+                            v-model="studentSignUp.minAge"
+                            name="minAge"
+                            id="age"
+                            :placeholder="$t('pleaseEnterMin')"
+                            @blur="changeValue('minAge')"
+                          />
+                          <!-- <span>
+                        {{ $t('childAge') }}
                         <span style="color: red">*</span>
-                      </span>
-                      <div class="w-100 h-100 input">
-                        <input
-                          type="text"
-                          v-model="studentSignUp.courseType"
-                          name="courseType"
-                          id="courseType"
-                          readonly
-                          :placeholder="$t('pleaseSelectCourseType')"
-                          @blur="changeValue('courseType')"
-                        />
-                        <p v-if="formErrors.courseType" class="error">
-                          {{ formErrors.courseType }}
+                      </span> -->
+                          <input
+                            style="width: 48%"
+                            type="text"
+                            v-model="studentSignUp.maxAge"
+                            name="maxAge"
+                            id="age"
+                            :placeholder="$t('pleaseEnterMax')"
+                            @blur="changeValue('maxAge')"
+                          />
+                        </div>
+                        <p v-if="formErrors.age" class="error">
+                          {{ formErrors.age }}
                         </p>
-                        <i
-                          style="
-                            position: absolute;
-                            top: 50%;
-                            right: 5%;
-                            transform: translateY(-50%);
-                            cursor: pointer;
-                          "
-                          :class="`fas ${showCourseType ? 'fa-angle-up' : 'fa-angle-down'}`"
-                          @click="showCourseType = !showCourseType"
-                        ></i>
-
-                        <ul v-show="showCourseType" class="submenu">
-                          <li
-                            v-for="(item, index) in courseTypeList"
-                            :key="item.value"
-                            :class="`${studentSignUp.courseType == item.label ? 'liactive' : ''}`"
-                            @click="
-                              ;(studentSignUp.courseType = item.label),
-                                (showCourseType = !showCourseType)
+                      </div>
+                    </div>
+                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".6s">
+                      <div class="form-clt">
+                        <span>
+                          {{ $t('region') }}
+                          <span style="color: red">*</span>
+                        </span>
+                        <div class="w-100 h-100 input">
+                          <input
+                            type="text"
+                            v-model="studentSignUp.countryId"
+                            name="countryId"
+                            id="countryId"
+                            readonly
+                            :placeholder="$t('pleaseSelectRegion')"
+                            @blur="changeValue('countryId')"
+                          />
+                          <p v-if="formErrors.countryId" class="error">
+                            {{ formErrors.countryId }}
+                          </p>
+                          <i
+                            style="
+                              position: absolute;
+                              top: 50%;
+                              right: 5%;
+                              transform: translateY(-50%);
+                              cursor: pointer;
                             "
-                          >
-                            {{ item.label }}
-                          </li>
-                        </ul>
+                            :class="`fas ${showCountryId ? 'fa-angle-up' : 'fa-angle-down'}`"
+                            @click="showCountryId = !showCountryId"
+                          ></i>
+
+                          <ul v-show="showCountryId" class="submenu">
+                            <li
+                              v-for="(item, index) in areaCodeLang"
+                              :key="item.id"
+                              :class="`${studentSignUp.countryId == item.label ? 'liactive' : ''}`"
+                              @click="
+                                ;(studentSignUp.countryId = item.label),
+                                  (showCountryId = !showCountryId)
+                              "
+                            >
+                              {{ item.label }}
+                            </li>
+                          </ul>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div class="col-lg-6 wow fadeInUp" data-wow-delay=".8s">
-                    <div class="form-clt">
-                      <span>
-                        {{ $t('phone') }}
-                        <span style="color: red">*</span>
-                      </span>
+                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".7s">
+                      <div class="form-clt">
+                        <span>
+                          {{ $t('phone') }}
+                          <span style="color: red">*</span>
+                        </span>
+
+                        <div style="flex-wrap: nowrap" class="d-flex">
+                          <div style="box-sizing: border-box; position: relative; max-width: 150px">
+                            <input
+                              style="width: 100%"
+                              type="text"
+                              v-model="studentSignUp.areaCode"
+                              name="phone"
+                              id="phone"
+                              :placeholder="$t('pleaseEnter')"
+                            />
+                            <i
+                              style="
+                                position: absolute;
+                                top: 50%;
+                                transform: translateY(-50%);
+                                right: 10%;
+                                cursor: pointer;
+                              "
+                              :class="`fas ${showAreaCode ? 'fa-angle-up' : 'fa-angle-down'}`"
+                              @click="showAreaCode = !showAreaCode"
+                            ></i>
+                            <ul v-show="showAreaCode" style="position: absolute" class="submenu">
+                              <li
+                                v-for="(item, index) in areaCodeLang"
+                                :key="item.value"
+                                :class="`${
+                                  studentSignUp.areaCode == '+' + item.value ? 'liactive' : ''
+                                }`"
+                                @click="
+                                  ;(studentSignUp.areaCode = '+' + item.value),
+                                    (showAreaCode = !showAreaCode)
+                                "
+                              >
+                                {{ item.label }}({{ item.value }})
+                              </li>
+                            </ul>
+                          </div>
 
-                      <div
-                        style="flex-wrap: nowrap; border: 1px solid #e5e5e5; border-radius: 5px"
-                        class="d-flex"
-                      >
-                        <div style="position: relative; max-width: 150px">
                           <input
-                            style="width: 100%; border-radius: 0; border-right: 1px solid #e5e5e5"
+                            style="margin-left: 4%"
                             type="text"
-                            v-model="studentSignUp.areaCode"
+                            v-model="studentSignUp.phone"
                             name="phone"
                             id="phone"
                             :placeholder="$t('pleaseEnter')"
+                            @blur="changeValue('phone')"
+                          />
+                        </div>
+                        <p v-if="formErrors.phone" class="error">
+                          {{ formErrors.phone }}
+                        </p>
+                      </div>
+                    </div>
+                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".8s">
+                      <div class="form-clt">
+                        <span>
+                          {{ $t('courseCategory') }}
+                          <span style="color: red">*</span>
+                        </span>
+                        <div class="w-100 h-100 input">
+                          <input
+                            type="text"
+                            v-model="studentSignUp.courseType"
+                            name="courseType"
+                            id="courseType"
+                            readonly
+                            :placeholder="$t('pleaseSelectCourseType')"
+                            @blur="changeValue('courseType')"
                           />
+                          <p v-if="formErrors.courseType" class="error">
+                            {{ formErrors.courseType }}
+                          </p>
                           <i
                             style="
                               position: absolute;
                               top: 50%;
+                              right: 5%;
                               transform: translateY(-50%);
-                              right: 10%;
                               cursor: pointer;
                             "
-                            :class="`fas ${showAreaCode ? 'fa-angle-up' : 'fa-angle-down'}`"
-                            @click="showAreaCode = !showAreaCode"
+                            :class="`fas ${showCourseType ? 'fa-angle-up' : 'fa-angle-down'}`"
+                            @click="showCourseType = !showCourseType"
                           ></i>
-                          <ul v-show="showAreaCode" style="position: absolute" class="submenu">
+
+                          <ul v-show="showCourseType" class="submenu">
                             <li
-                              v-for="(item, index) in areaCodeList"
+                              v-for="(item, index) in courseTypeList"
                               :key="item.value"
-                              :class="`${
-                                studentSignUp.areaCode == '+' + item.value ? 'liactive' : ''
-                              }`"
+                              :class="`${studentSignUp.courseType == item.label ? 'liactive' : ''}`"
                               @click="
-                                ;(studentSignUp.areaCode = '+' + item.value),
-                                  (showAreaCode = !showAreaCode)
+                                ;(studentSignUp.courseType = item.label),
+                                  (showCourseType = !showCourseType)
                               "
                             >
-                              {{ item.label }}({{ item.value }})
+                              {{ item.label }}
                             </li>
                           </ul>
                         </div>
-
+                      </div>
+                    </div>
+                    <div class="col-lg-12 wow fadeInUp" data-wow-delay=".9s">
+                      <div class="form-clt">
+                        <span>
+                          {{ $t('yourEmail') }}
+                          <span style="color: red">*</span>
+                        </span>
                         <input
-                          style="border: none"
                           type="text"
-                          v-model="studentSignUp.phone"
-                          name="phone"
-                          id="phone"
-                          :placeholder="$t('pleaseEnter')"
-                          @blur="changeValue('phone')"
+                          v-model="studentSignUp.email"
+                          name="email"
+                          id="email"
+                          :placeholder="$t('pleaseEnterEmail')"
+                          @blur="changeValue('email')"
                         />
+                        <p v-if="formErrors.email" class="error">
+                          {{ formErrors.email }}
+                        </p>
                       </div>
-                      <p v-if="formErrors.phone" class="error">
-                        {{ formErrors.phone }}
-                      </p>
                     </div>
-                  </div>
 
-                  <div
-                    class="col-lg-12 wow fadeInUp d-flex justify-content-center align-items-center"
-                    data-wow-delay=".9s"
-                  >
-                    <button type="submit" class="theme-btn">
-                      {{ $t('sendMessage') }}
-                      <i class="fa-solid fa-arrow-right-long"></i>
-                    </button>
+                    <div
+                      class="col-lg-12 wow fadeInUp d-flex justify-content-center align-items-center"
+                      data-wow-delay=".9s"
+                    >
+                      <button type="submit" class="theme-btn" style="border-radius: 5px">
+                        {{ $t('sendMessage') }}
+                        <i class="fa-solid fa-arrow-right-long"></i>
+                      </button>
+                    </div>
                   </div>
-                </div>
-              </form>
+                </form>
+              </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
-  </section>
-  <FooterSection></FooterSection>
-  <!-- </ClientOnly> -->
+    </section>
+    <FooterSection></FooterSection>
+  </template>
 </template>

pages/event/carousel.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/event/detail.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/event/index.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/faq/index.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/index/index-2.vue

@@ -1,246 +1,9 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
   <header class="header-section">
-    <!-- <div class="header-top-section">
-            <div class="container">
-                <div class="header-top-wrapper">
-                    <ul class="contact-list">
-                        <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                        <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                                class="link">info@example.com</a></li>
-                    </ul>
-                    <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                                class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                            href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                                class="fa-brands fa-youtube"></i></a></div>
-                </div>
-            </div>
-        </div> -->
     <Header-top-section />
     <TopHeader headerClass="header-2" />
-    <!-- <div id="header-sticky" class="header-2">
-            <div class="container">
-                <div class="mega-menu-wrapper">
-                    <div class="header-main style-2">
-                        <div class="header-left">
-                            <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                        src="/picture/logo.svg" alt="logo-img"></a></div>
-                        </div>
-                        <div class="header-right d-flex justify-content-end align-items-center">
-                            <div class="mean__menu-wrapper">
-                                <div class="main-menu">
-                                    <nav id="mobile-menu">
-                                        <ul>
-                                            <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                        class="fas fa-angle-down"></i></a>
-                                                <ul class="submenu has-homemenu">
-                                                    <li>
-                                                        <div class="homemenu-items">
-                                                            <div class="homemenu">
-                                                                <div class="homemenu-thumb"><img
-                                                                        src="/picture/home-1.jpg" alt="img">
-                                                                    <div class="demo-button"><a href="p9wfc14694.html"
-                                                                            class="theme-btn"><span>Multi
-                                                                                Page</span></a><a
-                                                                            href="index-one-page.html"
-                                                                            class="theme-btn"><span>One Page</span></a>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="homemenu-content text-center">
-                                                                    <h4 class="homemenu-title">Home 01 </h4>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu">
-                                                                <div class="homemenu-thumb mb-15"><img
-                                                                        src="/picture/home-2.jpg" alt="img">
-                                                                    <div class="demo-button"><a href=""
-                                                                            class="theme-btn"><span>Multi
-                                                                                Page</span></a><a
-                                                                            href="index-two-page.html"
-                                                                            class="theme-btn"><span>One Page</span></a>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="homemenu-content text-center">
-                                                                    <h4 class="homemenu-title">Home 02 </h4>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu">
-                                                                <div class="homemenu-thumb mb-15"><img
-                                                                        src="/picture/home-3.jpg" alt="img">
-                                                                    <div class="demo-button"><a href="index-3.html"
-                                                                            class="theme-btn"><span>Multi
-                                                                                Page</span></a><a
-                                                                            href="index-three-page.html"
-                                                                            class="theme-btn"><span>One Page</span></a>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="homemenu-content text-center">
-                                                                    <h4 class="homemenu-title">Home 03 </h4>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu">
-                                                                <div class="homemenu-thumb mb-15"><img
-                                                                        src="/picture/home-4.jpg" alt="img">
-                                                                    <div class="demo-button"><a href="index-4.html"
-                                                                            class="theme-btn"><span>Multi
-                                                                                Page</span></a><a
-                                                                            href="index-four-page.html"
-                                                                            class="theme-btn"><span>One Page</span></a>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="homemenu-content text-center">
-                                                                    <h4 class="homemenu-title">Home 04 </h4>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </li>
-                                            <li><a href="about.html">About Us</a></li>
-                                            <li><a href="program-details.html">Programs <i
-                                                        class="fas fa-angle-down"></i></a>
-                                                <ul class="submenu">
-                                                    <li><a href="program.html">Programs Grid</a></li>
-                                                    <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                    <li><a href="program-details.html">Programs Details</a></li>
-                                                </ul>
-                                            </li>
-                                            <li class="has-dropdown"><a href="news.html">Pages <i
-                                                        class="fas fa-angle-down"></i></a>
-                                                <ul class="submenu">
-                                                    <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                                class="fas fa-angle-down"></i></a>
-                                                        <ul class="submenu">
-                                                            <li><a href="event.html">Event Grid</a></li>
-                                                            <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                            <li><a href="event-details.html">Event Details</a></li>
-                                                        </ul>
-                                                    </li>
-                                                    <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                                class="fas fa-angle-down"></i></a>
-                                                        <ul class="submenu">
-                                                            <li><a href="team.html">Our Teacher</a></li>
-                                                            <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                            <li><a href="team-details.html">Teacher Details</a></li>
-                                                        </ul>
-                                                    </li>
-                                                    <li><a href="pricing.html">Pricing</a></li>
-                                                    <li><a href="faq.html">Faq's</a></li>
-                                                    <li><a href="404.html">404 Page</a></li>
-                                                </ul>
-                                            </li>
-                                            <li>
-                                                <a href="news.html">
-                                                    Blog
-                                                    <i class="fas fa-angle-down"></i>
-                                                </a>
-                                                <ul class="submenu">
-                                                    <li><a href="news-grid.html">Blog Grid</a></li>
-                                                    <li><a href="news.html">Blog List</a></li>
-                                                    <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                    <li><a href="news-details.html">Blog Details</a></li>
-                                                </ul>
-                                            </li>
-                                            <li>
-                                                <a href="contact.html">Contact Us</a>
-                                            </li>
-                                        </ul>
-                                    </nav>
-                                </div>
-                            </div>
-                            <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                            <div class="header-button">
-                                <a href="contact.html" class="theme-btn">
-                                    <span>
-                                        Book A visit
-                                        <i class="fa-solid fa-arrow-right-long"></i>
-                                    </span>
-                                </a>
-                            </div>
-                            <div class="header__hamburger d-xl-none my-auto">
-                                <div class="sidebar__toggle">
-                                    <i class="fas fa-bars"></i>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div> -->
   </header>
   <div class="search-wrap">
     <div class="search-inner">

pages/index/index-3.vue

@@ -1,251 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-3">
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-3" />
   <TopHeader headerClass="header-3" />
-  <!-- <header id="header-sticky" class="header-3">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href=""
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="author-icon">
-                            <div class="icon">
-                                <i class="fa-solid fa-phone"></i>
-                            </div>
-                            <div class="content">
-                                <span>Call Us Now</span>
-                                <h5>
-                                    <a href="tel:18589716552">18589716552</a>
-                                </h5>
-                            </div>
-                        </div>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <section class="hero-section hero-3">
     <div class="swiper hero-slider">
       <div class="swiper-wrapper">

pages/index/index-4.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href=""
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/index/index-four.vue

@@ -1,188 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="" class="theme-btn"><span>One
-                                                                            Page</span></a></div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="#about">About Us</a></li>
-                                        <li><a href="#programs">Programs</a></li>
-                                        <li><a href="#team">Team</a></li>
-                                        <li><a href="#blog">Blog</a></li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div><a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button"><a href="contact.html" class="theme-btn"><span>Book A visit <i
-                                        class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle"><i class="fas fa-bars"></i></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/index/index-three.vue

@@ -1,193 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-3">
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-3" />
   <TopHeader headerClass="header-3" />
-  <!-- <header id="header-sticky" class="header-3">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="" class="theme-btn"><span>One
-                                                                            Page</span></a></div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="#about">About Us</a></li>
-                                        <li><a href="#clases">Classes</a></li>
-                                        <li><a href="#event">Events</a></li>
-                                        <li><a href="#blog">Blog</a></li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="author-icon">
-                            <div class="icon"><i class="fa-solid fa-phone"></i></div>
-                            <div class="content"><span>Call Us Now</span>
-                                <h5><a href="tel:18589716552">18589716552</a></h5>
-                            </div>
-                        </div>
-                        <div class="header-button"><a href="contact.html" class="theme-btn"><span>Book A visit <i
-                                        class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle"><i class="fas fa-bars"></i></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <section class="hero-section hero-3">
     <div class="swiper hero-slider">
       <div class="swiper-wrapper">

pages/index/index-two.vue

@@ -1,192 +1,9 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
   <header class="header-section">
-    <!-- <div class="header-top-section">
-            <div class="container">
-                <div class="header-top-wrapper">
-                    <ul class="contact-list">
-                        <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                        <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                                class="link">info@example.com</a></li>
-                    </ul>
-                    <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                                class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                            href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                                class="fa-brands fa-youtube"></i></a></div>
-                </div>
-            </div>
-        </div> -->
     <Header-top-section />
     <TopHeader headerClass="header-2" />
-    <!-- <div id="header-sticky" class="header-2">
-            <div class="container">
-                <div class="mega-menu-wrapper">
-                    <div class="header-main style-2">
-                        <div class="header-left">
-                            <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                        src="/picture/logo.svg" alt="logo-img"></a></div>
-                        </div>
-                        <div class="header-right d-flex justify-content-end align-items-center">
-                            <div class="mean__menu-wrapper">
-                                <div class="main-menu">
-                                    <nav id="mobile-menu">
-                                        <ul>
-                                            <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                        class="fas fa-angle-down"></i></a>
-                                                <ul class="submenu has-homemenu">
-                                                    <li>
-                                                        <div class="homemenu-items">
-                                                            <div class="homemenu">
-                                                                <div class="homemenu-thumb"><img
-                                                                        src="/picture/home-1.jpg" alt="img">
-                                                                    <div class="demo-button"><a href="p9wfc14694.html"
-                                                                            class="theme-btn"><span>Multi
-                                                                                Page</span></a><a
-                                                                            href="index-one-page.html"
-                                                                            class="theme-btn"><span>One Page</span></a>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="homemenu-content text-center">
-                                                                    <h4 class="homemenu-title">Home 01 </h4>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu">
-                                                                <div class="homemenu-thumb mb-15"><img
-                                                                        src="/picture/home-2.jpg" alt="img">
-                                                                    <div class="demo-button"><a href="index-2.html"
-                                                                            class="theme-btn"><span>Multi
-                                                                                Page</span></a><a href=""
-                                                                            class="theme-btn"><span>One Page</span></a>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="homemenu-content text-center">
-                                                                    <h4 class="homemenu-title">Home 02 </h4>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu">
-                                                                <div class="homemenu-thumb mb-15"><img
-                                                                        src="/picture/home-3.jpg" alt="img">
-                                                                    <div class="demo-button"><a href="index-3.html"
-                                                                            class="theme-btn"><span>Multi
-                                                                                Page</span></a><a
-                                                                            href="index-three-page.html"
-                                                                            class="theme-btn"><span>One Page</span></a>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="homemenu-content text-center">
-                                                                    <h4 class="homemenu-title">Home 03 </h4>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu">
-                                                                <div class="homemenu-thumb mb-15"><img
-                                                                        src="/picture/home-4.jpg" alt="img">
-                                                                    <div class="demo-button"><a href="index-4.html"
-                                                                            class="theme-btn"><span>Multi
-                                                                                Page</span></a><a
-                                                                            href="index-four-page.html"
-                                                                            class="theme-btn"><span>One Page</span></a>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="homemenu-content text-center">
-                                                                    <h4 class="homemenu-title">Home 04 </h4>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </li>
-                                            <li><a href="#about">About Us</a></li>
-                                            <li><a href="#programs">Programs</a></li>
-                                            <li><a href="#team">Team</a></li>
-                                            <li><a href="#blog">Blog</a></li>
-                                        </ul>
-                                    </nav>
-                                </div>
-                            </div><a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                            <div class="header-button"><a href="contact.html" class="theme-btn"><span>Book A visit <i
-                                            class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                            <div class="header__hamburger d-xl-none my-auto">
-                                <div class="sidebar__toggle"><i class="fas fa-bars"></i></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div> -->
   </header>
   <div class="search-wrap">
     <div class="search-inner">

pages/index/index.client.vue

@@ -1,13 +1,9 @@
 <script setup lang="ts">
 const { t, locale, setLocale } = useI18n()
-
-const switchLanguage = (lang: 'en' | 'zh') => {
-  console.log(lang)
-  setLocale(lang)
-}
 </script>
 
 <template>
+  <!-- <Preloader /> -->
   <FixArea></FixArea>
   <Header-top-section />
   <TopHeader />
@@ -56,22 +52,21 @@ const switchLanguage = (lang: 'en' | 'zh') => {
             <h5 class="wow fadeInUp">{{ t('kindergartenAndBabyCare') }}</h5>
             <h1 class="wow fadeInUp" data-wow-delay=".3s">
               {{ t('happySpeaking') }}
-              <br />
+            </h1>
+            <h1 class="wow fadeInUp" data-wow-delay=".3s">
               {{ t('happyReading') }}
-              <br />
+            </h1>
+            <h1 class="wow fadeInUp" data-wow-delay=".3s">
               {{ t('happyWriting') }}
-              <br />
             </h1>
             <p class="wow fadeInUp" data-wow-delay=".5s">
               {{ t('communicationIsNatural') }}
-              <br />
-              {{ t('childrenBuildBridges') }}
             </p>
             <div class="hero-button">
-              <a href="javascript:(0)" class="theme-btn wow fadeInUp" data-wow-delay=".7s">
+              <NuxtLink to="/contact" class="theme-btn wow fadeInUp" data-wow-delay=".7s">
                 {{ t('applyToday') }}
                 <i class="fa-solid fa-arrow-right-long"></i>
-              </a>
+              </NuxtLink>
             </div>
           </div>
         </div>
@@ -109,7 +104,7 @@ const switchLanguage = (lang: 'en' | 'zh') => {
               <AboutList />
               <div class="about-author">
                 <div class="about-button wow fadeInUp" data-wow-delay=".3s">
-                  <a href="about.html" class="theme-btn">
+                  <a href="javascript:(0)" class="theme-btn">
                     {{ t('exploreMore') }}
                     <i class="fa-solid fa-arrow-right-long"></i>
                   </a>
@@ -118,7 +113,7 @@ const switchLanguage = (lang: 'en' | 'zh') => {
                   <div class="icon"><i class="fa-solid fa-phone"></i></div>
                   <div class="content">
                     <span>{{ t('callUsNow') }}</span>
-                    <h5><a href="tel:18589716552">18589716552</a></h5>
+                    <h5><a href="tel:+86 18589716552">+86 18589716552</a></h5>
                   </div>
                 </div>
               </div>
@@ -155,6 +150,7 @@ const switchLanguage = (lang: 'en' | 'zh') => {
   <HomeIndexWorkWrapper />
   <HomeIndexActivitiesWrapper />
   <HomeIndexRecommendation />
+
   <HomeIndexTeachers />
 
   <section style="background-color: #71a5b2" class="cta-section fix section-padding bg-cover">
@@ -170,7 +166,11 @@ const switchLanguage = (lang: 'en' | 'zh') => {
           <div class="col-lg-6">
             <div class="section-title">
               <span class="text-white wow fadeInUp">{{ t('getYourQuality') }}</span>
-              <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
+              <h2
+                :class="locale == 'zh' ? 'text-with-spacing' : ''"
+                class="text-white wow fadeInUp"
+                data-wow-delay=".3s"
+              >
                 {{ t('comeAndBeAPartOfIt') }}
               </h2>
             </div>
@@ -201,4 +201,8 @@ const switchLanguage = (lang: 'en' | 'zh') => {
   height: auto;
   object-fit: contain;
 }
+
+.text-with-spacing {
+  letter-spacing: 5px;
+}
 </style>

pages/pricing/index.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/program/carousel.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/program/detail.vue

@@ -1,241 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="">Programs <i class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/program/index.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/team/carousel.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/team/detail.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="team.html">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

pages/team/index.vue

@@ -1,242 +1,8 @@
 <template>
-  <!-- <div id="preloader" class="preloader">
-        <div class="animation-preloader">
-            <div class="spinner"></div>
-            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
-                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
-                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
-                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
-            <p class="text-center">Loading</p>
-        </div>
-        <div class="loader">
-            <div class="row">
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-left">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-                <div class="col-3 loader-section section-right">
-                    <div class="bg"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="fix-area">
-        <div class="offcanvas__info">
-            <div class="offcanvas__wrapper">
-                <div class="offcanvas__content">
-                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
-                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
-                                    alt="logo-img"></a></div>
-                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
-                    </div>
-                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
-                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
-                    <div class="mobile-menu fix mb-3"></div>
-                    <div class="offcanvas__contact">
-                        <h4>Contact Info</h4>
-                        <ul>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
-                                        Street,Melbourne,Australia</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
-                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
-                                            class="mailto:info@example.com">info@example.com</span></a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
-                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
-                                        -05pm</a></div>
-                            </li>
-                            <li class="d-flex align-items-center">
-                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
-                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
-                            </li>
-                        </ul>
-                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
-                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
-                        <div class="social-icon d-flex align-items-center"><a href="#"><i
-                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
-                                    class="fab fa-linkedin-in"></i></a></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="offcanvas__overlay"></div> -->
   <Preloader></Preloader>
   <FixArea></FixArea>
-  <!-- <div class="header-top-section-4">
-        <div class="header-top-shape"><img src="/picture/header-top-shape-2.png" alt="shape-img"></div>
-        <div class="container">
-            <div class="header-top-wrapper style-2">
-                <ul class="contact-list">
-                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
-                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
-                            class="link">info@example.com</a></li>
-                </ul>
-                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
-                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
-                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
-                            class="fa-brands fa-youtube"></i></a></div>
-            </div>
-        </div>
-    </div> -->
   <Header-top-section sectionClass="header-top-section-4" />
   <TopHeader headerClass="header-4" />
-  <!-- <header id="header-sticky" class="header-4">
-        <div class="container">
-            <div class="mega-menu-wrapper">
-                <div class="header-main style-2">
-                    <div class="header-left">
-                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
-                                    src="/picture/logo.svg" alt="logo-img"></a></div>
-                    </div>
-                    <div class="header-right d-flex justify-content-end align-items-center">
-                        <div class="mean__menu-wrapper">
-                            <div class="main-menu">
-                                <nav id="mobile-menu">
-                                    <ul>
-                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu has-homemenu">
-                                                <li>
-                                                    <div class="homemenu-items">
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb"><img
-                                                                    src="/picture/home-1.jpg" alt="img">
-                                                                <div class="demo-button"><a href="p9wfc14694.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-one-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 01 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-2.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-2.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-two-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 02 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-3.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-3.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-three-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 03 </h4>
-                                                            </div>
-                                                        </div>
-                                                        <div class="homemenu">
-                                                            <div class="homemenu-thumb mb-15"><img
-                                                                    src="/picture/home-4.jpg" alt="img">
-                                                                <div class="demo-button"><a href="index-4.html"
-                                                                        class="theme-btn"><span>Multi Page</span></a><a
-                                                                        href="index-four-page.html"
-                                                                        class="theme-btn"><span>One Page</span></a>
-                                                                </div>
-                                                            </div>
-                                                            <div class="homemenu-content text-center">
-                                                                <h4 class="homemenu-title">Home 04 </h4>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </li>
-                                        <li><a href="about.html">About Us</a></li>
-                                        <li><a href="program-details.html">Programs <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li><a href="program.html">Programs Grid</a></li>
-                                                <li><a href="program-carousel.html">Programs Carousel</a></li>
-                                                <li><a href="program-details.html">Programs Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li class="has-dropdown"><a href="news.html">Pages <i
-                                                    class="fas fa-angle-down"></i></a>
-                                            <ul class="submenu">
-                                                <li class="has-dropdown"><a href="event-details.html">Event <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="event.html">Event Grid</a></li>
-                                                        <li><a href="event-carousel.html">Event Carousel</a></li>
-                                                        <li><a href="event-details.html">Event Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li class="has-dropdown"><a href="team-details.html">Teacher <i
-                                                            class="fas fa-angle-down"></i></a>
-                                                    <ul class="submenu">
-                                                        <li><a href="">Our Teacher</a></li>
-                                                        <li><a href="team-carousel.html">Teacher Carousel</a></li>
-                                                        <li><a href="team-details.html">Teacher Details</a></li>
-                                                    </ul>
-                                                </li>
-                                                <li><a href="pricing.html">Pricing</a></li>
-                                                <li><a href="faq.html">Faq's</a></li>
-                                                <li><a href="404.html">404 Page</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="news.html">
-                                                Blog
-                                                <i class="fas fa-angle-down"></i>
-                                            </a>
-                                            <ul class="submenu">
-                                                <li><a href="news-grid.html">Blog Grid</a></li>
-                                                <li><a href="news.html">Blog List</a></li>
-                                                <li><a href="news-carousel.html">Blog Carousel</a></li>
-                                                <li><a href="news-details.html">Blog Details</a></li>
-                                            </ul>
-                                        </li>
-                                        <li>
-                                            <a href="contact.html">Contact Us</a>
-                                        </li>
-                                    </ul>
-                                </nav>
-                            </div>
-                        </div>
-                        <a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
-                        <div class="header-button">
-                            <a href="contact.html" class="theme-btn">
-                                <span>
-                                    Book A visit
-                                    <i class="fa-solid fa-arrow-right-long"></i>
-                                </span>
-                            </a>
-                        </div>
-                        <div class="header__hamburger d-xl-none my-auto">
-                            <div class="sidebar__toggle">
-                                <i class="fas fa-bars"></i>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header> -->
   <div class="search-wrap">
     <div class="search-inner">
       <i class="fas fa-times search-close" id="search-close"></i>

public/css/css2-Pangolin_swap.css

@@ -0,0 +1,45 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Pangolin';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../font/cY9GfjGcW0FPpi-tWMfA79zqiA.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Pangolin';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../font/cY9GfjGcW0FPpi-tWMfJ79zqiA.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Pangolin';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../font/cY9GfjGcW0FPpi-tWMfC79zqiA.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Pangolin';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../font/cY9GfjGcW0FPpi-tWMfD79zqiA.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Pangolin';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../font/cY9GfjGcW0FPpi-tWMfN79w.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

public/css/css2-Quicksandwght300..700_SourceSans3italwght0200..9001200..900_swap.css

@@ -0,0 +1,153 @@
+/* vietnamese */
+@font-face {
+  font-family: 'Quicksand';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url(../font/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Quicksand';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url(../font/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Quicksand';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url(../font/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: italic;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpMtKy2OAdR1K-IwhWudF-R3woqauLY1HY.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: italic;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpMtKy2OAdR1K-IwhWudF-R3woqY-LY1HY.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: italic;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpMtKy2OAdR1K-IwhWudF-R3woqa-LY1HY.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: italic;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpMtKy2OAdR1K-IwhWudF-R3woqZOLY1HY.woff2) format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: italic;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpMtKy2OAdR1K-IwhWudF-R3woqaOLY1HY.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: italic;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpMtKy2OAdR1K-IwhWudF-R3woqaeLY1HY.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: italic;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpMtKy2OAdR1K-IwhWudF-R3woqZ-LY.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpStKy2OAdR1K-IwhWudF-R3wIaZfrc.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpStKy2OAdR1K-IwhWudF-R3wsaZfrc.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpStKy2OAdR1K-IwhWudF-R3wMaZfrc.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpStKy2OAdR1K-IwhWudF-R3wwaZfrc.woff2) format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpStKy2OAdR1K-IwhWudF-R3wAaZfrc.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpStKy2OAdR1K-IwhWudF-R3wEaZfrc.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Source Sans 3';
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url(../font/nwpStKy2OAdR1K-IwhWudF-R3w8aZQ.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

public/css/css2-Quicksandwght300..700_swap.css

@@ -0,0 +1,27 @@
+/* vietnamese */
+@font-face {
+  font-family: 'Quicksand';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url(../font/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Quicksand';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url(../font/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Quicksand';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url(../font/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

public/css/main.css

@@ -5,9 +5,10 @@ Description: Kidsa - Kindergarten School HTML Template<
 Version: 1.0.0
 */
 /*CSS Table Of Content Ends Here*/
-@import url("css2-Quicksandwght300..700_swap.css");
+/* @import url("css2-Quicksandwght300..700_swap.css");
 @import url("css2-Quicksandwght300..700_SourceSans3italwght0200..9001200..900_swap.css");
-@import url("css2-Pangolin_swap.css");
+@import url("css2-Pangolin_swap.css"); */
+@import url("swiper-bundle.min.css");
 :root {
   --body: #fff;
   --black: #000;
@@ -3721,6 +3722,9 @@ span {
     gap: 20px;
   }
 }
+.cursor-pointer{
+  cursor: pointer
+}
 .header-1 .header-main .header-left .category-oneadjust {
   width: 160px;
   border-radius: 8px;
@@ -3729,11 +3733,11 @@ span {
   position: relative;
   z-index: 99;
 }
-@media (max-width: 767px) {
+/* @media (max-width: 767px) {
   .header-1 .header-main .header-left .category-oneadjust {
     display: none;
   }
-}
+} */
 .header-1 .header-main .header-left .category-oneadjust .nice-select {
   width: unset !important;
   gap: 20px;
@@ -8249,6 +8253,7 @@ input.main-search-input::placeholder {
   position: relative;
   z-index: 9;
   max-width: 420px;
+  min-height: 240px;
   padding: 55px 50px;
   text-align: center;
   margin: 30px auto;

public/favicon.svg

@@ -0,0 +1,22 @@
+<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="32" height="32" rx="2.41509" fill="#F4EEE5"/>
+<g clip-path="url(#clip0_264_996)">
+<path d="M8.15051 14.1775L5.94023 14.5815L6.29755 16.5365C6.39546 17.0709 6.17723 17.3869 5.64284 17.4845C5.10267 17.583 4.78377 17.3652 4.68617 16.8311L3.75237 11.7234C3.65355 11.189 3.87484 10.8724 4.41623 10.7736C4.95031 10.676 5.26631 10.8943 5.36421 11.4287L5.68448 13.181L7.89475 12.777L7.57449 11.0156C7.4778 10.487 7.69665 10.1741 8.23103 10.0768C8.75931 9.98038 9.0718 10.1962 9.16849 10.7242L10.1055 15.8484C10.2019 16.377 9.98592 16.6894 9.45764 16.7858C8.92326 16.8837 8.60787 16.6684 8.51149 16.1398L8.15051 14.1775Z" fill="#55C7D8"/>
+<path d="M24.0775 10.6452L24.6215 10.6795C24.874 10.6954 25.0371 10.8216 25.1106 11.0583L25.4308 12.1298C25.602 12.742 25.74 13.2198 25.8449 13.5632H25.8778C26.1734 12.9035 26.3788 12.4475 26.4941 12.1953L26.9279 11.2294C26.9781 11.1131 27.0639 11.0157 27.1731 10.9513C27.2828 10.8842 27.4108 10.8532 27.5391 10.8625L28.0007 10.8918C28.2045 10.9046 28.3384 10.9697 28.4024 11.0872C28.4665 11.2046 28.4512 11.3539 28.3567 11.5351L26.5261 14.8804L26.4346 16.3482C26.4041 16.8484 26.1383 17.0825 25.6372 17.0505C25.1361 17.0184 24.9018 16.7526 24.9344 16.253L25.0259 14.7857L23.6438 11.2386C23.5733 11.0464 23.5773 10.8962 23.6557 10.7879C23.7341 10.6797 23.8747 10.6321 24.0775 10.6452Z" fill="#029842"/>
+<path d="M19.6334 17.9288L20.2432 21.3918C20.3073 21.7542 20.129 21.9724 19.7084 22.0465C19.2878 22.1206 19.0438 21.977 18.9764 21.6155L18.3679 18.1526C18.3044 17.7902 18.4847 17.5717 18.9086 17.4969C19.3326 17.4222 19.5742 17.5662 19.6334 17.9288Z" fill="#651882"/>
+<path d="M19.1098 13.7602C19.0342 13.4921 18.8856 13.2503 18.6807 13.0616C18.4715 12.8729 18.2309 12.7224 17.9697 12.6169C17.6711 12.4973 17.3598 12.4124 17.0419 12.3639L15.462 12.1054C15.3921 12.0898 15.3197 12.0892 15.2496 12.1036C15.1794 12.118 15.1131 12.1471 15.0549 12.1889C14.9968 12.2307 14.9481 12.2843 14.9122 12.3463C14.8762 12.4082 14.8537 12.477 14.8462 12.5483L14.0671 17.3193C13.989 17.7984 14.1918 18.078 14.6756 18.1579C15.155 18.2363 15.4338 18.0359 15.5119 17.5567L15.7214 16.2757L16.4242 16.3905C16.8279 16.4635 17.2418 16.4582 17.6435 16.3749C18.0144 16.2919 18.3528 16.1018 18.6166 15.8282C18.8954 15.5467 19.0722 15.1769 19.1469 14.7187C19.2058 14.3613 19.1934 14.0418 19.1098 13.7602ZM16.6525 15.2861C16.1776 15.2083 15.9278 14.7718 16.0056 14.2964C16.0833 13.8211 16.6324 13.3997 17.1077 13.4775C17.5831 13.5553 17.8041 14.1029 17.7263 14.5755C17.6485 15.0481 17.1279 15.3634 16.6525 15.2861Z" fill="#ED3B48"/>
+<path d="M13.9972 15.0337L13.3974 11.2642C13.3858 11.1736 13.3435 11.0898 13.2775 11.0267C13.2115 10.9632 13.1268 10.9226 13.0359 10.911L12.4105 10.8218C12.32 10.8074 12.2272 10.8227 12.146 10.8652C12.0645 10.907 11.9998 10.9757 11.963 11.0597L10.3297 14.5108C10.2693 14.6338 10.2634 14.7395 10.3109 14.8242C10.3585 14.9088 10.4482 14.9614 10.5818 14.982L10.8773 15.0241C10.9681 15.0399 11.0616 15.0237 11.1418 14.9783C11.2214 14.9318 11.2822 14.8588 11.3134 14.772L11.5879 14.1091L12.8689 14.2921L12.9472 15.0049C12.9536 15.0971 12.9927 15.1841 13.0574 15.2501C13.1231 15.3159 13.209 15.3578 13.3013 15.3691L13.6312 15.4148C13.7638 15.434 13.864 15.4084 13.9322 15.3389C14.0004 15.2693 14.0205 15.1687 13.9972 15.0337ZM12.4146 13.4068C12.1104 13.4068 11.9113 13.1602 11.9113 12.8577C11.9113 12.5553 12.2106 12.2351 12.5148 12.2351C12.8191 12.2351 13.0121 12.5553 13.0121 12.8577C13.0121 13.1602 12.7184 13.4068 12.4146 13.4068Z" fill="#F0B01B"/>
+<path d="M23.4243 12.1043C23.3215 11.8846 23.1596 11.6979 22.9568 11.5649C22.751 11.4325 22.5237 11.3371 22.2851 11.2831C22.0119 11.2224 21.7327 11.1932 21.4529 11.1962H20.062C20 11.1926 19.9379 11.2022 19.8797 11.2242C19.8216 11.2463 19.7688 11.2804 19.7248 11.3243C19.6807 11.3681 19.6465 11.4208 19.6242 11.4788C19.6018 11.5369 19.592 11.5989 19.5954 11.661V15.8661C19.5954 16.2882 19.8089 16.4993 20.2359 16.4993C20.6583 16.4993 20.8695 16.2882 20.8695 15.8661V14.7396H21.489C21.8457 14.7459 22.2003 14.6838 22.5335 14.5566C22.8405 14.4327 23.1043 14.2212 23.2921 13.9486C23.4916 13.6677 23.5915 13.3253 23.5918 12.9215C23.5987 12.6399 23.5414 12.3605 23.4243 12.1043ZM21.6574 13.7592C21.2388 13.7592 20.8339 13.4197 20.8339 13.0006C20.8339 12.5815 21.1006 12.1428 21.5201 12.1428C21.9397 12.1428 22.3515 12.582 22.3515 13.0006C22.3515 13.4192 22.0765 13.7592 21.6574 13.7592Z" fill="#F2AB1B"/>
+<path d="M17.1923 18.1457C17.089 17.9654 16.9198 17.8322 16.7202 17.7742C16.5207 17.7162 16.3064 17.7379 16.1226 17.8347C15.9387 17.9316 15.7996 18.096 15.7346 18.2934C15.6696 18.4908 15.6837 18.7057 15.774 18.8928C15.8821 19.098 15.9718 19.3124 16.0421 19.5334C15.5404 19.3885 15.0055 19.4088 14.5163 19.5915C13.1355 20.0947 12.4858 21.5716 12.37 21.8626C12.3374 21.9444 12.3212 22.0319 12.3223 22.12C12.3235 22.2081 12.342 22.2951 12.3767 22.376C12.4115 22.457 12.4619 22.5303 12.525 22.5918C12.5881 22.6533 12.6627 22.7017 12.7445 22.7344C12.8264 22.767 12.9138 22.7833 13.0019 22.7821C13.09 22.781 13.177 22.7625 13.258 22.7277C13.3389 22.6929 13.4123 22.6426 13.4737 22.5795C13.5352 22.5163 13.5837 22.4417 13.6163 22.3599C13.6648 22.2382 14.1137 21.1653 14.9747 20.8528C15.5736 20.6351 16.0183 20.9558 16.1954 21.1205C16.1168 21.7358 15.894 22.3238 15.5452 22.8366C15.4267 23.0133 15.3831 23.2297 15.4242 23.4384C15.4653 23.6472 15.5875 23.831 15.7642 23.9496C15.9408 24.0681 16.1572 24.1117 16.366 24.0706C16.5747 24.0295 16.7585 23.9073 16.8771 23.7306C17.4563 22.8743 17.783 21.8723 17.8196 20.8391C17.8461 19.9023 17.63 18.9745 17.1923 18.1457Z" fill="#046AB4"/>
+<path d="M9.14009 23.9267C7.90418 23.565 6.99235 22.9064 6.40459 21.9511C5.81683 20.9958 5.69025 19.9466 6.02484 18.8034C6.21909 18.1099 6.62977 17.4966 7.19701 17.0529C7.59749 16.7928 7.94612 16.8795 8.2429 17.3133C8.57841 17.8043 8.51741 18.234 8.05989 18.6021C7.89076 18.791 7.76574 19.0151 7.69387 19.2582C7.53588 19.7981 7.63241 20.318 7.98348 20.8179C8.33455 21.3178 8.89364 21.6801 9.66075 21.9049C10.4632 22.1401 11.1395 22.1554 11.6894 21.9507C12.2393 21.746 12.5995 21.3521 12.7701 20.7689C12.8576 20.4632 12.8686 20.1406 12.8021 19.8296C12.5828 19.2873 12.7485 18.8925 13.2994 18.6451C13.7673 18.4429 14.1181 18.5728 14.3517 19.0349C14.6335 19.7572 14.6559 20.5234 14.419 21.3335C14.1005 22.4203 13.4708 23.2209 12.5299 23.7355C11.5889 24.25 10.459 24.3138 9.14009 23.9267Z" fill="#ED3B48"/>
+<path d="M15.4109 10.9445C15.2736 10.9445 15.1394 10.9038 15.0253 10.8275C14.9111 10.7513 14.8222 10.6429 14.7696 10.5161C14.7171 10.3892 14.7034 10.2497 14.7301 10.115C14.7569 9.98042 14.823 9.85675 14.9201 9.75968C15.0171 9.66262 15.1408 9.59651 15.2754 9.56973C15.4101 9.54295 15.5496 9.5567 15.6765 9.60923C15.8033 9.66176 15.9117 9.75072 15.9879 9.86486C16.0642 9.97899 16.1049 10.1132 16.1049 10.2505C16.1047 10.4345 16.0315 10.6109 15.9014 10.741C15.7712 10.8711 15.5949 10.9443 15.4109 10.9445ZM15.4109 9.78561C15.3189 9.78561 15.229 9.81288 15.1526 9.86395C15.0762 9.91503 15.0166 9.98763 14.9814 10.0726C14.9462 10.1575 14.937 10.251 14.9549 10.3411C14.9729 10.4313 15.0172 10.5141 15.0822 10.5791C15.1472 10.6442 15.23 10.6884 15.3202 10.7064C15.4103 10.7243 15.5038 10.7151 15.5887 10.6799C15.6737 10.6447 15.7463 10.5851 15.7974 10.5087C15.8484 10.4323 15.8757 10.3424 15.8757 10.2505C15.8757 10.1271 15.8267 10.0088 15.7396 9.9216C15.6524 9.83435 15.5342 9.78528 15.4109 9.78516V9.78561Z" fill="#ED3B48"/>
+<path d="M28.6042 19.2353C28.5653 19.235 28.5271 19.2248 28.4932 19.2057C28.4594 19.1866 28.4309 19.1591 28.4106 19.126L28.1229 18.6565C28.0811 18.5883 28.0142 18.539 27.9366 18.5193L27.4036 18.382C27.3659 18.3724 27.3312 18.3533 27.3029 18.3265C27.2746 18.2997 27.2537 18.2662 27.242 18.229C27.2303 18.1918 27.2283 18.1523 27.2362 18.1141C27.244 18.076 27.2615 18.0405 27.287 18.011L27.6443 17.5923C27.6963 17.5314 27.7227 17.4527 27.7179 17.3727L27.6845 16.8237C27.682 16.7848 27.6894 16.7459 27.7061 16.7107C27.7228 16.6755 27.7482 16.6452 27.7799 16.6225C27.8116 16.5999 27.8486 16.5857 27.8873 16.5814C27.926 16.577 27.9652 16.5827 28.0012 16.5977L28.5099 16.8082C28.5841 16.8384 28.6672 16.8384 28.7414 16.8082L29.2538 16.6064C29.29 16.592 29.3293 16.5871 29.3679 16.5921C29.4065 16.5972 29.4432 16.612 29.4745 16.6352C29.5058 16.6583 29.5307 16.6891 29.5467 16.7246C29.5628 16.7601 29.5695 16.7991 29.5663 16.8379L29.5233 17.3869C29.5161 17.467 29.5406 17.5466 29.5915 17.6088L29.9415 18.0339C29.9664 18.0638 29.9832 18.0996 29.9904 18.1378C29.9976 18.1761 29.9949 18.2155 29.9825 18.2525C29.9702 18.2894 29.9487 18.3226 29.92 18.3488C29.8912 18.3751 29.8563 18.3936 29.8184 18.4026L29.2827 18.5312C29.2048 18.55 29.1373 18.5982 29.0942 18.6657L28.7981 19.1301C28.7773 19.1625 28.7486 19.1892 28.7147 19.2076C28.6808 19.226 28.6427 19.2355 28.6042 19.2353ZM27.5176 18.14L28.0002 18.2654C28.1436 18.302 28.2669 18.3933 28.3438 18.5197L28.6046 18.9448L28.8727 18.5243C28.952 18.3993 29.0769 18.3101 29.2209 18.2759L29.7054 18.1578L29.3883 17.7731C29.2942 17.659 29.2481 17.5128 29.2598 17.3654L29.2991 16.8681L28.8348 17.0511C28.6973 17.1055 28.544 17.1042 28.4074 17.0474L27.9467 16.8567L27.9769 17.3544C27.9858 17.5023 27.9365 17.6478 27.8396 17.7598L27.5176 18.14Z" fill="#029842"/>
+<path d="M3.17255 19.8796C3.13982 19.8795 3.10791 19.8694 3.08104 19.8507C3.05715 19.8347 3.03792 19.8126 3.02531 19.7867C3.0127 19.7609 3.00714 19.7321 3.00921 19.7034L3.12771 18.1936C3.12998 18.165 3.13972 18.1376 3.15597 18.114C3.17221 18.0904 3.19438 18.0714 3.22025 18.0591C3.24611 18.0468 3.27477 18.0415 3.30334 18.0437C3.33191 18.046 3.35938 18.0557 3.383 18.0719L4.63249 18.9298C4.65552 18.9462 4.67392 18.9683 4.68588 18.9939C4.69784 19.0195 4.70297 19.0478 4.70076 19.076C4.69854 19.1042 4.68907 19.1313 4.67326 19.1548C4.65745 19.1782 4.63584 19.1971 4.61053 19.2098L3.243 19.8636C3.22106 19.8742 3.19695 19.8797 3.17255 19.8796ZM3.37523 18.383L3.28372 19.5538L4.34334 19.0483L3.37523 18.383Z" fill="#55C7D8"/>
+<path d="M25.3899 17.6929C24.9687 17.6573 24.7399 17.8502 24.7036 18.2717L24.6034 19.4699C24.5998 19.5157 24.5961 19.5674 24.5934 19.6223L24.4708 21.2268L24.1349 20.2578L23.1188 17.8165C23.082 17.7151 23.0157 17.6271 22.9284 17.5638C22.8412 17.5004 22.737 17.4646 22.6292 17.461L22.1136 17.4175C22.0491 17.4083 21.9833 17.4128 21.9206 17.4308C21.8579 17.4488 21.7997 17.4798 21.7498 17.5219C21.7 17.564 21.6597 17.6162 21.6314 17.675C21.6032 17.7338 21.5878 17.7979 21.5861 17.8631L21.2141 22.2796C21.1785 22.7011 21.3714 22.9299 21.7929 22.9659C22.2144 23.0018 22.4432 22.8089 22.4792 22.3871L22.5807 21.1815C22.5862 21.1202 22.5904 21.0566 22.594 20.9926L22.7024 19.3519L23.0579 20.3795L24.0837 22.8798C24.16 23.072 24.3047 23.1769 24.5179 23.1946L25.0774 23.2404C25.1415 23.2487 25.2065 23.2437 25.2685 23.2256C25.3305 23.2075 25.3881 23.1767 25.4375 23.1351C25.4857 23.0919 25.5248 23.0394 25.5523 22.9808C25.5798 22.9221 25.5952 22.8586 25.5976 22.7938L25.9696 18.3774C26.0044 17.9565 25.8111 17.7283 25.3899 17.6929Z" fill="#046AB4"/>
+</g>
+<defs>
+<clipPath id="clip0_264_996">
+<rect width="26.9836" height="14.6191" fill="white" transform="translate(3.00781 9.55664)"/>
+</clipPath>
+</defs>
+</svg>

public/picture/footer-address.svg

@@ -0,0 +1,20 @@
+<svg
+              width="32"
+              height="32"
+              viewbox="0 0 32 32"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M16 1.66699C11.036 1.66699 7 5.73899 7 10.7617C7 12.463 7.74933 14.5737 8.84 16.679C11.2413 21.315 15.2413 25.9843 15.2413 25.9843C15.3352 26.0937 15.4516 26.1814 15.5826 26.2416C15.7135 26.3017 15.8559 26.3328 16 26.3328C16.1441 26.3328 16.2865 26.3017 16.4174 26.2416C16.5484 26.1814 16.6648 26.0937 16.7587 25.9843C16.7587 25.9843 20.7587 21.315 23.16 16.679C24.2507 14.5737 25 12.463 25 10.7617C25 5.73899 20.964 1.66699 16 1.66699ZM16 7.00033C15.0447 7.02609 14.1371 7.4237 13.4705 8.10853C12.8039 8.79335 12.4309 9.7113 12.4309 10.667C12.4309 11.6227 12.8039 12.5406 13.4705 13.2255C14.1371 13.9103 15.0447 14.3079 16 14.3337C16.9553 14.3079 17.8629 13.9103 18.5295 13.2255C19.1961 12.5406 19.5691 11.6227 19.5691 10.667C19.5691 9.7113 19.1961 8.79335 18.5295 8.10853C17.8629 7.4237 16.9553 7.02609 16 7.00033Z"
+                fill="#F39F5F"
+              ></path>
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M22.3783 23.1693C23.4623 23.4946 24.3557 23.8973 24.973 24.3693C25.373 24.6733 25.6663 24.9706 25.6663 25.3333C25.6663 25.5466 25.545 25.74 25.3743 25.9333C25.0917 26.252 24.6717 26.5386 24.1517 26.8053C22.3143 27.7453 19.3437 28.3333 15.9997 28.3333C12.6557 28.3333 9.68501 27.7453 7.84767 26.8053C7.32767 26.5386 6.90767 26.252 6.62501 25.9333C6.45434 25.74 6.33301 25.5466 6.33301 25.3333C6.33301 24.9706 6.62634 24.6733 7.02634 24.3693C7.64367 23.8973 8.53701 23.4946 9.62101 23.1693C9.87509 23.0929 10.0884 22.9187 10.2141 22.6851C10.3397 22.4514 10.3674 22.1774 10.291 21.9233C10.2146 21.6692 10.0404 21.4559 9.80677 21.3302C9.5731 21.2046 9.29909 21.1769 9.04501 21.2533C7.39434 21.7506 6.11167 22.432 5.34101 23.1853C4.66367 23.8453 4.33301 24.584 4.33301 25.3333C4.33301 26.2693 4.86234 27.2026 5.93834 27.9813C7.82634 29.3466 11.6183 30.3333 15.9997 30.3333C20.381 30.3333 24.173 29.3466 26.061 27.9813C27.137 27.2026 27.6663 26.2693 27.6663 25.3333C27.6663 24.584 27.3357 23.8453 26.6583 23.1853C25.8877 22.432 24.605 21.7506 22.9543 21.2533C22.8285 21.2155 22.6965 21.2028 22.5658 21.216C22.4351 21.2292 22.3083 21.268 22.1926 21.3302C22.0769 21.3925 21.9746 21.4769 21.8915 21.5786C21.8084 21.6804 21.7462 21.7975 21.7083 21.9233C21.6705 22.0491 21.6578 22.1811 21.6711 22.3118C21.6843 22.4425 21.7231 22.5694 21.7853 22.6851C21.8475 22.8008 21.9319 22.9031 22.0337 22.9862C22.1354 23.0692 22.2525 23.1315 22.3783 23.1693Z"
+                fill="#F39F5F"
+              ></path>
+            </svg>

public/picture/footer-phone.svg

@@ -0,0 +1,16 @@
+<svg
+              width="30"
+              height="30"
+              viewbox="0 0 30 30"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M23.7891 1.81641H16.7578C13.3658 1.81641 10.6055 4.5767 10.6055 7.96875C10.6055 11.063 12.9015 13.631 15.8789 14.0585V16.7578C15.8788 16.9317 15.9303 17.1016 16.0268 17.2462C16.1234 17.3907 16.2607 17.5033 16.4214 17.5697C16.7456 17.705 17.1258 17.6325 17.3793 17.3792L20.6374 14.1211H23.7891C27.1811 14.1211 30 11.3608 30 7.96875C30 4.5767 27.1811 1.81641 23.7891 1.81641ZM16.7578 8.84754C16.2723 8.84754 15.8789 8.45402 15.8789 7.96863C15.8789 7.48324 16.2723 7.08973 16.7578 7.08973C17.2432 7.08973 17.6367 7.48324 17.6367 7.96863C17.6367 8.45402 17.2432 8.84754 16.7578 8.84754ZM20.2734 8.84754C19.7879 8.84754 19.3945 8.45402 19.3945 7.96863C19.3945 7.48324 19.7879 7.08973 20.2734 7.08973C20.7588 7.08973 21.1523 7.48324 21.1523 7.96863C21.1523 8.45402 20.7588 8.84754 20.2734 8.84754ZM23.7891 8.84754C23.3036 8.84754 22.9102 8.45402 22.9102 7.96863C22.9102 7.48324 23.3036 7.08973 23.7891 7.08973C24.2745 7.08973 24.668 7.48324 24.668 7.96863C24.668 8.45402 24.2745 8.84754 23.7891 8.84754Z"
+                fill="#F39F5F"
+              ></path>
+              <path
+                d="M19.7461 28.1836C21.2 28.1836 22.3828 27.0008 22.3828 25.5469V22.0312C22.3828 21.6527 22.1408 21.3171 21.782 21.1978L16.5209 19.44C16.2634 19.3533 15.9819 19.3928 15.7553 19.5421L13.5186 21.033C11.1496 19.9035 8.33871 17.0925 7.20914 14.7236L8.7 12.4868C8.77415 12.3754 8.82189 12.2485 8.83958 12.1158C8.85728 11.9831 8.84447 11.8482 8.80213 11.7212L7.04432 6.46014C6.98611 6.28516 6.87428 6.13295 6.72469 6.02512C6.5751 5.91728 6.39534 5.85929 6.21094 5.85938H2.63672C1.18277 5.85938 0 7.02979 0 8.48373C0 18.61 9.6198 28.1836 19.7461 28.1836Z"
+                fill="#F39F5F"
+              ></path>
+            </svg>