diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..e31b0ee --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,192 @@ + +/* General Body Styles */ +body { + font-family: 'Poppins', sans-serif; + background-color: #F4F7F6; + color: #333; + font-size: 16px; +} + +.wrapper { + display: flex; + width: 100%; + align-items: stretch; +} + +/* Sidebar Styles */ +#sidebar { + min-width: 250px; + max-width: 250px; + background: #FFFFFF; + color: #333; + transition: all 0.3s; + box-shadow: 0 2px 10px rgba(0,0,0,0.05); + display: flex; + flex-direction: column; +} + +#sidebar.active { + margin-left: -250px; +} + +.sidebar-header { + padding: 20px; + background: #FFFFFF; + border-bottom: 1px solid #f0f0f0; + text-align: center; +} + +.sidebar-header h3 { + color: #4A90E2; + font-weight: 600; + font-size: 24px; +} + +#sidebar ul.components { + padding: 20px 0; + border-bottom: 1px solid #f0f0f0; + flex-grow: 1; +} + +#sidebar ul p { + color: #fff; + padding: 10px; +} + +#sidebar ul li a { + padding: 15px 20px; + font-size: 1em; + display: block; + color: #555; + font-weight: 500; + display: flex; + align-items: center; + transition: all 0.2s ease-in-out; +} + +#sidebar ul li a i { + margin-right: 15px; + color: #777; + transition: all 0.2s ease-in-out; +} + +#sidebar ul li a:hover { + color: #4A90E2; + background: #F4F7F6; + text-decoration: none; +} + +#sidebar ul li a:hover i { + color: #4A90E2; +} + + +#sidebar ul li.active > a, a[aria-expanded="true"] { + color: #4A90E2; + background: #F4F7F6; +} + +/* Main Content Styles */ +#content { + width: 100%; + padding: 20px; + min-height: 100vh; + transition: all 0.3s; +} + +.navbar { + padding: 15px 10px; + background: #fff; + border: none; + border-radius: 8px; + margin-bottom: 20px; + box-shadow: 0 2px 10px rgba(0,0,0,0.05); +} + +.navbar-btn { + box-shadow: none; + outline: none !important; + border: none; + background: transparent; +} + +.line { + width: 100%; + height: 1px; + border-bottom: 1px dashed #ddd; + margin: 40px 0; +} + +/* Dashboard Cards */ +.card { + border: none; + border-radius: 8px; + box-shadow: 0 4px 12px rgba(0,0,0,0.08); + transition: transform 0.2s; +} + +.card:hover { + transform: translateY(-5px); +} + +.card-body { + padding: 1.5rem; +} + +.card-title { + font-weight: 600; + color: #333; + margin-bottom: 0.5rem; +} + +.card-text { + font-size: 2rem; + font-weight: 700; + color: #4A90E2; +} + +.card-icon { + font-size: 2.5rem; + color: #4A90E2; + opacity: 0.7; +} + +/* Quick Actions */ +.quick-actions .btn { + margin-right: 10px; + margin-bottom: 10px; + font-weight: 500; +} + +.btn-primary { + background-color: #4A90E2; + border-color: #4A90E2; +} +.btn-primary:hover { + background-color: #357ABD; + border-color: #357ABD; +} + +.btn-secondary { + background-color: #50E3C2; + border-color: #50E3C2; + color: #fff; +} +.btn-secondary:hover { + background-color: #38CDB3; + border-color: #38CDB3; + color: #fff; +} + +/* Media Queries */ +@media (max-width: 768px) { + #sidebar { + margin-left: -250px; + } + #sidebar.active { + margin-left: 0; + } + #sidebarCollapse span { + display: none; + } +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..cac3ca1 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,6 @@ + +$(document).ready(function () { + $('#sidebarCollapse').on('click', function () { + $('#sidebar').toggleClass('active'); + }); +}); diff --git a/index.php b/index.php index 6f7ffab..a5bd3e9 100644 --- a/index.php +++ b/index.php @@ -1,131 +1,151 @@ - - - + + - - - New Style - - - - + + + + + iMerhaba - Admin Dashboard + + + + + + + + + -
-
-

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

+ +
+ + + + +
+ + +

Dashboard

+

Welcome to your control center. Here's a snapshot of your business activities.

+ +
+ +
+
+
+
+
Today's Bookings
+

12

+
+
+ +
+
+
+
+ +
+
+
+
+
Income (Today)
+

€1,250

+
+
+ +
+
+
+
+ +
+
+
+
+
Pending Contracts
+

4

+
+
+ +
+
+
+
+ +
+
+
+
+
New Leads
+

8

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

Quick Actions

+
+ Add Client + Create Invoice + New Booking + Generate Offer +
-
- + + + + + + + + + + + + + - + \ No newline at end of file