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 membuka lowongan bagi Anda yang berprofesi sebagai pekerja rumah tangga. Kami akan memfasilitasi anda untuk mendapatkan peluang kerja yang sesuai. Kelebihan sistem kami:
+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
+Persyaratan Umum
++ 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. +
+Menjadi perusahaan jasa penyalur tenaga kerja terkemuka yang memberikan pelayanan prima dan solusi terpercaya bagi setiap klient kami.
+