Profil Pribadi Saya<\/title>\n\t<link rel=\"stylesheet\" href=\"style.css\">\n\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\nbody {\n font-family: 'Roboto', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f8f8f8;\n color: #333;\n line-height: 1.7;\n scroll-behavior: smooth;\n}\n\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n}\n\n\/* Hero Section *\/\n.hero {\n background-color: #222;\n color: #fff;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 50px;\n}\n\n.hero-content {\n max-width: 800px;\n}\n\n.profile-image {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n overflow: hidden;\n margin: 0 auto 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n}\n\n.profile-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5em;\n margin-bottom: 10px;\ncolor\n}\n\n.hero .tagline {\n font-size: 1.2em;\n font-style: italic;\n color: #ddd;\n margin-bottom: 40px;\ncolor:#ffffff;\n}\n\n.hero-buttons a {\n display: inline-block;\n padding: 15px 30px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 500;\n transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\n margin: 0 10px;\n}\n\n.hero-buttons .primary {\n background-color: #007bff;\n color: #fff;\n}\n\n.hero-buttons .primary:hover {\n background-color: #0056b3;\n}\n\n.hero-buttons .secondary {\n border: 2px solid #fff;\n color: #fff;\n}\n\n.hero-buttons .secondary:hover {\n background-color: #fff;\n color: #222;\n}\n\n\/* Overlay Navigation *\/\n.overlay-nav {\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n padding: 20px 0;\n z-index: 100;\n transform: translateY(-100%);\n transition: transform 0.3s ease-in-out;\n}\n\n.overlay-nav.show {\n transform: translateY(0);\n}\n\n.overlay-nav .container ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n justify-content: center;\n gap: 30px;\n}\n\n.overlay-nav .container ul li a {\n color: #fff;\n text-decoration: none;\n font-weight: 400;\n font-size: 1.1em;\n transition: color 0.3s ease-in-out;\n}\n\n.overlay-nav .container ul li a:hover {\n color: #007bff;\n}\n\n\/* Content Sections *\/\n.content-section {\n padding: 80px 0;\n}\n\n.content-section:nth-child(even) {\n background-color: #fff;\n}\n\n.content-section h2 {\n font-family: 'Playfair Display', serif;\n font-size: 2.8em;\n color: #222;\n margin-bottom: 30px;\n text-align: center;\n}\n\n\/* Skills List *\/\n.skills-list ul {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px;\n}\n\n.skills-list ul li {\n background-color: #e7f2ff;\n color: #007bff;\n padding: 12px 20px;\n border-radius: 8px;\n font-weight: 500;\n}\n\n\/* Portfolio Grid *\/\n.portfolio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.portfolio-item {\n position: relative;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.portfolio-item img {\n width: 50%;\n height: auto;\n display: block;\n transition: transform 0.3s ease-in-out;\n}\n\n.portfolio-item:hover img {\n transform: scale(1.05);\n}\n\n.portfolio-item .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 123, 255, 0.8);\n color: #fff;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n}\n\n.portfolio-item:hover .overlay {\n opacity: 1;\n}\n\n.portfolio-item .overlay h3 {\n font-size: 1.2em;\n margin-bottom: 10px;\n}\n\n.portfolio-item .overlay a {\n background-color: #fff;\n color: #007bff;\n padding: 10px 20px;\n border-radius: 5px;\n text-decoration: none;\n font-weight: 500;\n}\n\n\/* Contact Section *\/\n#kontak ul {\n list-style: none;\n padding: 0;\n margin-top: 20px;\n}\n\n#kontak ul li {\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 15px;\n}\n\n#kontak ul li i {\n font-size: 1.2em;\n color: #007bff;\n}\n\n#kontak ul li a {\n color: #555;\n text-decoration: none;\n}\n\n\/* Footer *\/\nfooter {\n text-align: center;\n padding: 30px 0;\n background-color: #222;\n color: #fff;\n font-size: 0.9em;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .hero {\n padding: 30px;\n text-align: center;\n }\n\n .hero h1 {\n font-size: 2.8em;\n }\n\n .hero .tagline {\n font-size: 1.1em;\n margin-bottom: 30px;\n }\n\n .hero-buttons a {\n padding: 12px 25px;\n margin: 5px;\n font-size: 0.9em;\n }\n\n .overlay-nav .container ul {\n gap: 20px;\n }\n\n .overlay-nav .container ul li a {\n font-size: 1em;\n }\n\n .content-section {\n padding: 60px 0;\n }\n\n .content-section h2 {\n font-size: 2.4em;\n text-align: left;\n }\n\n .skills-list ul {\n justify-content: flex-start;\n gap: 10px;\n }\n\n .skills-list ul li {\n padding: 10px 15px;\n font-size: 0.9em;\n }\n\n .portfolio-grid {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n\n #kontak ul {\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n }\n\n #kontak ul li i {\n font-size: 1em;\n }\n\n footer {\n padding: 20px 0;\n font-size: 0.8em;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\t<header class=\"hero\">\n\t\t<div class=\"hero-content\">\n\t\t\t<div class=\"profile-image\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lpp-hidayatullah.id\/wp-content\/uploads\/2025\/05\/Artboard-1-1.png\" alt=\"Foto Profil Anda\">\n\t\t\t<\/div>\n\t\t\t<h1>Muhammad Rangga Edytia Putwanto<\/h1>\n\t\t\t<p class=\"tagline\">Santri SMH RM PA Putra Blppn<\/p>\n\t\t\t<div class=\"hero-buttons\">\n\t\t\t\t<a href=\"#tentang\" class=\"button primary\">Tentang Saya<\/a>\n\t\t\t\t<a href=\"#portfolio\" class=\"button secondary\">Portfolio<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/header>\n\n\t<nav class=\"overlay-nav\">\n\t\t<div class=\"container\">\n\t\t\t<ul>\n\t\t\t\t<li><a href=\"#beranda\">halaman utama<\/a><\/li>\n\t\t\t\t<li><a href=\"#tentang\">tentang saya<\/a><\/li>\n\t\t\t\t<li><a href=\"#keahlian\">hobi Saya<\/a><\/li>\n\t\t\t\t<li><a href=\"#portfolio\">Portfolio<\/a><\/li>\n\t\t\t\t<li><a href=\"#kontak\">Kontak Saya<\/a><\/li>\n\t\t\t<\/ul>\n\t\t<\/div>\n\t<\/nav>\n\n\t<main>\n\t\t<section id=\"beranda\" class=\"content-section\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<h2>Halaman Utama<\/h2>\n\t\t\t\t<p>Selamat datang di halaman beranda profil pribadi saya. Di sini Anda akan mendapatkan gambaran singkat tentang siapa saya dan apa yang saya kerjakan.<\/p>\n\t\t\t<\/div>\n\t\t<\/section>s\n\n\t\t<section id=\"tentang\" class=\"content-section\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<h2>Tentang Saya<\/h2>\n\t\t\t\t<p>\n\t\t\t\t\tsaya berasal dari berau saya bersekolah di hidayahtullah karena saya mengetauhi tentang adab dan ilmu lainnya\n\t\t\t\t<\/p>\n\t\t\t\t<p>\n\t\t\t\t\tsaya selama di pondok selalu mengikuti kegiatan apa yang di laksanakan di pondok tersebut dan saya juga mengikuti eksul dan bimbel\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section id=\"hobi\" class=\"content-section\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<h2>hobi<\/h2>\n\t\t\t\t<div class=\"skills-list\">\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>futsal<\/li>\n\t\t\t\t\t\t<li>progammer<\/li>\n\t\t\t\t\t\t<li>badminton<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section id=\"portfolio\" class=\"content-section\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<h2>Portfolio<\/h2>\n\t\t\t\t<center><h3>Berikut Beberapa Desain Yang Pernah Kami Buat Di Canva<\/h3><\/center>\n\t\t\t\t<div class=\"portfolio-grid\">\n\t\t\t\t\t<div class=\"portfolio-item\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lpp-hidayatullah.id\/wp-content\/uploads\/2025\/05\/1.jpg\" alt=\"Proyek 1\">\n\t\t\t\t\t\t<div class=\"overlay\">\n\t\t\t\t\t\t\t<h3>proyek tentang wisata<\/h3>\n\t\t\t\t\t\t\t<a href=\"#\">Lihat Detail<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"portfolio-item\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lpp-hidayatullah.id\/wp-content\/uploads\/2025\/05\/1.png\" alt=\"Proyek 2\">\n\t\t\t\t\t\t<div class=\"overlay\">\n\t\t\t\t\t\t\t<h3>Proyek Tentang Acara<\/h3>\n\t\t\t\t\t\t\t<a href=\"#\">Lihat Detail<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section id=\"kontak\" class=\"content-section\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<h2>Kontak<\/h2>\n\t\t\t\t<p>Silakan hubungi saya melalui informasi kontak di bawah ini. Saya terbuka untuk kolaborasi dan peluang menarik.<\/p>\n\t\t\t\t<ul>\n\t\t\t\t\t<li><i class=\"fas fa-envelope\"><\/i> <a href=\"mailto ranggapurwanto026@gmail.com\">ranggapurwanto026@gmail.com<\/a><\/li>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t<\/section>\n\t<\/main>\n\n\t<footer>\n\t\t<div class=\"container\">\n\t\t\t<p>© 2025 | Muhammad Rangga Edytia Purwanto<\/p>\n\t\t<\/div>\n\t<\/footer>\n\n\t<script>\n\t\tconst nav = document.querySelector('.overlay-nav');\n\t\tlet lastScrollY = window.scrollY;\n\n\t\twindow.addEventListener('scroll', () => {\n\t\t\tif (window.scrollY > lastScrollY && window.scrollY > window.innerHeight \/ 2) {\n\t\t\t\tnav.classList.add('show');\n\t\t\t} else if (window.scrollY < lastScrollY) {\n\t\t\t\tnav.classList.remove('show');\n\t\t\t}\n\t\t\tlastScrollY = window.scrollY;\n\t\t});\n\n\t\tdocument.querySelectorAll('nav a').forEach(anchor => {\n\t\t\tanchor.addEventListener('click', function(e) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tdocument.querySelector(this.getAttribute('href')).scrollIntoView({\n\t\t\t\t\tbehavior: 'smooth'\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t<\/script>\n<\/body>\n\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Profil Pribadi Saya Muhammad Rangga Edytia Putwanto Santri SMH RM PA Putra Blppn Tentang Saya Portfolio halaman utama tentang saya […]<\/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":"default","site-content-layout":"","ast-site-content-layout":"","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":"","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-7416","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7416","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=7416"}],"version-history":[{"count":9,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7416\/revisions"}],"predecessor-version":[{"id":7428,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7416\/revisions\/7428"}],"wp:attachment":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7416,"date":"2025-05-31T14:26:36","date_gmt":"2025-05-31T14:26:36","guid":{"rendered":"https:\/\/lpp-hidayatullah.id\/?page_id=7416"},"modified":"2025-05-31T14:34:36","modified_gmt":"2025-05-31T14:34:36","slug":"rangga","status":"publish","type":"page","link":"https:\/\/lpp-hidayatullah.id\/?page_id=7416","title":{"rendered":"Rangga"},"content":{"rendered":"\n\n\n\n\n\t\n\t\n\tProfil Pribadi Saya<\/title>\n\t<link rel=\"stylesheet\" href=\"style.css\">\n\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\nbody {\n font-family: 'Roboto', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f8f8f8;\n color: #333;\n line-height: 1.7;\n scroll-behavior: smooth;\n}\n\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n}\n\n\/* Hero Section *\/\n.hero {\n background-color: #222;\n color: #fff;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 50px;\n}\n\n.hero-content {\n max-width: 800px;\n}\n\n.profile-image {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n overflow: hidden;\n margin: 0 auto 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n}\n\n.profile-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: 3.5em;\n margin-bottom: 10px;\ncolor\n}\n\n.hero .tagline {\n font-size: 1.2em;\n font-style: italic;\n color: #ddd;\n margin-bottom: 40px;\ncolor:#ffffff;\n}\n\n.hero-buttons a {\n display: inline-block;\n padding: 15px 30px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 500;\n transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\n margin: 0 10px;\n}\n\n.hero-buttons .primary {\n background-color: #007bff;\n color: #fff;\n}\n\n.hero-buttons .primary:hover {\n background-color: #0056b3;\n}\n\n.hero-buttons .secondary {\n border: 2px solid #fff;\n color: #fff;\n}\n\n.hero-buttons .secondary:hover {\n background-color: #fff;\n color: #222;\n}\n\n\/* Overlay Navigation *\/\n.overlay-nav {\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n padding: 20px 0;\n z-index: 100;\n transform: translateY(-100%);\n transition: transform 0.3s ease-in-out;\n}\n\n.overlay-nav.show {\n transform: translateY(0);\n}\n\n.overlay-nav .container ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n justify-content: center;\n gap: 30px;\n}\n\n.overlay-nav .container ul li a {\n color: #fff;\n text-decoration: none;\n font-weight: 400;\n font-size: 1.1em;\n transition: color 0.3s ease-in-out;\n}\n\n.overlay-nav .container ul li a:hover {\n color: #007bff;\n}\n\n\/* Content Sections *\/\n.content-section {\n padding: 80px 0;\n}\n\n.content-section:nth-child(even) {\n background-color: #fff;\n}\n\n.content-section h2 {\n font-family: 'Playfair Display', serif;\n font-size: 2.8em;\n color: #222;\n margin-bottom: 30px;\n text-align: center;\n}\n\n\/* Skills List *\/\n.skills-list ul {\n list-style: none;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px;\n}\n\n.skills-list ul li {\n background-color: #e7f2ff;\n color: #007bff;\n padding: 12px 20px;\n border-radius: 8px;\n font-weight: 500;\n}\n\n\/* Portfolio Grid *\/\n.portfolio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.portfolio-item {\n position: relative;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.portfolio-item img {\n width: 50%;\n height: auto;\n display: block;\n transition: transform 0.3s ease-in-out;\n}\n\n.portfolio-item:hover img {\n transform: scale(1.05);\n}\n\n.portfolio-item .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 123, 255, 0.8);\n color: #fff;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n}\n\n.portfolio-item:hover .overlay {\n opacity: 1;\n}\n\n.portfolio-item .overlay h3 {\n font-size: 1.2em;\n margin-bottom: 10px;\n}\n\n.portfolio-item .overlay a {\n background-color: #fff;\n color: #007bff;\n padding: 10px 20px;\n border-radius: 5px;\n text-decoration: none;\n font-weight: 500;\n}\n\n\/* Contact Section *\/\n#kontak ul {\n list-style: none;\n padding: 0;\n margin-top: 20px;\n}\n\n#kontak ul li {\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 15px;\n}\n\n#kontak ul li i {\n font-size: 1.2em;\n color: #007bff;\n}\n\n#kontak ul li a {\n color: #555;\n text-decoration: none;\n}\n\n\/* Footer *\/\nfooter {\n text-align: center;\n padding: 30px 0;\n background-color: #222;\n color: #fff;\n font-size: 0.9em;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .hero {\n padding: 30px;\n text-align: center;\n }\n\n .hero h1 {\n font-size: 2.8em;\n }\n\n .hero .tagline {\n font-size: 1.1em;\n margin-bottom: 30px;\n }\n\n .hero-buttons a {\n padding: 12px 25px;\n margin: 5px;\n font-size: 0.9em;\n }\n\n .overlay-nav .container ul {\n gap: 20px;\n }\n\n .overlay-nav .container ul li a {\n font-size: 1em;\n }\n\n .content-section {\n padding: 60px 0;\n }\n\n .content-section h2 {\n font-size: 2.4em;\n text-align: left;\n }\n\n .skills-list ul {\n justify-content: flex-start;\n gap: 10px;\n }\n\n .skills-list ul li {\n padding: 10px 15px;\n font-size: 0.9em;\n }\n\n .portfolio-grid {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n\n #kontak ul {\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n }\n\n #kontak ul li i {\n font-size: 1em;\n }\n\n footer {\n padding: 20px 0;\n font-size: 0.8em;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\t<header class=\"hero\">\n\t\t<div class=\"hero-content\">\n\t\t\t<div class=\"profile-image\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lpp-hidayatullah.id\/wp-content\/uploads\/2025\/05\/Artboard-1-1.png\" alt=\"Foto Profil Anda\">\n\t\t\t<\/div>\n\t\t\t<h1>Muhammad Rangga Edytia Putwanto<\/h1>\n\t\t\t<p class=\"tagline\">Santri SMH RM PA Putra Blppn<\/p>\n\t\t\t<div class=\"hero-buttons\">\n\t\t\t\t<a href=\"#tentang\" class=\"button primary\">Tentang Saya<\/a>\n\t\t\t\t<a href=\"#portfolio\" class=\"button secondary\">Portfolio<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/header>\n\n\t<nav class=\"overlay-nav\">\n\t\t<div class=\"container\">\n\t\t\t<ul>\n\t\t\t\t<li><a href=\"#beranda\">halaman utama<\/a><\/li>\n\t\t\t\t<li><a href=\"#tentang\">tentang saya<\/a><\/li>\n\t\t\t\t<li><a href=\"#keahlian\">hobi Saya<\/a><\/li>\n\t\t\t\t<li><a href=\"#portfolio\">Portfolio<\/a><\/li>\n\t\t\t\t<li><a href=\"#kontak\">Kontak Saya<\/a><\/li>\n\t\t\t<\/ul>\n\t\t<\/div>\n\t<\/nav>\n\n\t<main>\n\t\t<section id=\"beranda\" class=\"content-section\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<h2>Halaman Utama<\/h2>\n\t\t\t\t<p>Selamat datang di halaman beranda profil pribadi saya. Di sini Anda akan mendapatkan gambaran singkat tentang siapa saya dan apa yang saya kerjakan.<\/p>\n\t\t\t<\/div>\n\t\t<\/section>s\n\n\t\t<section id=\"tentang\" class=\"content-section\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<h2>Tentang Saya<\/h2>\n\t\t\t\t<p>\n\t\t\t\t\tsaya berasal dari berau saya bersekolah di hidayahtullah karena saya mengetauhi tentang adab dan ilmu lainnya\n\t\t\t\t<\/p>\n\t\t\t\t<p>\n\t\t\t\t\tsaya selama di pondok selalu mengikuti kegiatan apa yang di laksanakan di pondok tersebut dan saya juga mengikuti eksul dan bimbel\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section id=\"hobi\" class=\"content-section\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<h2>hobi<\/h2>\n\t\t\t\t<div class=\"skills-list\">\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>futsal<\/li>\n\t\t\t\t\t\t<li>progammer<\/li>\n\t\t\t\t\t\t<li>badminton<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section id=\"portfolio\" class=\"content-section\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<h2>Portfolio<\/h2>\n\t\t\t\t<center><h3>Berikut Beberapa Desain Yang Pernah Kami Buat Di Canva<\/h3><\/center>\n\t\t\t\t<div class=\"portfolio-grid\">\n\t\t\t\t\t<div class=\"portfolio-item\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lpp-hidayatullah.id\/wp-content\/uploads\/2025\/05\/1.jpg\" alt=\"Proyek 1\">\n\t\t\t\t\t\t<div class=\"overlay\">\n\t\t\t\t\t\t\t<h3>proyek tentang wisata<\/h3>\n\t\t\t\t\t\t\t<a href=\"#\">Lihat Detail<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"portfolio-item\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lpp-hidayatullah.id\/wp-content\/uploads\/2025\/05\/1.png\" alt=\"Proyek 2\">\n\t\t\t\t\t\t<div class=\"overlay\">\n\t\t\t\t\t\t\t<h3>Proyek Tentang Acara<\/h3>\n\t\t\t\t\t\t\t<a href=\"#\">Lihat Detail<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section id=\"kontak\" class=\"content-section\">\n\t\t\t<div class=\"container\">\n\t\t\t\t<h2>Kontak<\/h2>\n\t\t\t\t<p>Silakan hubungi saya melalui informasi kontak di bawah ini. Saya terbuka untuk kolaborasi dan peluang menarik.<\/p>\n\t\t\t\t<ul>\n\t\t\t\t\t<li><i class=\"fas fa-envelope\"><\/i> <a href=\"mailto ranggapurwanto026@gmail.com\">ranggapurwanto026@gmail.com<\/a><\/li>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t<\/section>\n\t<\/main>\n\n\t<footer>\n\t\t<div class=\"container\">\n\t\t\t<p>© 2025 | Muhammad Rangga Edytia Purwanto<\/p>\n\t\t<\/div>\n\t<\/footer>\n\n\t<script>\n\t\tconst nav = document.querySelector('.overlay-nav');\n\t\tlet lastScrollY = window.scrollY;\n\n\t\twindow.addEventListener('scroll', () => {\n\t\t\tif (window.scrollY > lastScrollY && window.scrollY > window.innerHeight \/ 2) {\n\t\t\t\tnav.classList.add('show');\n\t\t\t} else if (window.scrollY < lastScrollY) {\n\t\t\t\tnav.classList.remove('show');\n\t\t\t}\n\t\t\tlastScrollY = window.scrollY;\n\t\t});\n\n\t\tdocument.querySelectorAll('nav a').forEach(anchor => {\n\t\t\tanchor.addEventListener('click', function(e) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tdocument.querySelector(this.getAttribute('href')).scrollIntoView({\n\t\t\t\t\tbehavior: 'smooth'\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t<\/script>\n<\/body>\n\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Profil Pribadi Saya Muhammad Rangga Edytia Putwanto Santri SMH RM PA Putra Blppn Tentang Saya Portfolio halaman utama tentang saya […]<\/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":"default","site-content-layout":"","ast-site-content-layout":"","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":"","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-7416","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7416","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=7416"}],"version-history":[{"count":9,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7416\/revisions"}],"predecessor-version":[{"id":7428,"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=\/wp\/v2\/pages\/7416\/revisions\/7428"}],"wp:attachment":[{"href":"https:\/\/lpp-hidayatullah.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}