{"id":82,"date":"2020-08-12T07:13:07","date_gmt":"2020-08-12T07:13:07","guid":{"rendered":"https:\/\/demosites.io\/coding-school-gb-2\/?page_id=82"},"modified":"2025-11-11T15:45:25","modified_gmt":"2025-11-11T15:45:25","slug":"f0eed-home","status":"publish","type":"page","link":"https:\/\/smkn3jambi.sch.id\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Header Modern PGRI Provinsi Jambi<\/title>\n<style>\n\/* ====== RESET & GAYA DASAR ====== *\/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\nbody {\n  font-family: \"Poppins\", sans-serif;\n  background: #f4f7fb;\n}\n\n\/* ====== AREA SLIDESHOW ====== *\/\n.header-slideshow {\n  position: relative;\n  width: 100%;\n  height: 480px;\n  overflow: hidden;\n}\n\n\/* ====== GAMBAR SLIDE ====== *\/\n.slide {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  transform: scale(1.1);\n  transition: opacity 1.5s ease, transform 5s ease;\n}\n\n.slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: brightness(80%);\n  border-radius: 0;\n}\n\n\/* ====== TAMPILKAN SLIDE AKTIF ====== *\/\n.slide.active {\n  opacity: 1;\n  transform: scale(1);\n  z-index: 1;\n}\n\n\/* ====== CAPTION (TEKS DI ATAS GAMBAR) ====== *\/\n.caption {\n  position: absolute;\n  bottom: 70px;\n  left: 80px;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.45);\n  padding: 20px 35px;\n  border-left: 6px solid #1e88e5;\n  border-radius: 10px;\n  font-size: 26px;\n  font-weight: 600;\n  max-width: 70%;\n  animation: fadeInUp 1.2s ease;\n}\n\n\/* ====== TOMBOL NAVIGASI ====== *\/\n.nav-btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.3);\n  color: #fff;\n  border: none;\n  cursor: pointer;\n  font-size: 32px;\n  padding: 10px 18px;\n  border-radius: 50%;\n  transition: background 0.3s;\n}\n\n.nav-btn:hover {\n  background: rgba(255, 255, 255, 0.8);\n  color: #000;\n}\n\n.prev { left: 25px; }\n.next { right: 25px; }\n\n\/* ====== ANIMASI TEKS ====== *\/\n@keyframes fadeInUp {\n  0% {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 768px) {\n  .caption {\n    bottom: 40px;\n    left: 20px;\n    font-size: 18px;\n    max-width: 90%;\n  }\n  .nav-btn {\n    font-size: 24px;\n  }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- ====== SLIDESHOW MODERN ====== -->\n<div class=\"header-slideshow\">\n  <div class=\"slide active\">\n    <img decoding=\"async\" src=\"https:\/\/smkn3jambi.sch.id\/wp-content\/uploads\/2025\/10\/20170214_0840421.jpg?school,students\" alt=\"Slide 1\">\n    <div class=\"caption\">Selamat Datang di SMK Negeri 3 Kota Jambi<\/div>\n  <\/div>\n  <div class=\"slide\">\n    <img decoding=\"async\" src=\"https:\/\/smkn3jambi.sch.id\/wp-content\/uploads\/2025\/10\/2025-10-30_171442.jpg?education,classroom\" alt=\"Slide 2\">\n    <div class=\"caption\">\u201cSMK Bisa! SMK Negeri 3 Jambi Luar Biasa\u201d<\/div>\n  <\/div>\n  <div class=\"slide\">\n    <img decoding=\"async\" src=\"https:\/\/smkn3jambi.sch.id\/wp-content\/uploads\/2025\/11\/smk32-1.jpg?computer,lab\" alt=\"Slide 3\">\n    <div class=\"caption\">\u201cInnovation Starts Here \u2013 SMK Negeri 3 Jambi\u201d<\/div>\n  <\/div>\n  <div class=\"slide\">\n    <img decoding=\"async\" src=\"https:\/\/smkn3jambi.sch.id\/wp-content\/uploads\/2025\/10\/gedung-smk3.jpg?students,success\" alt=\"Slide 4\">\n    <div class=\"caption\">\u201cDari SMK Negeri 3 Jambi, Lahir Insan Siap Kerja dan Siap Wirausaha\u201d<\/div>\n  <\/div>\n\n  <!-- Tombol Navigasi -->\n  <button class=\"nav-btn prev\">&#10094;<\/button>\n  <button class=\"nav-btn next\">&#10095;<\/button>\n<\/div>\n\n<script>\n\/\/ ====== SCRIPT SLIDE MODERN ======\nlet slides = document.querySelectorAll(\".slide\");\nlet current = 0;\n\nfunction showSlide(index) {\n  slides.forEach((slide, i) => {\n    slide.classList.remove(\"active\");\n    if (i === index) slide.classList.add(\"active\");\n  });\n}\n\n\/\/ Tombol Next & Prev\ndocument.querySelector(\".next\").addEventListener(\"click\", () => {\n  current = (current + 1) % slides.length;\n  showSlide(current);\n});\n\ndocument.querySelector(\".prev\").addEventListener(\"click\", () => {\n  current = (current - 1 + slides.length) % slides.length;\n  showSlide(current);\n});\n\n\/\/ Slide Otomatis\nsetInterval(() => {\n  current = (current + 1) % slides.length;\n  showSlide(current);\n}, 6000);\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:67px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"Monitoring SMKN  3 Kota Jambi\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/VRgY2Aurobc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"SMKN 3 Kota Jambi\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/UdfNxOUBudo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n<section id=\"wp-block-themeisle-blocks-advanced-columns-f3157c32\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-2-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-collapsedRows-layout has-reverse-columns-mobile has-vertical-flex-start has-light-bg\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-9276e58f\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<h2 class=\"wp-block-heading has-text-align-left\" style=\"text-transform:capitalize\">SMK NEGERI 3 JAMBI<\/h2>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">SMK Negeri 3 Kota Jambi merupakan salah satu sekolah menengah kejuruan unggulan di Provinsi Jambi yang berkomitmen mencetak generasi <strong>cerdas, terampil, dan berkarakter<\/strong>.<br>Dengan berbagai <strong>program keahlian yang relevan dengan dunia industri<\/strong>, sekolah ini menjadi tempat terbaik bagi siswa untuk mengembangkan potensi diri dan menyiapkan masa depan yang gemilang.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-primary\"><a class=\"wp-block-button__link wp-element-button\">Program Keahlian<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-column-abcc8966\" class=\"wp-block-themeisle-blocks-advanced-column\"><div class=\"wp-block-themeisle-blocks-advanced-column-overlay\"><\/div>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"946\" src=\"https:\/\/smkn3jambi.sch.id\/wp-content\/uploads\/2025\/11\/LOGOSMKN3JAMBI-1024x946.jpg\" alt=\"\" class=\"wp-image-1638\" srcset=\"https:\/\/smkn3jambi.sch.id\/wp-content\/uploads\/2025\/11\/LOGOSMKN3JAMBI-1024x946.jpg 1024w, https:\/\/smkn3jambi.sch.id\/wp-content\/uploads\/2025\/11\/LOGOSMKN3JAMBI-300x277.jpg 300w, https:\/\/smkn3jambi.sch.id\/wp-content\/uploads\/2025\/11\/LOGOSMKN3JAMBI-768x710.jpg 768w, https:\/\/smkn3jambi.sch.id\/wp-content\/uploads\/2025\/11\/LOGOSMKN3JAMBI.jpg 1450w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div><\/section>\n\n\n\n<p class=\"has-text-align-center has-neve-text-color-color has-text-color has-background has-link-color wp-elements-f67de77a8bb1d624da63dc317840bf84 wp-block-paragraph\" style=\"background:linear-gradient(354deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%)\"><strong>Berita Terbaru<\/strong><\/p>\n\n\n\n<!doctype html>\n<html lang=\"id\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Cuplikan Berita SMKN 3 Jambi<\/title>\n<style>\n  :root {\n    --brand: #0b5aa6;\n    --text: #1f2937;\n    --muted: #6b7280;\n    --radius: 14px;\n  }\n\n  body {\n    font-family: \"Inter\", Arial, sans-serif;\n    background: #f9fafb;\n    margin: 0;\n    padding: 20px;\n    color: var(--text);\n  }\n\n  .news-section {\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .news-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--brand);\n    margin-bottom: 20px;\n    text-align: center;\n  }\n\n  .news-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 20px;\n  }\n\n  .news-card {\n    background: #fff;\n    border-radius: var(--radius);\n    overflow: hidden;\n    box-shadow: 0 6px 20px rgba(11,90,166,0.08);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .news-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 10px 25px rgba(11,90,166,0.15);\n  }\n\n  .news-card img {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n  }\n\n  .news-content {\n    padding: 16px;\n  }\n\n  .news-content h3 {\n    margin: 0 0 8px;\n    font-size: 18px;\n    color: var(--brand);\n  }\n\n  .news-content p {\n    margin: 0;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  .news-content a {\n    display: inline-block;\n    margin-top: 10px;\n    font-weight: 600;\n    text-decoration: none;\n    color: var(--brand);\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 768px) {\n    .news-card img {\n      height: 180px;\n    }\n  }\n<\/style>\n<\/head>\n<body>\n\n<\/style>\n<section class=\"news-section\">\n<h2 class=\"news-title\" style=\"color: red;\"><\/h2>\n\n\n  <div class=\"news-grid\">\n  <div class=\"news-grid\">\n    <!-- Berita 1 -->\n    <article class=\"news-card\">\n      <img decoding=\"async\" src=\"https:\/\/smkn3jambi.sch.id\/wp-content\/uploads\/2025\/10\/br111.jpg?text=Berita+1\" alt=\"Berita 1\">\n      <div class=\"news-content\">\n        <h3>Kepala Sekolah SMK Negeri 3 Kota Jambi Ikuti Rakor Implementasi Kebijakan Perlindungan Data dan Transaksi Elektronik<\/h3>\n        <p>Jambi, 31 Oktober 2025 \u2014 Kepala SMK Negeri 3 Kota Jambi, Drs. A. Tholip, tampil dalam Rapat Koordinasi dan Sinkronisasi Implementasi Kebijakan <\/p>\n        <a href=\"https:\/\/smkn3jambi.sch.id\/index.php\/2025\/10\/31\/kepala-sekolah-smk-negeri-3-kota-jambi-ikuti-rakor-implementasi-kebijakan-perlindungan-data-dan-transaksi-elektronik\/\" >Baca Selengkapnya \u2192<\/a>\n      <\/div>\n    <\/article>\n\n    <!-- Berita 2 -->\n       <article class=\"news-card\">\n      <img decoding=\"async\" src=\"https:\/\/smkn3jambi.sch.id\/wp-content\/uploads\/2025\/11\/smk31.jpg?text=Berita+1\" alt=\"Berita 1\">\n      <div class=\"news-content\">\n        <h3>SMKN 3 Kota Jambi Ikuti Pelatihan Pengelolaan Website Sekolah<\/h3>\n        <p>Kota Jambi, 11 November 2025 \u2014 SMK Negeri 3 Kota Jambi mengikuti kegiatan Pelatihan Pengelolaan Website Sekolah yang diselenggarakan pada<\/p>\n        <a href=\"https:\/\/smkn3jambi.sch.id\/index.php\/2025\/11\/11\/1614\/\" >Baca Selengkapnya \u2192<\/a>\n      <\/div>\n    <\/article>\n\n    <!-- Berita 3 -->\n    <article class=\"news-card\">\n\n    <\/article>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Header Modern PGRI Provinsi Jambi Selamat Datang di SMK Negeri 3 Kota Jambi \u201cSMK Bisa! SMK Negeri 3 Jambi Luar Biasa\u201d \u201cInnovation Starts Here \u2013 SMK Negeri 3 Jambi\u201d \u201cDari SMK Negeri 3 Jambi, Lahir Insan Siap Kerja dan Siap Wirausaha\u201d &#10094; &#10095; Berita Terbaru Cuplikan Berita SMKN 3 Jambi Kepala Sekolah SMK Negeri 3&hellip;&nbsp;<a href=\"https:\/\/smkn3jambi.sch.id\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Home<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"full-width","neve_meta_container":"default","neve_meta_enable_content_width":"on","neve_meta_content_width":80,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smkn3jambi.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smkn3jambi.sch.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smkn3jambi.sch.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smkn3jambi.sch.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smkn3jambi.sch.id\/index.php\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":20,"href":"https:\/\/smkn3jambi.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":1639,"href":"https:\/\/smkn3jambi.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/82\/revisions\/1639"}],"wp:attachment":[{"href":"https:\/\/smkn3jambi.sch.id\/index.php\/wp-json\/wp\/v2\/media?parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}