Profil Pribadi Anda<\/title>\r\n <link rel=\"stylesheet\" href=\"style.css\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n \r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #f8f8f8;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n color: #333;\r\n}\r\n\r\n.profile-card {\r\n background-color: #fff;\r\n border-radius: 12px;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n width: 90%;\r\n max-width: 700px;\r\n overflow: hidden;\r\n transition: transform 0.3s ease-in-out;\r\n}\r\n\r\n.profile-card:hover {\r\n transform: translateY(-5px);\r\n}\r\n\r\nheader {\r\n background-color: #fff;\r\n padding: 30px;\r\n text-align: center;\r\n border-bottom: 1px solid #eee;\r\n}\r\n\r\n.profile-image {\r\n width: 120px;\r\n height: 120px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n margin: 0 auto 20px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.profile-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.3s ease-in-out;\r\n}\r\n\r\n.profile-image:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\nheader h1 {\r\n margin-bottom: 8px;\r\n color: #222;\r\n}\r\n\r\nheader .tagline {\r\n font-style: italic;\r\n color: #777;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.social-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n}\r\n\r\n.social-links a {\r\n color: #555;\r\n font-size: 1.4em;\r\n text-decoration: none;\r\n transition: color 0.3s ease-in-out;\r\n}\r\n\r\n.social-links a:hover {\r\n color: #007bff; \/* Warna aksen *\/\r\n}\r\n\r\nmain {\r\n padding: 30px;\r\n}\r\n\r\nmain section {\r\n margin-bottom: 40px;\r\n}\r\n\r\nmain h2 {\r\n color: #222;\r\n border-bottom: 2px solid #007bff; \/* Warna aksen *\/\r\n padding-bottom: 12px;\r\n margin-bottom: 25px;\r\n text-align: left;\r\n}\r\n\r\n.skills-list ul {\r\n list-style: none;\r\n padding: 0;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.skills-list ul li {\r\n background-color: #e7f2ff; \/* Latar belakang warna aksen yang lembut *\/\r\n color: #007bff; \/* Warna aksen *\/\r\n padding: 10px 18px;\r\n border-radius: 8px;\r\n font-weight: 500;\r\n transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\r\n}\r\n\r\n.skills-list ul li:hover {\r\n background-color: #007bff;\r\n color: #fff;\r\n}\r\n\r\n.portfolio-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.portfolio-item {\r\n position: relative;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n transition: box-shadow 0.3s ease-in-out;\r\n}\r\n\r\n.portfolio-item:hover {\r\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.portfolio-item img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n transition: transform 0.3s ease-in-out;\r\n}\r\n\r\n.portfolio-item:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.portfolio-item .overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 123, 255, 0.8); \/* Warna aksen overlay *\/\r\n color: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n transition: opacity 0.3s ease-in-out;\r\n}\r\n\r\n.portfolio-item:hover .overlay {\r\n opacity: 1;\r\n}\r\n\r\n.portfolio-item .overlay h3 {\r\n margin-bottom: 10px;\r\n font-size: 1.2em;\r\n}\r\n\r\n.portfolio-item .overlay a {\r\n background-color: #fff;\r\n color: #007bff; \/* Warna aksen *\/\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\r\n}\r\n\r\n.portfolio-item .overlay a:hover {\r\n background-color: #0056b3;\r\n color: #fff;\r\n}\r\n\r\n#kontak ul {\r\n list-style: none;\r\n padding: 0;\r\n}\r\n\r\n#kontak ul li {\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n#kontak ul li i {\r\n font-size: 1.2em;\r\n color: #007bff; \/* Warna aksen *\/\r\n}\r\n\r\n#kontak ul li a {\r\n color: #555;\r\n text-decoration: none;\r\n transition: color 0.3s ease-in-out;\r\n}\r\n\r\n#kontak ul li a:hover {\r\n color: #007bff; \/* Warna aksen *\/\r\n}\r\n\r\nfooter {\r\n background-color: #f8f8f8;\r\n color: #777;\r\n text-align: center;\r\n padding: 20px;\r\n font-size: 0.9em;\r\n border-top: 1px solid #eee;\r\n}\r\n\r\n\/* Responsive Design untuk Smartphone *\/\r\n@media (max-width: 600px) {\r\n .profile-card {\r\n width: 95%;\r\n margin: 10px;\r\n }\r\n\r\n header {\r\n padding: 20px;\r\n }\r\n\r\n .profile-image {\r\n width: 100px;\r\n height: 100px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n header h1 {\r\n font-size: 1.5em;\r\n }\r\n\r\n header .tagline {\r\n font-size: 0.9em;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .social-links {\r\n gap: 10px;\r\n }\r\n\r\n .social-links a {\r\n font-size: 1.2em;\r\n }\r\n\r\n main {\r\n padding: 20px;\r\n }\r\n\r\n main section {\r\n margin-bottom: 30px;\r\n }\r\n\r\n main h2 {\r\n font-size: 1.3em;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .skills-list ul {\r\n gap: 8px;\r\n }\r\n\r\n .skills-list ul li {\r\n padding: 8px 14px;\r\n font-size: 0.9em;\r\n }\r\n\r\n .portfolio-grid {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n\r\n #kontak ul li {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n #kontak ul li i {\r\n font-size: 1em;\r\n }\r\n\r\n footer {\r\n padding: 15px;\r\n font-size: 0.8em;\r\n }\r\n}\r\n \r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"profile-card\">\r\n <header>\r\n <div class=\"profile-image\">\r\n <img decoding=\"async\" src=\"foto-profil-modern.jpg\" alt=\"Foto Profil Anda\">\r\n <\/div>\r\n <h1>Nama Lengkap Anda<\/h1>\r\n <p class=\"tagline\">Profesi\/Deskripsi Singkat Anda<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"#\" target=\"_blank\"><i class=\"fab fa-linkedin\"><\/i><\/a>\r\n <a href=\"#\" target=\"_blank\"><i class=\"fab fa-github\"><\/i><\/a>\r\n <a href=\"#\" target=\"_blank\"><i class=\"fas fa-envelope\"><\/i><\/a>\r\n <\/div>\r\n <\/header>\r\n <main>\r\n <section id=\"tentang\">\r\n <h2>Tentang Saya<\/h2>\r\n <p>\r\n Tuliskan deskripsi singkat tentang diri Anda di sini. Jelaskan latar belakang, minat, dan tujuan Anda.\r\n <\/p>\r\n <p>\r\n Anda bisa menambahkan beberapa paragraf lagi jika diperlukan untuk memberikan informasi yang lebih detail.\r\n <\/p>\r\n <\/section>\r\n\r\n <section id=\"keahlian\">\r\n <h2>Keahlian<\/h2>\r\n <div class=\"skills-list\">\r\n <ul>\r\n <li>Keahlian 1<\/li>\r\n <li>Keahlian 2<\/li>\r\n <li>Keahlian 3<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"portofolio\">\r\n <h2>Portofolio<\/h2>\r\n <div class=\"portfolio-grid\">\r\n <div class=\"portfolio-item\">\r\n <img decoding=\"async\" src=\"proyek1.jpg\" alt=\"Proyek 1\">\r\n <div class=\"overlay\">\r\n <h3>Nama Proyek 1<\/h3>\r\n <a href=\"#\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <img decoding=\"async\" src=\"proyek2.jpg\" alt=\"Proyek 2\">\r\n <div class=\"overlay\">\r\n <h3>Nama Proyek 2<\/h3>\r\n <a href=\"#\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"kontak\">\r\n <h2>Kontak<\/h2>\r\n <p>Anda dapat menghubungi saya melalui:<\/p>\r\n <ul>\r\n <li><i class=\"fas fa-envelope\"><\/i> <a href=\"mailto:email@anda.com\">email@anda.com<\/a><\/li>\r\n <li><i class=\"fab fa-linkedin\"><\/i> <a href=\"https:\/\/linkedin.com\/in\/profilanda\" target=\"_blank\">Profil LinkedIn<\/a><\/li>\r\n <li><i class=\"fab fa-github\"><\/i> <a href=\"https:\/\/github.com\/usernameanda\" target=\"_blank\">GitHub<\/a><\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/main>\r\n <footer>\r\n <p>© 2025 Nama Lengkap Anda<\/p>\r\n <\/footer>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t<\/div>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Profil Pribadi Anda Nama Lengkap Anda Profesi\/Deskripsi Singkat Anda Tentang Saya Tuliskan deskripsi singkat tentang diri Anda di sini. Jelaskan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-7267","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7267"}],"version-history":[{"count":4,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7267\/revisions"}],"predecessor-version":[{"id":7271,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7267\/revisions\/7271"}],"wp:attachment":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n Profil Pribadi Anda<\/title>\r\n <link rel=\"stylesheet\" href=\"style.css\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n \r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #f8f8f8;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n color: #333;\r\n}\r\n\r\n.profile-card {\r\n background-color: #fff;\r\n border-radius: 12px;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n width: 90%;\r\n max-width: 700px;\r\n overflow: hidden;\r\n transition: transform 0.3s ease-in-out;\r\n}\r\n\r\n.profile-card:hover {\r\n transform: translateY(-5px);\r\n}\r\n\r\nheader {\r\n background-color: #fff;\r\n padding: 30px;\r\n text-align: center;\r\n border-bottom: 1px solid #eee;\r\n}\r\n\r\n.profile-image {\r\n width: 120px;\r\n height: 120px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n margin: 0 auto 20px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.profile-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.3s ease-in-out;\r\n}\r\n\r\n.profile-image:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\nheader h1 {\r\n margin-bottom: 8px;\r\n color: #222;\r\n}\r\n\r\nheader .tagline {\r\n font-style: italic;\r\n color: #777;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.social-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n}\r\n\r\n.social-links a {\r\n color: #555;\r\n font-size: 1.4em;\r\n text-decoration: none;\r\n transition: color 0.3s ease-in-out;\r\n}\r\n\r\n.social-links a:hover {\r\n color: #007bff; \/* Warna aksen *\/\r\n}\r\n\r\nmain {\r\n padding: 30px;\r\n}\r\n\r\nmain section {\r\n margin-bottom: 40px;\r\n}\r\n\r\nmain h2 {\r\n color: #222;\r\n border-bottom: 2px solid #007bff; \/* Warna aksen *\/\r\n padding-bottom: 12px;\r\n margin-bottom: 25px;\r\n text-align: left;\r\n}\r\n\r\n.skills-list ul {\r\n list-style: none;\r\n padding: 0;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.skills-list ul li {\r\n background-color: #e7f2ff; \/* Latar belakang warna aksen yang lembut *\/\r\n color: #007bff; \/* Warna aksen *\/\r\n padding: 10px 18px;\r\n border-radius: 8px;\r\n font-weight: 500;\r\n transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\r\n}\r\n\r\n.skills-list ul li:hover {\r\n background-color: #007bff;\r\n color: #fff;\r\n}\r\n\r\n.portfolio-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.portfolio-item {\r\n position: relative;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n transition: box-shadow 0.3s ease-in-out;\r\n}\r\n\r\n.portfolio-item:hover {\r\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.portfolio-item img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n transition: transform 0.3s ease-in-out;\r\n}\r\n\r\n.portfolio-item:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.portfolio-item .overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 123, 255, 0.8); \/* Warna aksen overlay *\/\r\n color: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n transition: opacity 0.3s ease-in-out;\r\n}\r\n\r\n.portfolio-item:hover .overlay {\r\n opacity: 1;\r\n}\r\n\r\n.portfolio-item .overlay h3 {\r\n margin-bottom: 10px;\r\n font-size: 1.2em;\r\n}\r\n\r\n.portfolio-item .overlay a {\r\n background-color: #fff;\r\n color: #007bff; \/* Warna aksen *\/\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\r\n}\r\n\r\n.portfolio-item .overlay a:hover {\r\n background-color: #0056b3;\r\n color: #fff;\r\n}\r\n\r\n#kontak ul {\r\n list-style: none;\r\n padding: 0;\r\n}\r\n\r\n#kontak ul li {\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n#kontak ul li i {\r\n font-size: 1.2em;\r\n color: #007bff; \/* Warna aksen *\/\r\n}\r\n\r\n#kontak ul li a {\r\n color: #555;\r\n text-decoration: none;\r\n transition: color 0.3s ease-in-out;\r\n}\r\n\r\n#kontak ul li a:hover {\r\n color: #007bff; \/* Warna aksen *\/\r\n}\r\n\r\nfooter {\r\n background-color: #f8f8f8;\r\n color: #777;\r\n text-align: center;\r\n padding: 20px;\r\n font-size: 0.9em;\r\n border-top: 1px solid #eee;\r\n}\r\n\r\n\/* Responsive Design untuk Smartphone *\/\r\n@media (max-width: 600px) {\r\n .profile-card {\r\n width: 95%;\r\n margin: 10px;\r\n }\r\n\r\n header {\r\n padding: 20px;\r\n }\r\n\r\n .profile-image {\r\n width: 100px;\r\n height: 100px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n header h1 {\r\n font-size: 1.5em;\r\n }\r\n\r\n header .tagline {\r\n font-size: 0.9em;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .social-links {\r\n gap: 10px;\r\n }\r\n\r\n .social-links a {\r\n font-size: 1.2em;\r\n }\r\n\r\n main {\r\n padding: 20px;\r\n }\r\n\r\n main section {\r\n margin-bottom: 30px;\r\n }\r\n\r\n main h2 {\r\n font-size: 1.3em;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .skills-list ul {\r\n gap: 8px;\r\n }\r\n\r\n .skills-list ul li {\r\n padding: 8px 14px;\r\n font-size: 0.9em;\r\n }\r\n\r\n .portfolio-grid {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n\r\n #kontak ul li {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n #kontak ul li i {\r\n font-size: 1em;\r\n }\r\n\r\n footer {\r\n padding: 15px;\r\n font-size: 0.8em;\r\n }\r\n}\r\n \r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"profile-card\">\r\n <header>\r\n <div class=\"profile-image\">\r\n <img decoding=\"async\" src=\"foto-profil-modern.jpg\" alt=\"Foto Profil Anda\">\r\n <\/div>\r\n <h1>Nama Lengkap Anda<\/h1>\r\n <p class=\"tagline\">Profesi\/Deskripsi Singkat Anda<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"#\" target=\"_blank\"><i class=\"fab fa-linkedin\"><\/i><\/a>\r\n <a href=\"#\" target=\"_blank\"><i class=\"fab fa-github\"><\/i><\/a>\r\n <a href=\"#\" target=\"_blank\"><i class=\"fas fa-envelope\"><\/i><\/a>\r\n <\/div>\r\n <\/header>\r\n <main>\r\n <section id=\"tentang\">\r\n <h2>Tentang Saya<\/h2>\r\n <p>\r\n Tuliskan deskripsi singkat tentang diri Anda di sini. Jelaskan latar belakang, minat, dan tujuan Anda.\r\n <\/p>\r\n <p>\r\n Anda bisa menambahkan beberapa paragraf lagi jika diperlukan untuk memberikan informasi yang lebih detail.\r\n <\/p>\r\n <\/section>\r\n\r\n <section id=\"keahlian\">\r\n <h2>Keahlian<\/h2>\r\n <div class=\"skills-list\">\r\n <ul>\r\n <li>Keahlian 1<\/li>\r\n <li>Keahlian 2<\/li>\r\n <li>Keahlian 3<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"portofolio\">\r\n <h2>Portofolio<\/h2>\r\n <div class=\"portfolio-grid\">\r\n <div class=\"portfolio-item\">\r\n <img decoding=\"async\" src=\"proyek1.jpg\" alt=\"Proyek 1\">\r\n <div class=\"overlay\">\r\n <h3>Nama Proyek 1<\/h3>\r\n <a href=\"#\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <img decoding=\"async\" src=\"proyek2.jpg\" alt=\"Proyek 2\">\r\n <div class=\"overlay\">\r\n <h3>Nama Proyek 2<\/h3>\r\n <a href=\"#\">Lihat Detail<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"kontak\">\r\n <h2>Kontak<\/h2>\r\n <p>Anda dapat menghubungi saya melalui:<\/p>\r\n <ul>\r\n <li><i class=\"fas fa-envelope\"><\/i> <a href=\"mailto:email@anda.com\">email@anda.com<\/a><\/li>\r\n <li><i class=\"fab fa-linkedin\"><\/i> <a href=\"https:\/\/linkedin.com\/in\/profilanda\" target=\"_blank\">Profil LinkedIn<\/a><\/li>\r\n <li><i class=\"fab fa-github\"><\/i> <a href=\"https:\/\/github.com\/usernameanda\" target=\"_blank\">GitHub<\/a><\/li>\r\n <\/ul>\r\n <\/section>\r\n <\/main>\r\n <footer>\r\n <p>© 2025 Nama Lengkap Anda<\/p>\r\n <\/footer>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t<\/div>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Profil Pribadi Anda Nama Lengkap Anda Profesi\/Deskripsi Singkat Anda Tentang Saya Tuliskan deskripsi singkat tentang diri Anda di sini. Jelaskan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-7267","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7267"}],"version-history":[{"count":4,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7267\/revisions"}],"predecessor-version":[{"id":7271,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7267\/revisions\/7271"}],"wp:attachment":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}