From 5938ca0a2729229c63bd3c1dbafa03c07c03e8ac Mon Sep 17 00:00:00 2001 From: Rizal Mohamad Date: Fri, 26 Jul 2024 12:56:28 +0700 Subject: [PATCH] add page content and responsive --- content/content-responsive.css | 47 +++++++ content/content.css | 196 +++++++++++++++++++++++++++++ content/layanan.html | 171 ++++++++++++++++++++++++++ content/lowongankerja.html | 183 +++++++++++++++++++++++++++ content/tentangkami.html | 217 +++++++++++++++++++++++++++++++++ 5 files changed, 814 insertions(+) create mode 100644 content/content-responsive.css create mode 100644 content/content.css create mode 100644 content/layanan.html create mode 100644 content/lowongankerja.html create mode 100644 content/tentangkami.html diff --git a/content/content-responsive.css b/content/content-responsive.css new file mode 100644 index 0000000..efb778c --- /dev/null +++ b/content/content-responsive.css @@ -0,0 +1,47 @@ +@media screen and (max-width: 1200px) { + #about-visi { + padding: 20px 0 0 0; + } + #about-misi { + padding: 0 0 20px 0; + } + + .about-des-gambar { + display: none; + } + + .about-misi-gambar { + display: none; + } + + .about-visi-img img { + width: 600px; + height: 400px; + border-radius: 50px 0 50px 0; + box-shadow: none; + } +} + +@media screen and (max-width: 991px) { + .about-visi-gambar { + display: flex; + justify-content: center; + margin-bottom: 20px; + } +} + +@media screen and (max-width: 768px) { + #lowongan-syarat .container { + width: 100%; + } + + .about-visi-img img { + width: 350px; + height: 200px; + border-radius: 50px 0 50px 0; + box-shadow: none; + } +} + +@media screen and (max-width: 576px) { +} diff --git a/content/content.css b/content/content.css new file mode 100644 index 0000000..642ed28 --- /dev/null +++ b/content/content.css @@ -0,0 +1,196 @@ +:root { + --pr-color: #8d1638; +} + +/* ----------------------------- INI HALAMAN TENTANG KAMI -------------------------------------------*/ +#about-hero { + height: 60vh; + width: 100%; + background-image: url(../asset/tentangkami-bg.webp); + background-position: 0 60%; + background-repeat: no-repeat; + background-size: cover; +} + +#about-hero h2 { + color: #fff; + font-weight: 600; +} + +#about-deskripsi { + background-color: #fff; + padding: 100px 0 0 0; +} + +.about-des-kata { + display: flex; + flex-direction: column; + justify-content: center; +} + +.about-des-kata h3 { + font-weight: 600; +} + +.about-des-kata p { + text-align: justify; +} + +.about-des-gambar { + display: flex; + justify-content: center; +} + +.about-des-img { + width: 80%; + height: 80%; +} + +.about-des-img img { + width: 500px; + height: 400px; + border-radius: 50px 0 50px 0; + box-shadow: 20px 20px 0 var(--pr-color); +} + +#about-visi { + background-color: #fff; + padding: 100px 0 0 0; +} + +.about-visi-gambar { + display: flex; + justify-content: center; +} + +/* .about-visi-img { + width: 80%; + height: 80%; +} */ + +.about-visi-img img { + width: 500px; + height: 400px; + border-radius: 50px 0 50px 0; + box-shadow: 20px 20px 0 var(--pr-color); +} + +.about-visi-kata { + display: flex; + flex-direction: column; + justify-content: center; +} + +.about-visi-kata h3 { + font-weight: 600; +} + +.about-visi-kata p { + text-align: justify; +} + +#about-misi { + background-color: #fff; + padding: 100px 0; +} + +.about-misi-kata { + display: flex; + flex-direction: column; + justify-content: center; +} + +.about-misi-kata h3 { + font-weight: 600; +} + +.about-misi-list { + padding-left: 0; + list-style: none; +} + +.about-misi-list span { + margin-right: 5px; + text-align: justify; +} + +.about-misi-gambar { + display: flex; + justify-content: center; +} + +.about-misi-img { + width: 80%; + height: 80%; +} + +.about-misi-img img { + width: 500px; + height: 400px; + border-radius: 50px 0 50px 0; + box-shadow: 20px 20px 0 var(--pr-color); +} + +/* ----------------------------- INI HALAMAN LAYANAN -------------------------------------------*/ +#layanan-hero { + height: 60vh; + width: 100%; + background-image: url(../asset/tentangkami-bg.webp); + background-position: 0 60%; + background-repeat: no-repeat; + background-size: cover; +} + +#layanan-hero h2 { + color: #fff; + font-weight: 600; +} + +#layanan-hero span { + color: #fff; + font-weight: 500; +} + +/* ----------------------------- INI HALAMAN LOWONGAN KERJA -------------------------------------------*/ +#lowongan-hero { + height: 60vh; + width: 100%; + background-image: url(../asset/tentangkami-bg.webp); + background-position: 0 60%; + background-repeat: no-repeat; + background-size: cover; +} + +#lowongan-hero h2 { + color: #fff; + font-weight: 600; +} + +#lowongan-syarat { + background-color: #fff; + padding: 50px 0; +} + +#loongan-syarat p { + text-align: justify; +} + +#lowongan-syarat ul { + list-style: none; +} + +.lowongan-syarat-btn { + width: 180px; + height: 50px; + background-color: #ff9800; + margin: 10px 8px; + color: #fff; + border: none; + border-radius: 5px; + font-size: 15px; + font-weight: 700; +} + +#layanan-content { + background-color: #edf4fc; +} diff --git a/content/layanan.html b/content/layanan.html new file mode 100644 index 0000000..5457907 --- /dev/null +++ b/content/layanan.html @@ -0,0 +1,171 @@ + + + + + + + + + + + + + + + + + + + + + + + + MIRACLE HANA YENI + + + + + +
+
+
+
+

Layanan Kami

+ ART - Baby Sitter - Suster Lansia - Sopir - Office Boy +
+
+
+
+ +
+
+
+
+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+

MAAF BELUM ADA KONTENNYAAAAAAA

+
+
+
+
+ + + + +
+ +
+ + + + + \ No newline at end of file diff --git a/content/lowongankerja.html b/content/lowongankerja.html new file mode 100644 index 0000000..706f0a1 --- /dev/null +++ b/content/lowongankerja.html @@ -0,0 +1,183 @@ + + + + + + + + + + + + + + + + + + + + + + + + MIRACLE HANA YENI + + + + + +
+
+
+
+

Ayo Bergabung Dengan Kami

+
+
+
+
+ +
+
+
+

Lowongan Kerja

+

Miracle Hana Yeni membuka lowongan bagi Anda yang berprofesi sebagai pekerja rumah tangga. Kami akan memfasilitasi anda untuk mendapatkan peluang kerja yang sesuai. Kelebihan sistem kami:

+
    +
  • done Isi formulir online atau via WA
  • +
  • done Bisa dri rumah atau kami tampung
  • +
  • done Langsung di salurkan ke majikan
  • +
  • done Terdapat beberapa pilihan kota
  • +
+

Untuk melamar tidak ribet, bisa langsung dari sini. Bila tidak sempat atau sulit mengisi lamaran online, Anda juga bisa langsung menekan logo WA di bawah untuk melamar via chat.

+

Jenis lowongan yang tersedia

+
    +
  • done Asisten Rumah Tangga
  • +
  • done Baby Sitter
  • +
  • done Suster Lansia
  • +
  • done Sopir Pribadi
  • +
  • done Office Boy
  • +
+

Persyaratan Umum

+
    +
  • done Niat Kerja
  • +
  • done Pria / Wanita Usia 19 - 45 Tahun
  • +
  • done Sehat jasmani dan rohani
  • +
  • done Wajib Menginap
  • +
  • done Memiliki KTP asli
  • +
  • done Memiliki kartu keluarga
  • +
+
+
+
+ + +
+
+ +
+
+ + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/content/tentangkami.html b/content/tentangkami.html new file mode 100644 index 0000000..7a33e17 --- /dev/null +++ b/content/tentangkami.html @@ -0,0 +1,217 @@ + + + + + + + + + + + + + + + + + + + + + + + + MIRACLE HANA YENI + + + + + +
+
+
+
+

Tentang Miracle Hana Yeni

+
+
+
+
+ +
+
+
+
+

Tentang Kami

+

+ Berawal dari semangat untuk terus menciptakan dan mengembangkan penyedia jasa dan layanan yang berkualitas, kami Miracle Hana Yeni (Penyalur Asisten Rumah Tangga) berkomitmen untuk membentuk sebuah team yang berkompeten, + bekerja sama, bergandeng tangan, saling bantu membantu serta mempunyai visi dan misi demi terwujudnya sebuah Yayasan yang mempunyai nilai lebih dalam setiap jasa dan layanan kami kepada semua pelanggan. Berdiri sejak tahun + 2010, Miracle Hana Yeni memulai bisnis dengan tujuan untuk menjadi leader di bidangnya. Miracle Hana Yeni telah mendidik dan menyalurkan tenaga kerja Asisten Rumah Tangga untuk para keluarga di Jabodetabek khususnya bahkan + keseluruh wilayah Nusantara. Untuk tenaga kerja pemula kami umumnya merekrut para lulusan siswa siswi remaja putra putri dari berbagai daerah seperti Jawa Tengah, Jawa Timur, Jawa Barat, Nusa Tenggara Timur dan Lampung untuk + dididik menjadi Asisten Rumah Tangga. Adapun jasa dan layanan kami meliputi Asisten Rumah Tangga, Baby Sitter dan Balita, Suster Lansia, Sopir Pribadi dan Office Boy. +

+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+

Visi Kami

+

Menjadi perusahaan jasa penyalur tenaga kerja terkemuka yang memberikan pelayanan prima dan solusi terpercaya bagi setiap klient kami.

+
+
+
+
+ +
+
+
+
+

Misi Kami

+
    +
  • + + Menyediakan tenaga pembantu terlatih dan berkualitas tinggi yang sesuai dengan kebutuhan pelanggan. +
  • +
  • + + Memberikan pelayanan yang profesional, jujur, dan transparan kepada pelanggan. +
  • +
  • + + Meningkatkan kesejahteraan tenaga pembantu dengan memberikan pelatihan dan fasilitas yang memadai. +
  • +
  • + + Meningkatkan Kesejahterahan Tenaga Kerja yang kami salurkan +
  • +
  • + + Berkontribusi positif bagi masyarakat dan lingkungan sekitar. +
  • +
+
+
+
+ +
+
+
+
+
+ + + + +
+ +
+ + + + +