diff --git a/front-page.php b/front-page.php index f1d55d6..4e4b06e 100644 --- a/front-page.php +++ b/front-page.php @@ -1,271 +1,271 @@ - - -
- - - -
-
- 'slider', 'posts_per_page' => -1 ) ); - if ( $query_slider->have_posts() ) : - echo '
'; - while ( $query_slider->have_posts() ) : $query_slider->the_post(); - $link = get_post_meta( get_the_ID(), '_slider_link', true ); - ?> -
- '; ?> - - - -
🖼️Upload Gambar Slider untuk ""
- - '; ?> -
- '; - wp_reset_postdata(); - endif; - ?> -
-
- - - - -
-
- -
-
- - - Icon - - 🏫 - -
-

-

-

-
- -
-
- - - - -
-
-
-
- - - Kepala Sekolah - -
👤Upload Foto Kepala Sekolah
- -
-
-
- ABOUT US -

-

-
- Ketahui Lebih Lanjut -
-
-
- - - - -
-
- 'milestone', 'posts_per_page' => 4 ) ); - if ( $query_milestone->have_posts() ) : - while ( $query_milestone->have_posts() ) : $query_milestone->the_post(); - echo '

' . get_the_title() . '

' . get_the_excerpt() . '
'; - endwhile; - wp_reset_postdata(); - endif; - ?> -
-
- - - - -
-
-

Our Program


-
- 'program', 'posts_per_page' => 3 ) ); - if ( $query_program->have_posts() ) : - while ( $query_program->have_posts() ) : $query_program->the_post(); - ?> -
-
- - - -
🏫Gambar Program
- -
-

-
- Lihat Detail -
- -
-
-
- - - - -
-
- - - - - - -
-
-
- -

-
-
- 'keunggulan', 'posts_per_page' => 9 ) ); - if ( $query_keunggulan->have_posts() ) : - $nomor = 1; - while ( $query_keunggulan->have_posts() ) : $query_keunggulan->the_post(); - ?> -
-
-
-

-
- -
-
-
- -
-
-
- - -
- - - - - -
> -
-

- - - -
-
- - - - -
-
-
-

-
-
- 'post', 'posts_per_page' => 6) ); - if ( $query_news->have_posts() ) : - while ( $query_news->have_posts() ) : $query_news->the_post(); - ?> -
-
- - - -
📰Gambar Berita
- -
-
-

-
- Read More -
-
- -
-
-
- - -
- - - - \ No newline at end of file + + +
+ + + +
+
+ 'slider', 'posts_per_page' => -1 ) ); + if ( $query_slider->have_posts() ) : + echo '
'; + while ( $query_slider->have_posts() ) : $query_slider->the_post(); + $link = get_post_meta( get_the_ID(), '_slider_link', true ); + ?> +
+ '; ?> + + + +
🖼️Upload Gambar Slider untuk ""
+ + '; ?> +
+ '; + wp_reset_postdata(); + endif; + ?> +
+
+ + + + +
+
+ +
+
+ + + Icon + + 🏫 + +
+

+

+

+
+ +
+
+ + + + +
+
+
+
+ + + Kepala Sekolah + +
👤Upload Foto Kepala Sekolah
+ +
+
+
+ ABOUT US +

+

+
+ Ketahui Lebih Lanjut +
+
+
+ + + + +
+
+ 'milestone', 'posts_per_page' => 4 ) ); + if ( $query_milestone->have_posts() ) : + while ( $query_milestone->have_posts() ) : $query_milestone->the_post(); + echo '

' . get_the_title() . '

' . get_the_excerpt() . '
'; + endwhile; + wp_reset_postdata(); + endif; + ?> +
+
+ + + + +
+
+

Our Program


+
+ 'program', 'posts_per_page' => 3 ) ); + if ( $query_program->have_posts() ) : + while ( $query_program->have_posts() ) : $query_program->the_post(); + ?> +
+
+ + + +
🏫Gambar Program
+ +
+

+
+ Lihat Detail +
+ +
+
+
+ + + + +
+
+ + + + + + +
+
+
+ +

+
+
+ 'keunggulan', 'posts_per_page' => 9 ) ); + if ( $query_keunggulan->have_posts() ) : + $nomor = 1; + while ( $query_keunggulan->have_posts() ) : $query_keunggulan->the_post(); + ?> +
+
+
+

+
+ +
+
+
+ +
+
+
+ + +
+ + + + + +
> +
+

+ + + +
+
+ + + + +
+
+
+

+
+
+ 'post', 'posts_per_page' => 6) ); + if ( $query_news->have_posts() ) : + while ( $query_news->have_posts() ) : $query_news->the_post(); + ?> +
+
+ + + +
📰Gambar Berita
+ +
+
+

+
+ Read More +
+
+ +
+
+
+ + +
+ + + + diff --git a/style.css b/style.css index 9653d9c..6bf6de7 100644 --- a/style.css +++ b/style.css @@ -4,7 +4,7 @@ Theme URI: https://edukarsa.masbudi.my.id Author: masbudikusuma Author URI: https://masbudi.my.id Description: Tema WordPress profesional untuk sekolah dan kampus (Gaya Modern Card Layout). -Version: 1.1.0 +Version: 1.1.1 */ :root { @@ -15,8 +15,8 @@ Version: 1.1.0 --heading-color: #0f172a; --bg-light-blue: #f8fafc; --bg-white: #ffffff; - --radius: 12px; - --shadow: 0 10px 30px rgba(15, 23, 42, 0.06); + --radius: 14px; + --shadow: 0 12px 32px rgba(15, 23, 42, 0.08); --font-main: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; } @@ -39,7 +39,7 @@ h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-weight: 800; line-hei .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .text-center { text-align: center; } .text-white { color: #fff !important; } -.edukarsa-section { padding: 80px 0; } +.edukarsa-section { padding: 75px 0; } .section-title { font-size: 32px; color: var(--heading-color); margin-bottom: 15px; font-weight: 800; letter-spacing: -0.5px; } /* 3. HEADER & MENU NAVIGATION */ @@ -84,8 +84,8 @@ h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-weight: 800; line-hei /* 5. KOMPONEN UMUM */ .bg-light-blue { background-color: var(--bg-light-blue); } .bg-dark-blue { background-color: var(--primary-color); } -.card-style { background: var(--bg-white); border-radius: var(--radius); box-shadow: var(--shadow); border: 1px solid rgba(226, 232, 240, 0.8); transition: transform 0.3s ease, box-shadow 0.3s ease; } -.card-style:hover { transform: translateY(-4px); box-shadow: 0 15px 35px rgba(15, 23, 42, 0.09); } +.card-style { background: var(--bg-white); border-radius: var(--radius); box-shadow: var(--shadow); border: 1px solid rgba(226, 232, 240, 0.9); transition: transform 0.3s ease, box-shadow 0.3s ease; } +.card-style:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12); } .top-border-blue { border-top: 4px solid var(--primary-color); } .title-underline { width: 50px; border: 2px solid #f39c12; margin: 10px auto 30px; } @@ -98,18 +98,43 @@ h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-weight: 800; line-hei .btn-outline-primary:hover { background-color: var(--primary-color); color: #fff; } .badge-title { display: inline-block; color: var(--secondary-color); font-weight: 800; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 10px; } -/* 6. GRID SYSTEM */ -.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; position: relative; z-index: 10; margin-top: -80px; margin-bottom: 40px; } -.stat-card-modern { padding: 40px 30px; text-align: left; border-radius: 20px; border-top: 5px solid var(--secondary-color); background: #fff; } -.stat-icon-wrapper { width: 65px; height: 65px; background-color: #e6f0fa; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; font-size: 28px; } -.stat-icon-wrapper img { width: 32px; height: 32px; object-fit: contain; } -.stat-card-modern .stat-number { font-size: 44px; font-weight: 800; color: var(--primary-color); margin-bottom: 5px; line-height: 1; } +/* 6. GRID SYSTEM & PROPORSI SPASI TERKALIBRASI */ +.edukarsa-stats { padding: 0; position: relative; z-index: 20; } +.stats-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 28px; + margin-top: -95px; + margin-bottom: 0; +} +.stat-card-modern { + padding: 35px 30px; + text-align: left; + border-radius: 20px; + border-top: 5px solid var(--secondary-color); + background: #fff; +} +.stat-icon-wrapper { + width: 60px; + height: 60px; + background-color: #e6f0fa; + border-radius: 16px; + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 20px; + font-size: 26px; +} +.stat-icon-wrapper img { width: 30px; height: 30px; object-fit: contain; } +.stat-card-modern .stat-number { font-size: 42px; font-weight: 800; color: var(--primary-color); margin-bottom: 5px; line-height: 1; } .stat-card-modern .stat-title { font-size: 18px; font-weight: 800; color: var(--heading-color); margin-bottom: 8px; } .stat-card-modern .stat-desc { font-size: 14px; color: var(--text-muted); line-height: 1.6; margin: 0; } -.pt-0 { padding-top: 20px !important; } +/* SEKSI SAMBUTAN DENGAN JARAK IDEAL */ +.edukarsa-sambutan { padding: 65px 0 80px; } .sambutan-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: center; } .sambutan-text { color: #475569; font-size: 16px; margin-bottom: 30px; } + .milestone-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .milestone-item { padding: 25px; } .program-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } @@ -184,7 +209,8 @@ h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-weight: 800; line-hei .header-container { flex-direction: column; gap: 15px; } .nav-menu-custom { flex-wrap: wrap; justify-content: center; } .nav-menu-custom .sub-menu { position: static; visibility: visible; opacity: 1; transform: none; box-shadow: none; background: rgba(0,0,0,0.1); } - .keunggulan-grid, .program-grid, .milestone-grid, .stats-grid, .news-grid { grid-template-columns: 1fr; } - .edukarsa-stats { margin-top: -40px; } + .keunggulan-grid, .program-grid, .milestone-grid, .news-grid { grid-template-columns: 1fr; } + .stats-grid { grid-template-columns: 1fr; margin-top: -50px; gap: 16px; } + .edukarsa-sambutan { padding: 45px 0 60px; } .img-wrapper-slider { height: 380px; } }