star

fauziilyassaputra · Nov 30, 2024 · 3146aa6 · 3146aa6
commit 3146aa6
Show file tree

Hide file tree

Showing 2,007 changed files with 307,677 additions and 0 deletions.
diff --git a/img/1.png b/img/1.png
diff --git a/img/2.png b/img/2.png
diff --git a/img/3.png b/img/3.png
diff --git a/img/4.png b/img/4.png
diff --git a/img/5.png b/img/5.png
diff --git a/img/6.webp b/img/6.webp
diff --git a/img/VisiMisi.jpg b/img/VisiMisi.jpg
diff --git a/img/a.jpg b/img/a.jpg
diff --git a/img/about.webp b/img/about.webp
diff --git a/img/aboutimg.jpg b/img/aboutimg.jpg
diff --git a/img/asrama.webp b/img/asrama.webp
diff --git a/img/b.jpg b/img/b.jpg
diff --git a/img/belobog insdustries.png b/img/belobog insdustries.png
diff --git a/img/beneficia.jpg b/img/beneficia.jpg
diff --git a/img/bus.jpg b/img/bus.jpg
diff --git a/img/criminal investigation.png b/img/criminal investigation.png
diff --git a/img/cunning hares.png b/img/cunning hares.png
diff --git a/img/dominica.jpg b/img/dominica.jpg
diff --git a/img/elemagia.jpg b/img/elemagia.jpg
diff --git a/img/fasilitasbus.jpg b/img/fasilitasbus.jpg
diff --git a/img/images.jpg b/img/images.jpg
diff --git a/img/library.webp b/img/library.webp
diff --git a/img/logo.png b/img/logo.png
diff --git a/img/map.jpg b/img/map.jpg
diff --git a/img/maps.webp b/img/maps.webp
diff --git a/img/moscow-state-university-msu.jpg b/img/moscow-state-university-msu.jpg
diff --git a/img/planetarium.jpg b/img/planetarium.jpg
diff --git a/img/quotes.jpg b/img/quotes.jpg
diff --git a/img/section 6.png b/img/section 6.png
diff --git a/img/sons of calydon.png b/img/sons of calydon.png
diff --git a/img/stadion.jpg b/img/stadion.jpg
diff --git a/img/supermarket.jpg b/img/supermarket.jpg
diff --git a/img/victoria housekeeping.png b/img/victoria housekeeping.png
diff --git a/index.html b/index.html
@@ -0,0 +1,337 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="src/input.css" />
+    <link rel="stylesheet" href="src/output.css" />
+    <link rel="stylesheet" href="src/style.css" />
+    <link rel="stylesheet" href="src/reset.css" />
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <script
+      src="https://kit.fontawesome.com/09d9f35a3a.js"
+      crossorigin="anonymous"
+    ></script>
+    <!-- npx tailwindcss -i ./src/input.css -o ./src/output.css --watch -->
+    <title>Victoria academia</title>
+  </head>
+  <body class="bg-slate-300">
+    <!-- navbar Start -->
+    <div class="nav z-50 fixed w-full bg-slate-500" >
+      <div
+        class="navbar flex px-10 py-2 border-b-2 border-slate-600 items-center"
+      >
+        <div class="navbarLogo flex items-center flex-1">
+          <div class="" data-aos="zoom-in" data-aos-delay="350">
+            <img src="img/logo.png" alt="" class="size-12"  />
+          </div>
+
+          <div class="" data-aos="zoom-in" data-aos-delay="400">
+            <h1 class="lg:text-3xl  font-semibold tracking-wider bayang2" >
+              Victoria Academia
+            </h1>
+          </div>
+
+        </div>
+        <div class="navbarIsi  flex-2">
+            <a href="index.html" class="px-2 hover:text-white" data-aos="zoom-in" data-aos-delay="450">Home</a>     
+            <a href="src/prodi.html" class="px-2 hover:text-white" data-aos="zoom-in" data-aos-delay="500">Prodi</a>
+            <a href="src/about.html" class="px-2 hover:text-white" data-aos="zoom-in" data-aos-delay="550">About</a>
+            <a href="src/callcenter.html" class="px-2 hover:text-white" data-aos="zoom-in" data-aos-delay="600">Call center</a>
+
+
+        </div>
+        <div class="navIcon opacity-0">
+          <i class=" fa-solid fa-bars text-2xl"></i>
+        </div>
+      </div>
+    </div>
+    <!-- navbar end -->
+    <!-- hero start -->
+    <div class="heroSection relative h-[100vh] w-full object-cover">
+      <div class="heroSection2 relative h-[100vh]">
+        <div class="heroSectionIsi absolute lg:left-10 hp:left-2 top-1/2" >
+          <h1 class="lg:text-7xl hp:text-5xl mb-4 text-white bayang" data-aos="fade-up" data-aos-delay="500">
+            Victoria Academia University
+          </h1>
+          <h2 class="lg:text-4xl hp:text-2xl text-white bayang" data-aos="fade-up" data-aos-delay="600">
+            Menghasilkan karya, seni dan sejarah tak terlupakan
+          </h2>
+        </div>
+      </div>
+    </div>
+    <!-- hero end -->
+    <!-- main start -->
+    <div class="Main">
+      <!-- Visi -->
+      <div class="Visi flex lg:flex-row hp:flex-col py-16 px-10  flex-1">
+        <div class="VisiGambar flex-1">
+          <img
+            src="img/VisiMisi.jpg"
+            alt=""
+            class="rounded-2xl border-white border-4 w-full h-full object-cover"
+          />
+        </div>
+        <div class="VisiIsi py-4 lg:px-16 hp:px-4  flex-1" >
+          <h1 class="lg:text-4xl hp:text-3xl mb-6">Kenapa harus victoria academia ?</h1>
+          <p class="text-xl leading-10 hp:text-justify">
+           karena victoria academia merupakan universitas akademi terbesar dan paling bersejarah didunia dan telah menghasilkan sejarah-sejarah baru dari para alumni victoria academia yang berada di seluruh dunia
+          </p>
+        </div>
+      </div>
+      <!-- How -->
+      <div class="Visi flex lg:flex-row hp:flex-col-reverse py-16 px-10  flex-1">
+        <div class="VisiIsi py-4 lg:px-16 hp:px-4 flex-1" >
+          <h1 class="lg:text-4xl hp:text-3xl mb-6">Visi & Misi</h1>
+          <p class="text-xl leading-10 hp:text-justify">
+           mencetak orang-orang hebat yang mampu mencetak sejarah tak terlupakan serta berkontribusi besar untuk merubah dunia
+          </p>
+        </div>
+        <div class="VisiGambar flex-1" >
+          <img
+            src="img/VisiMisi.jpg"
+            alt=""
+            class="rounded-2xl border-white border-4 w-full h-full object-cover"
+          />
+        </div>
+      </div>
+
+      <!-- Quotes -->
+      <div class="quotes h-[100vh] ">
+        <div class="quotes2 h-[100vh] ">
+          <div class="quotesIsi flex items-center justify-center flex-col py-6 px-10">
+            <div class="quotesIsiJudul 2xl:mb-24 xl:mb-6 lg:mb-24 hp:mb-12 ">
+              <h1 class="text-white  2xl:text-6xl xl:text-5xl lg:text-6xl  hp:text-5xl text-center">
+                Important information
+              </h1>
+            </div>
+            <div class="quotesInfo lg:px-[20%] hp:px-[2%] grid xl:grid-cols-3 xl:grid-rows-2 hp:grid-cols-2 hp:grid-rows-3">
+              <div
+                class="quotesInfoBox flex flex-col border-r-[1px] border-b-2 hp:border-b-[1px] border-white lg:px-6 hp:px-2  py-4"
+              >
+                <i
+                  class="fa-solid fa-book 2xl:text-[13rem] xl:text-[10rem] lg:text-[13rem] hp:text-[7rem] text-center mb-4 text-gray-400 bayang3"
+                ></i>
+
+                <a
+                  href="src/beasiswa.html"
+                  class="lg:text-3xl hp:text-xl text-center text-white bayang2 bg-slate-300 py-1 rounded-full lg:mx-4 cursor-pointer hover:bg-slate-200"
+                  >Beasiswa</a
+                >
+              </div>
+              <div
+                class="quotesInfoBox flex flex-col xl:border-x-[1px] hp:border-l-[1px] hp:border-r-[0] lg:border-b-[1px] border-b-2 border-white lg:px-6 hp:px-2 py-4"
+              >
+                <i
+                  class="fa-solid fa-building  2xl:text-[13rem]  xl:text-[10rem] lg:text-[13rem] hp:text-[7rem] mb-4 text-center text-gray-400 bayang3"
+                ></i>
+
+                <a
+                  href="src/asrama.html"
+                  class="lg:text-3xl hp:text-xl text-center text-white bayang2 bg-slate-300 py-1 rounded-full mx-4 hover:bg-slate-200"
+                >
+                  Asrama
+                </a>
+              </div>
+              <div
+                class="quotesInfoBox flex flex-col xl:border-l-[1px] xl:border-b-2 xl:border-t-0  xl:border-r-0 hp:border-r-[1px] hp:border-l-0 hp:border-t-[1px] hp:border-b-[1px]  border-white lg:px-6 hp:px-2 py-4"
+              >
+                <i
+                  class="fa-solid fa-cart-shopping  2xl:text-[13rem]  xl:text-[10rem] lg:text-[13rem]  hp:text-[7rem] text-center mb-4 text-gray-400 bayang3"
+                ></i>
+
+                <a
+                  href="src/fasilitas.html"
+                  class="lg:text-3xl hp:text-xl text-center text-white bayang2 bg-slate-300 py-1 rounded-full mx-4 hover:bg-slate-200"
+                >
+                  fasilitas
+                </a>
+              </div>
+              <div
+                class="quotesInfoBox flex flex-col xl:border-r-[1px] xl:border-l-0 xl:border-b-0 hp:border-l-[1px] hp:border-r-[0] hp:border-b-[1px] hp:border-t-[1px] border-white  lg:px-6 hp:px-2 py-4"
+              >
+              <i
+              class="fa-solid fa-clipboard  2xl:text-[13rem]  xl:text-[10rem] lg:text-[13rem] hp:text-[7rem] text-center mb-4 text-gray-400 bayang3"
+            ></i>
+
+
+                <a
+                  href="src/Dosen.html"
+                  class="lg:text-3xl hp:text-xl text-center text-white bayang2 bg-slate-300 py-1 rounded-full mx-4 hover:bg-slate-200"
+                >
+                  Dosen
+                </a>
+              </div>
+              <div
+                class="quotesInfoBox flex flex-col hp:border-x-[1px] hp:border-r-[1px] hp:border-l-[0] hp:border-t-[1px] border-white  lg:px-6 hp:px-2 py-4"
+              >
+                <i
+                  class="fa-solid fa-folder  2xl:text-[13rem]  xl:text-[10rem] lg:text-[13rem] hp:text-[7rem] text-center mb-4 text-gray-400 bayang3"
+                ></i>
+
+                <a
+                  href="src/info.html"
+                  class="lg:text-3xl hp:text-xl text-center text-white bayang2 bg-slate-300 py-1 rounded-full mx-1 hover:bg-slate-200"
+                  >Info</a
+                >
+              </div>
+              <div
+                class="quotesInfoBox flex flex-col xl:border-l-[1px] hp:border-l-[1px] hp:border-t-[1px] border-white  lg:px-6 hp:px-2 py-4"
+              >
+
+              <i
+              class="fa-solid fa-file  2xl:text-[13rem]  xl:text-[10rem] lg:text-[13rem] hp:text-[7rem] text-center mb-4 text-gray-400 bayang3"
+            ></i>
+                  <a
+                    href="src/organisasi.html"
+                    class="lg:text-3xl hp:text-xl text-center text-white bayang2 bg-slate-300 py-1 rounded-full mx-4 hover:bg-slate-200"
+                  >
+                    organisasi
+                  </a>
+                </h1>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- prody list -->
+      <div class="prody">
+        <div class="prodyJudul py-3">
+          <h1 class="lg:text-5xl hp:text-3xl text-center">Pilih jalur kesuksesanmu</h1>
+        </div>
+        <div class="prodyIsi flex xl:flex-row hp:flex-col items-center justify-evenly hp:justify-center hp:gap-10 py-6 px-20">
+          <div
+            class="elemagia relative 2xl:w-[20rem]  2xl:h-[30rem] xl:w-[18rem] xl:h-[28rem] lg:w-[50rem] lg:h-[22rem] hp:w-[23rem] hp:h-[12rem] overflow-hidden hover:scale-105 transition-transform "
+          >
+            <img
+              src="img/elemagia.jpg"
+              alt=""
+              class=" 2xl:h-[30rem] xl:h-[28rem] lg:w-[50rem] lg:h-[22rem] hp:h-[10rem] hp:w-[25rem]  object-cover border-[6px] rounded-2xl border-white"
+            />
+            <a
+              class="hoveran absolute w-full h-full bottom-0 flex items-center justify-center opacity-0 text-4xl hover:opacity-100 hover:cursor-pointer text-white bayang2" href="src/prodi.html"
+            >
+              Magicia</a
+            >
+          </div>
+          <div
+            class="dominica relative  2xl:w-[20rem]  2xl:h-[30rem]  xl:w-[18rem] xl:h-[28rem] lg:w-[50rem] lg:h-[22rem] hp:w-[23rem] hp:h-[12rem]  overflow-hidden hover:scale-105 transition-transform"
+          >
+            <img
+              src="img/dominica.jpg"
+              alt=""
+              class=" 2xl:h-[30rem] xl:h-[28rem] lg:w-[50rem] lg:h-[22rem] hp:h-[10rem] hp:w-[25rem]    object-cover border-[6px] rounded-2xl border-white"
+            />
+            <a
+              class="hoveran hp:bg-top absolute w-full h-full bottom-0 flex items-center justify-center opacity-0 text-4xl hover:opacity-100 hover:cursor-pointer text-white bayang2" href="src/prodi.html"
+            >
+              Dominica</a
+            >
+          </div>
+          <div
+            class="beneficia relative  2xl:w-[20rem]  2xl:h-[30rem]  xl:w-[18rem] xl:h-[28rem] lg:w-[50rem] lg:h-[22rem] hp:w-[23rem] hp:h-[12rem] overflow-hidden hover:scale-105 transition-transform"
+          >
+            <img
+              src="img/beneficia.jpg"
+              alt=""
+              class=" 2xl:h-[30rem] xl:h-[28rem] lg:w-[50rem] lg:h-[22rem] hp:h-[10rem] hp:w-[25rem]   object-cover border-[6px] rounded-2xl border-white"
+            />
+            <a
+              class="hoveran absolute w-full h-full bottom-0 flex items-center justify-center opacity-0 text-4xl hover:opacity-100 hover:cursor-pointer text-white bayang2" href="src/prodi.html"
+            >
+              Beneficia</a
+            >
+          </div>
+        </div>
+      </div>
+      <!-- map -->
+      <div class="map">
+        <div class="mapIsi  flex lg:flex-row hp:flex-col items-center justify-center xl:px-32 hp:px-20 hp:py-10">
+          <div class="google lg:h-full lg:w-full flex-1 lg:my-0 lg:border-0  hp:border-4 hp:border-white hp:my-3">
+            <iframe
+              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15344.645631810943!2d37.522432915470596!3d55.70127972118786!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b54c6435a66743%3A0xfae7174706dad052!2sUniversitas%20Negeri%20Moskwa%20M.V.%20Lomonosov!5e0!3m2!1sid!2sid!4v1732575209916!5m2!1sid!2sid"
+             class="2xl:w-[40rem] 2xl:h-[30rem] xl:w-[30rem] xl:h-[25rem] lg:w-[25rem] lg:h-[20rem] hp:w-[17rem] hp:h-[12rem]"
+              style="border: 0"
+              allowfullscreen=""
+              loading="lazy"
+              referrerpolicy="no-referrer-when-downgrade"
+
+            ></iframe>
+          </div>
+            <div class="googleIsi h-full w-full  flex-1">
+              <p
+                class="2xl:text-4xl lg:text-2xl sm:text-lg  text-center bayang2  tracking-wider 2xl:leading-[3rem]"
+              >
+                wherever your cry, keep going, because your persistence can
+                bring you out of melancholy
+                <span class="block text-center"> -Sanzshuu- </span>
+              </p>
+            </div>
+        </div>
+      </div>
+      <!--  -->
+    </div>
+    <!-- main end -->
+
+    <!-- footer -->
+
+    <footer class="">
+      <div
+        class="social flex flex-row-reverse justify-center border-b-[1px] border-slate-800 bg-slate-600  px-16 py-5 xl:gap-36 lg:gap-12 hp:gap-10"
+      >
+
+        <i
+          class="fa-brands fa-instagram fa-2xl text-slate-800 hover:cursor-pointer hover:text-white"
+        ></i>
+        <i
+          class="fa-solid fa-x text-slate-800 fa-2xl hover:cursor-pointer hover:text-white"
+        ></i>
+
+        <i
+          class="fa-brands fa-facebook fa-2xl text-slate-800 hover:cursor-pointer hover:text-white"
+        ></i>
+        <i
+          class="fa-brands fa-discord fa-2xl text-slate-800 hover:cursor-pointer hover:text-white"
+        ></i>
+        <i
+        class="fa-brands fa-youtube fa-2xl text-slate-800 hover:cursor-pointer hover:text-white"
+      ></i>
+      </div>
+      <div class="footerIsi py-2 bg-slate-500 flex justify-center items-center">
+        <img src="img/victoria housekeeping.png" alt="" class="size-16" />
+        <h1 class="text-2xl text-center bayang2">VICTORIA ACADEMIA</h1>
+      </div>
+      <div class="link bg-slate-500 flex justify-center xl:py-2 lg:py-0 hp:-my-1">
+        <a href="index.html" class="text-2xl lg:px-4 hp:px-2 hover:text-white">Home</a>
+        <a href="src/prodi.html" class="text-2xl lg:px-4 hp:px-2 hover:text-white">Prodi</a>
+        <a href="src/about.html" class="text-2xl lg:px-4 hp:px-2 hover:text-white">About</a>
+        <a href="src/callcenter.html" class="text-2xl lg:px-4 hp:px-2 hover:text-white">Call center</a>
+      </div>
+      <div
+        class="company bg-slate-500 py-12 flex justify-center items-center lg:flex-row "
+      >
+        <h1 class="lg:text-5xl hp:text-4xl tracking-widest text-center text-white bayang">
+          VICT<img
+            src="img/victoria housekeeping.png"
+            alt=""
+            class="size-16 inline mb-2"
+          />RIA HOUSEKEEPING
+          <span class="block text-center text-xl text-black bayang2"
+            >From sanzshuu company</span
+          >
+        </h1>
+      </div>
+
+      <div
+        class="footerAKhir hp:text-sm lg:text-xl  text-center bg-slate-600 text-white tracking-widest"
+      >
+        <p>copyright@2024 SANZSHUU COMPANY. all rights reserved</p>
+      </div>
+    </footer>
+    <script src="src/script.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script>
+      AOS.init();
+    </script>
+  </body>
+</html>
diff --git a/node_modules/.bin/cssesc b/node_modules/.bin/cssesc
diff --git a/node_modules/.bin/cssesc.cmd b/node_modules/.bin/cssesc.cmd