diff --git a/about.html b/about.html index 7c88e1b..f6e79d5 100644 --- a/about.html +++ b/about.html @@ -22,9 +22,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -330,6 +334,8 @@

Contacts

+ + diff --git a/blog-details.html b/blog-details.html index a9fb0f6..1128aa3 100644 --- a/blog-details.html +++ b/blog-details.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -533,6 +537,8 @@

Contacts

+ + diff --git a/blog-standard.html b/blog-standard.html index f8f6a4b..1204960 100644 --- a/blog-standard.html +++ b/blog-standard.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -463,6 +467,8 @@

Contacts

+ + diff --git a/blog.html b/blog.html index be7a7e0..7340b1a 100644 --- a/blog.html +++ b/blog.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -585,6 +589,8 @@

Contacts

+ + diff --git a/careers.html b/careers.html index 1098ae7..0a78d23 100644 --- a/careers.html +++ b/careers.html @@ -23,9 +23,13 @@ + + Emulation AI + + - +
@@ -331,6 +335,8 @@

Say Hello...

+ + diff --git a/contact.html b/contact.html index 78caa8e..96c4c14 100644 --- a/contact.html +++ b/contact.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - + @@ -324,12 +328,12 @@

Quick Links

@@ -351,8 +355,8 @@

Contacts

- info@example.com - info@support.com + info@example.com + info@support.com
@@ -404,6 +408,8 @@

Contacts

+ + diff --git a/error.html b/error.html index a7bf20d..eb8bc16 100644 --- a/error.html +++ b/error.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -299,6 +303,8 @@

Contacts

+ + diff --git a/faq.html b/faq.html index 48d59d9..f769fcd 100644 --- a/faq.html +++ b/faq.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -681,6 +685,8 @@

Contacts

+ + diff --git a/home2.html b/home2.html index d22861e..67177fe 100644 --- a/home2.html +++ b/home2.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -1556,6 +1560,8 @@

Contacts

+ + diff --git a/index.html b/index.html index ff3282e..3767b81 100644 --- a/index.html +++ b/index.html @@ -23,9 +23,13 @@ + + Emulation AI + + - +
@@ -478,6 +482,8 @@

Say Hello...

+ + diff --git a/media/material-init.js b/media/material-init.js new file mode 100644 index 0000000..8dfe79a --- /dev/null +++ b/media/material-init.js @@ -0,0 +1,23 @@ +document.addEventListener("DOMContentLoaded", () => { + document.body.classList.add("material-theme"); + + document.querySelectorAll(".cmn-btn a, .submit-btn, button").forEach((el) => { + el.classList.add("mat-pill-action"); + if (!el.querySelector("md-ripple")) { + const ripple = document.createElement("md-ripple"); + ripple.setAttribute("for", ""); + el.appendChild(ripple); + } + }); + + const currentPath = (location.pathname.split("/").pop() || "index.html").toLowerCase(); + document.querySelectorAll(".main-nav a[href]").forEach((a) => { + const href = (a.getAttribute("href") || "").toLowerCase(); + if (!href || href.startsWith("#")) { + return; + } + if (href === currentPath || (currentPath === "" && href === "index.html")) { + a.classList.add("active"); + } + }); +}); diff --git a/media/material-theme.css b/media/material-theme.css new file mode 100644 index 0000000..eb26923 --- /dev/null +++ b/media/material-theme.css @@ -0,0 +1,141 @@ +:root { + --md-sys-color-primary: #2f6fdd; + --md-sys-color-on-primary: #fff; + --md-sys-color-secondary: #006c4e; + --md-sys-color-surface: #f8f9fd; + --md-sys-color-on-surface: #1b1c20; + --md-sys-color-outline-variant: #dfe2ea; + --mat-shadow-1: 0 1px 2px rgba(17, 24, 39, 0.08), 0 1px 3px rgba(17, 24, 39, 0.06); + --mat-shadow-2: 0 6px 20px rgba(17, 24, 39, 0.12); +} + +body.material-theme { + background: var(--md-sys-color-surface); + color: var(--md-sys-color-on-surface); + font-family: "Roboto", "Saira", sans-serif; +} + +body.material-theme h1, +body.material-theme h2, +body.material-theme h3, +body.material-theme h4, +body.material-theme h5, +body.material-theme h6 { + font-family: "Roboto", "Saira", sans-serif; + letter-spacing: 0.01em; +} + +body.material-theme .header-area { + background: rgba(255, 255, 255, 0.86); + backdrop-filter: blur(10px); + box-shadow: var(--mat-shadow-1); +} + +body.material-theme .main-nav ul li a { + border-radius: 999px; + color: #3e4557; + font-weight: 500; + padding: 8px 14px; + transition: all 0.2s ease; +} + +body.material-theme .main-nav ul li a:hover, +body.material-theme .main-nav ul li a.active { + background: rgba(47, 111, 221, 0.12); + color: var(--md-sys-color-primary); +} + +body.material-theme .hero-area, +body.material-theme .breadcrumb-area { + border-radius: 0 0 28px 28px; + overflow: hidden; +} + +body.material-theme .single-service, +body.material-theme .single-blog, +body.material-theme .single-team, +body.material-theme .single-pricing, +body.material-theme .single-project, +body.material-theme .widget, +body.material-theme .contact-wrapper, +body.material-theme .faq-wrap .accordion-item { + background: #fff; + border: 1px solid var(--md-sys-color-outline-variant); + border-radius: 20px; + box-shadow: var(--mat-shadow-1); +} + +body.material-theme .single-service:hover, +body.material-theme .single-blog:hover, +body.material-theme .single-team:hover, +body.material-theme .single-pricing:hover, +body.material-theme .single-project:hover { + box-shadow: var(--mat-shadow-2); + transform: translateY(-2px); +} + +body.material-theme .cmn-btn a, +body.material-theme button, +body.material-theme .submit-btn { + align-items: center; + background: var(--md-sys-color-primary); + border: 0; + border-radius: 999px; + color: var(--md-sys-color-on-primary); + display: inline-flex; + font-weight: 600; + gap: 8px; + letter-spacing: 0.01em; + min-height: 42px; + padding: 0 20px; + transition: transform 0.2s ease, box-shadow 0.2s ease; +} + +body.material-theme .mat-pill-action { + overflow: hidden; + position: relative; +} + +body.material-theme .cmn-btn.layout-two a { + background: var(--md-sys-color-secondary); +} + +body.material-theme .cmn-btn a:hover, +body.material-theme button:hover, +body.material-theme .submit-btn:hover { + box-shadow: var(--mat-shadow-2); + transform: translateY(-1px); +} + +body.material-theme input, +body.material-theme textarea, +body.material-theme select { + background: #fff; + border: 1px solid var(--md-sys-color-outline-variant); + border-radius: 12px; + min-height: 46px; + padding: 0 14px; +} + +body.material-theme textarea { + min-height: 120px; + padding: 12px 14px; +} + +body.material-theme input:focus, +body.material-theme textarea:focus, +body.material-theme select:focus { + border-color: var(--md-sys-color-primary); + box-shadow: 0 0 0 3px rgba(47, 111, 221, 0.18); +} + +body.material-theme .footer-area { + background: #10141f; + border-radius: 28px 28px 0 0; + margin-top: 48px; +} + +body.material-theme .sec-title span { + color: var(--md-sys-color-primary); + font-weight: 600; +} diff --git a/news.html b/news.html index 5b56853..f9748f5 100644 --- a/news.html +++ b/news.html @@ -23,9 +23,13 @@ + + Emulation AI + + - + @@ -418,6 +422,8 @@

Say Hello...

+ + diff --git a/pricing.html b/pricing.html index 9f21e07..4a6d24a 100644 --- a/pricing.html +++ b/pricing.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -479,6 +483,8 @@

Contacts

+ + diff --git a/project-details.html b/project-details.html index 907f9f2..86f6cfe 100644 --- a/project-details.html +++ b/project-details.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
@@ -588,12 +592,12 @@

Quick Links

@@ -615,8 +619,8 @@

Contacts

- info@example.com - info@support.com + info@example.com + info@support.com
@@ -669,6 +673,8 @@

Contacts

+ + diff --git a/project.html b/project.html index 302bab3..e5b0035 100644 --- a/project.html +++ b/project.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -478,6 +482,8 @@

Contacts

+ + diff --git a/service-details.html b/service-details.html index 94d8b00..d12b57b 100644 --- a/service-details.html +++ b/service-details.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -425,6 +429,8 @@

Contacts

+ + diff --git a/service.html b/service.html index 1c4b374..6429640 100644 --- a/service.html +++ b/service.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -793,6 +797,8 @@

Contacts

+ + diff --git a/team.html b/team.html index d578378..47c395a 100644 --- a/team.html +++ b/team.html @@ -23,9 +23,13 @@ + + Creasoft - Software and Digital Agency HTML Template + + - +
- info@example.com - info@support.com + info@example.com + info@support.com
@@ -563,6 +567,8 @@

Contacts

+ +