{"id":49,"date":"2025-09-15T16:06:51","date_gmt":"2025-09-15T09:06:51","guid":{"rendered":"https:\/\/civport.my.id\/?page_id=49"},"modified":"2025-10-01T10:01:51","modified_gmt":"2025-10-01T03:01:51","slug":"beranda","status":"publish","type":"page","link":"https:\/\/civport.my.id\/en\/","title":{"rendered":"Home"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Miladistta Syawaludin Mileni<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n body, html {\r\n height: 100%;\r\n background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);\r\n overflow-x: hidden;\r\n position: relative;\r\n color: #333;\r\n }\r\n\r\n \/* Decorative Blobs *\/\r\n .bg-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(120px);\r\n opacity: 0.6;\r\n z-index: 0;\r\n }\r\n\r\n .bg-shape.one {\r\n width: 400px; height: 400px;\r\n background: #1abc9c;\r\n top: -100px; left: -100px;\r\n }\r\n\r\n .bg-shape.two {\r\n width: 350px; height: 350px;\r\n background: #3498db;\r\n bottom: -120px; right: -80px;\r\n }\r\n\r\n .hero {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n .hero img {\r\n width: 180px;\r\n height: 180px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n border: 4px solid #ffffffaa;\r\n box-shadow: 0 12px 24px rgba(0,0,0,0.35);\r\n animation: profileAppear 1s ease forwards;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 2.8rem;\r\n color: #fff;\r\n margin: 20px 0 10px 0;\r\n text-shadow: 2px 2px 10px rgba(0,0,0,0.4);\r\n animation: fadeUp 1s ease forwards 0.5s;\r\n }\r\n\r\n .accent {\r\n width: 60px;\r\n height: 4px;\r\n background: #1abc9c;\r\n border-radius: 2px;\r\n margin: 0 auto 25px auto;\r\n animation: scaleWidth 1s ease forwards 0.7s;\r\n }\r\n\r\n .text-box {\r\n max-width: 700px;\r\n background: rgba(255,255,255,0.9);\r\n color: #333;\r\n padding: 25px 30px;\r\n border-radius: 15px;\r\n border: 1px solid rgba(0,0,0,0.1);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n transform: translateY(20px);\r\n opacity: 0;\r\n animation: slideFade 1s ease forwards 0.9s;\r\n line-height: 1.6;\r\n font-size: 1.15rem;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .text-box:hover {\r\n transform: translateY(0) scale(1.02);\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.25);\r\n }\r\n\r\n .text-box p + p {\r\n margin-top: 12px;\r\n }\r\n\r\n .cta {\r\n margin-top: 30px;\r\n display: flex;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .cta a {\r\n text-decoration: none;\r\n background: #1abc9c;\r\n color: #fff;\r\n padding: 12px 28px;\r\n border-radius: 30px;\r\n font-weight: 600;\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.2);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .cta a:hover {\r\n background: #13856b;\r\n transform: translateY(-3px) scale(1.02);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.25);\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { transform: translateY(20px); opacity: 0; }\r\n to { transform: translateY(0); opacity: 1; }\r\n }\r\n\r\n @keyframes scaleWidth {\r\n from { width: 0; opacity: 0; }\r\n to { width: 60px; opacity: 1; }\r\n }\r\n\r\n @keyframes profileAppear {\r\n from { transform: scale(0.8); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n }\r\n\r\n @keyframes slideFade {\r\n from { transform: translateY(20px); opacity: 0; }\r\n to { transform: translateY(0); opacity: 1; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .hero img { width: 140px; height: 140px; }\r\n .hero h1 { font-size: 2rem; }\r\n .text-box { font-size: 1rem; padding: 20px; max-width: 90%; }\r\n .cta { flex-direction: column; gap: 12px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Background decorative shapes -->\r\n <div class=\"bg-shape one\"><\/div>\r\n <div class=\"bg-shape two\"><\/div>\r\n\r\n <div class=\"hero\">\r\n <img decoding=\"async\" src=\"https:\/\/civport.my.id\/wp-content\/uploads\/2025\/09\/saya-sendiri-e1757928371483.jpg\" alt=\"Foto Miladistta Syawaludin Mileni\">\r\n <h1>Miladistta Syawaludin Mileni<\/h1>\r\n <div class=\"accent\"><\/div>\r\n\r\n <div class=\"text-box\">\r\n <p>Civil Engineering graduate with a strong interest in planning, design, and construction management.<\/p>\r\n <p>This website is designed as a platform to introduce myself, share my academic experiences, and demonstrate my works and professional competencies in civil engineering.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cta\">\r\n <a href=\"https:\/\/civport.my.id\/en\/kontak\/\">\u2709\ufe0f Contact Me<\/a>\r\n <a href=\"https:\/\/civport.my.id\/en\/portofolio\/\">\ud83d\udcc2 Explore Portfolio<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Miladistta Syawaludin Mileni Miladistta Syawaludin Mileni Lulusan Teknik Sipil dengan minat pada perencanaan, desain, dan manajemen konstruksi. Website ini saya […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/civport.my.id\/en\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/civport.my.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/civport.my.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/civport.my.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/civport.my.id\/en\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":16,"href":"https:\/\/civport.my.id\/en\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":253,"href":"https:\/\/civport.my.id\/en\/wp-json\/wp\/v2\/pages\/49\/revisions\/253"}],"wp:attachment":[{"href":"https:\/\/civport.my.id\/en\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}