diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..6121ddd --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,78 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap'); + +body { + font-family: 'Poppins', sans-serif; + background-color: #F8F9FA; +} + +.navbar-brand img { + max-height: 40px; +} + +.hero-section { + background: linear-gradient(135deg, #0d6efd, #0a58ca); + color: white; + padding: 100px 0; + text-align: center; +} + +.hero-section h1 { + font-weight: 700; + font-size: 3.5rem; +} + +.hero-section p { + font-size: 1.25rem; + font-weight: 300; +} + +.btn-gradient { + background: linear-gradient(135deg, #1a7eff, #0d6efd); + border: none; + transition: transform 0.2s; +} + +.btn-gradient:hover { + transform: translateY(-2px); + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); +} + +.features-section { + padding: 80px 0; +} + +.feature-icon { + font-size: 3rem; + color: #0D6EFD; +} + +.footer { + background-color: #343A40; + color: white; + padding: 40px 0; +} + +.login-container { + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; +} + +.login-card { + border: none; + border-radius: 0.75rem; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); +} + +.login-card .card-header { + background-color: transparent; + border-bottom: none; + text-align: center; + padding-top: 2rem; +} + +.login-card .card-header img { + max-height: 60px; + margin-bottom: 1rem; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..e6a8985 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1 @@ +// Custom Javascript will go here diff --git a/index.php b/index.php index 7205f3d..c8f4d65 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,79 @@ - - - + + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Ulanganharian - SDN Sumberejo + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + +
+
+

Ulangan Harian Online

+

Platform ujian modern, aman, dan mudah digunakan untuk SDN Sumberejo.

+ Lihat Fitur +
+
+ +
+
+
+
+
+

Ujian Aman

+

Dilengkapi fitur pengawasan untuk memastikan integritas ujian.

+
+
+
+

Hasil Real-time

+

Nilai untuk soal pilihan ganda langsung tampil setelah ujian selesai.

+
+
+
+

Mobile Friendly

+

Dapat diakses dengan nyaman melalui komputer, tablet, maupun smartphone.

+
+
+
+
+ + + + + - + \ No newline at end of file diff --git a/login.php b/login.php new file mode 100644 index 0000000..4c9c920 --- /dev/null +++ b/login.php @@ -0,0 +1,62 @@ + + + + + + + <?php echo $page_title; ?> - Ulangan Harian Online + + + + + + + + + + + + + + +
+
+ +
+
+ + + + +