Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 oliver
|
9c13dbc5cb | ||
|
oliver
|
96ae14d0e0 | ||
|
oliver
|
1ff384a952 | ||
|
oliver
|
a1890ffb4c | ||
|
oliver
|
84971b1a8c | ||
|
oliver
|
c6f6942701 | ||
|
oliver
|
3ac948e01b | ||
|
oliver
|
61ca437c83 | ||
|
oliver
|
5bbba4ba69 |
+710
@@ -0,0 +1,710 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>About Us | my-biz.app</title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@slicemypage/motionflow@latest/dist/motionflow.min.css"
|
||||
/>
|
||||
<style>
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
:root {
|
||||
--bg: #efebe9;
|
||||
--surf1: #e8e0da;
|
||||
--card: #fff3e0;
|
||||
--lift: #f5ece4;
|
||||
--bg-deep: #3e2723;
|
||||
--border: rgba(93, 64, 55, 0.25);
|
||||
--grey: #a1887f;
|
||||
--silver: #6d4c41;
|
||||
--light: #5d4037;
|
||||
--gold: #e65100;
|
||||
--gold-hi: #fb8c00;
|
||||
--gold-lo: #bf360c;
|
||||
--gold-glow: rgba(230, 81, 0, 0.18);
|
||||
--white: #3e2723;
|
||||
}
|
||||
body {
|
||||
background: var(--bg);
|
||||
color: var(--light);
|
||||
font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
|
||||
line-height: 1.7;
|
||||
}
|
||||
a { color: inherit; text-decoration: none; }
|
||||
img { display: block; max-width: 100%; }
|
||||
nav {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 50;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 18px;
|
||||
height: 62px;
|
||||
padding: 0 8vw;
|
||||
background: rgba(255, 243, 224, 0.94);
|
||||
border-bottom: 1px solid var(--border);
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
}
|
||||
.nav-logo img { height: 36px; width: auto; }
|
||||
.nav-links { display: flex; gap: 18px; align-items: center; }
|
||||
.nav-links a, .nav-cta {
|
||||
font-size: 0.72rem;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.nav-links a { color: var(--silver); }
|
||||
.nav-cta {
|
||||
padding: 10px 16px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--gold);
|
||||
color: var(--gold);
|
||||
}
|
||||
.hero, section, footer { padding: 84px 8vw; }
|
||||
.hero {
|
||||
min-height: 52vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: linear-gradient(180deg, rgba(232, 224, 218, 0.72), rgba(239, 235, 233, 0));
|
||||
}
|
||||
.wrap { max-width: 1120px; margin: 0 auto; }
|
||||
.eyebrow {
|
||||
display: inline-flex;
|
||||
padding: 8px 14px;
|
||||
border-radius: 999px;
|
||||
background: rgba(230, 81, 0, 0.08);
|
||||
border: 1px solid rgba(230, 81, 0, 0.18);
|
||||
color: var(--gold);
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
font-family: Georgia, "Times New Roman", serif;
|
||||
color: var(--white);
|
||||
line-height: 1.1;
|
||||
}
|
||||
h1 { font-size: clamp(2.8rem, 7vw, 5rem); max-width: 80%; margin-top: 18px; }
|
||||
.lead { max-width: 62ch; margin-top: 18px; color: var(--silver); font-size: 1rem; }
|
||||
.grid-2 { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 24px; }
|
||||
.grid-2-equal { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
|
||||
.panel {
|
||||
background: rgba(255, 243, 224, 0.84);
|
||||
border: 1px solid rgba(93, 64, 55, 0.12);
|
||||
border-radius: 28px;
|
||||
padding: 28px;
|
||||
box-shadow: 0 18px 44px rgba(62, 39, 35, 0.08);
|
||||
}
|
||||
.panel h2 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 14px; }
|
||||
.panel p { color: var(--silver); }
|
||||
.info-list { display: grid; gap: 16px; }
|
||||
.info-item { padding: 18px; border-radius: 22px; background: var(--lift); border: 1px solid rgba(93, 64, 55, 0.1); }
|
||||
.info-item h3 { font-size: 1.2rem; margin-bottom: 8px; }
|
||||
.story-card {
|
||||
background: rgba(255, 243, 224, 0.88);
|
||||
border: 1px solid rgba(93, 64, 55, 0.12);
|
||||
border-radius: 28px;
|
||||
padding: 28px;
|
||||
box-shadow: 0 18px 44px rgba(62, 39, 35, 0.08);
|
||||
}
|
||||
.story-card h3 {
|
||||
font-size: clamp(1.5rem, 3vw, 2.2rem);
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.story-card p { color: var(--silver); }
|
||||
.pairing-type {
|
||||
margin-top: 16px;
|
||||
color: var(--gold);
|
||||
font-weight: 700;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.pairing-type [data-mf-text-type="typing"] {
|
||||
display: inline-block;
|
||||
min-width: 14ch;
|
||||
}
|
||||
.career-form {
|
||||
margin-top: 24px;
|
||||
display: grid;
|
||||
gap: 16px;
|
||||
}
|
||||
.career-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 16px;
|
||||
}
|
||||
.career-field.full {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
.career-field label {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
color: var(--gold);
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.career-input,
|
||||
.career-textarea {
|
||||
width: 100%;
|
||||
padding: 14px 16px;
|
||||
border: 1px solid rgba(230, 81, 0, 0.18);
|
||||
border-radius: 16px;
|
||||
background: rgba(93, 64, 55, 0.05);
|
||||
color: var(--white);
|
||||
font: inherit;
|
||||
}
|
||||
.career-input:focus,
|
||||
.career-textarea:focus {
|
||||
outline: none;
|
||||
border-color: var(--gold);
|
||||
box-shadow: 0 0 0 3px var(--gold-glow);
|
||||
}
|
||||
.career-textarea {
|
||||
min-height: 140px;
|
||||
resize: vertical;
|
||||
}
|
||||
.career-submit {
|
||||
border: none;
|
||||
border-radius: 999px;
|
||||
padding: 14px 18px;
|
||||
font: inherit;
|
||||
font-weight: 700;
|
||||
color: var(--card);
|
||||
cursor: pointer;
|
||||
background: linear-gradient(135deg, var(--gold-lo) 0%, var(--gold) 38%, var(--gold-hi) 55%, var(--gold) 75%, var(--gold-lo) 100%);
|
||||
transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
|
||||
}
|
||||
.career-submit:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 12px 24px var(--gold-glow);
|
||||
}
|
||||
.career-submit:disabled {
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.career-status {
|
||||
color: var(--grey);
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
footer {
|
||||
background: rgba(255, 243, 224, 0.94);
|
||||
border-top: 1px solid var(--border);
|
||||
padding: 84px 8vw 36px;
|
||||
}
|
||||
.footer-top {
|
||||
max-width: 1120px;
|
||||
margin: 0 auto 30px;
|
||||
display: grid;
|
||||
grid-template-columns:
|
||||
minmax(0, 1.1fr) minmax(320px, 1.2fr)
|
||||
minmax(0, 1fr) minmax(0, 1fr);
|
||||
gap: 28px;
|
||||
align-items: start;
|
||||
}
|
||||
.footer-brand p,
|
||||
.footer-col a,
|
||||
.footer-bottom span,
|
||||
.footer-legal a {
|
||||
color: var(--silver);
|
||||
}
|
||||
.footer-brand p {
|
||||
max-width: 28ch;
|
||||
margin-top: 14px;
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
.footer-logo {
|
||||
display: inline-block;
|
||||
font-size: 1.6rem;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.footer-logo img { height: 34px; width: auto; }
|
||||
.footer-contact-shell {
|
||||
max-width: 420px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
.footer-contact-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.footer-contact-form textarea,
|
||||
.footer-contact-form input {
|
||||
width: 100%;
|
||||
padding: 14px 16px;
|
||||
border-radius: 24px;
|
||||
border: 1px solid var(--border);
|
||||
background: rgba(93, 64, 55, 0.06);
|
||||
color: var(--white);
|
||||
font: inherit;
|
||||
}
|
||||
.footer-contact-form textarea {
|
||||
min-height: 110px;
|
||||
resize: vertical;
|
||||
}
|
||||
.footer-contact-shell h4 {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.footer-contact-input-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
min-height: 48px;
|
||||
border-radius: 999px;
|
||||
overflow: hidden;
|
||||
background: rgba(93, 64, 55, 0.06);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.footer-contact-input-row input {
|
||||
border: none;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
height: 100%;
|
||||
}
|
||||
.footer-contact-send {
|
||||
height: 100%;
|
||||
min-height: 48px;
|
||||
padding: 0 18px;
|
||||
border: none;
|
||||
border-left: 1px solid var(--border);
|
||||
background: transparent;
|
||||
color: var(--gold);
|
||||
cursor: pointer;
|
||||
font-size: 0.92rem;
|
||||
}
|
||||
.footer-contact-message-wrap {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.footer-contact-message-wrap textarea {
|
||||
padding-right: 64px;
|
||||
}
|
||||
.footer-contact-message-wrap .footer-contact-send {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
min-height: 40px;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
padding: 0;
|
||||
border-radius: 50%;
|
||||
border-left: none;
|
||||
background: rgba(255, 243, 224, 0.9);
|
||||
color: var(--gold);
|
||||
cursor: pointer;
|
||||
}
|
||||
.footer-contact-form input::placeholder,
|
||||
.footer-contact-form textarea::placeholder {
|
||||
color: var(--grey);
|
||||
}
|
||||
.footer-contact-form input:focus,
|
||||
.footer-contact-form textarea:focus {
|
||||
outline: none;
|
||||
border-color: var(--gold);
|
||||
box-shadow: 0 0 0 3px rgba(230, 81, 0, 0.12);
|
||||
}
|
||||
.footer-contact-status {
|
||||
color: var(--grey);
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.footer-col h4 {
|
||||
margin-bottom: 16px;
|
||||
color: var(--gold);
|
||||
font-size: 0.65rem;
|
||||
letter-spacing: 0.16em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.footer-col ul {
|
||||
list-style: none;
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
.footer-col a,
|
||||
.footer-bottom span,
|
||||
.footer-legal a {
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
.footer-col a:hover,
|
||||
.footer-legal a:hover {
|
||||
color: var(--gold-hi);
|
||||
}
|
||||
.footer-bottom {
|
||||
max-width: 1120px;
|
||||
margin: 24px auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
flex-wrap: wrap;
|
||||
padding-top: 24px;
|
||||
border-top: 1px solid rgba(161, 136, 127, 0.18);
|
||||
}
|
||||
.footer-legal {
|
||||
display: flex;
|
||||
gap: 18px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
.grid-2, .grid-2-equal, .career-grid { grid-template-columns: 1fr; }
|
||||
nav, .hero, section, footer { padding-left: 5vw; padding-right: 5vw; }
|
||||
h1 { max-width: 100%; }
|
||||
.footer-top { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<a class="nav-logo" href="index.html"><img src="img/logo.svg" alt="my-biz.app" /></a>
|
||||
<div class="nav-links">
|
||||
<a href="index.html#verticals">Solutions</a>
|
||||
<a href="about.html">About Us</a>
|
||||
<a href="legal.html">Legal</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="hero">
|
||||
<div class="wrap">
|
||||
<span class="eyebrow">About Us</span>
|
||||
<h1>Built for businesses that want a calmer, more connected back-office.</h1>
|
||||
<p class="lead">
|
||||
my-biz.app helps teams bring finance, operations, people, and growth work into one practical system built on Odoo Community Edition. We focus on making everyday business management simpler, clearer, and easier to extend over time.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="about-us">
|
||||
<div class="wrap grid-2">
|
||||
<div class="panel">
|
||||
<h2>What we believe</h2>
|
||||
<p>
|
||||
Good business software should reduce noise, not create more of it. Our approach is to start with a stable operational foundation, keep the user experience grounded in real work, and preserve flexibility so your stack can grow with your business.
|
||||
</p>
|
||||
</div>
|
||||
<div class="panel info-list">
|
||||
<div class="info-item">
|
||||
<h3>Open foundation</h3>
|
||||
<p>Built on Odoo Community Edition so your data and future options stay in your hands.</p>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<h3>Practical delivery</h3>
|
||||
<p>We focus on systems people can actually adopt, use, and improve over time.</p>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<h3>Ready to grow</h3>
|
||||
<p>Start with what matters now and expand later with modules, integrations, and custom work.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="wrap grid-2-equal">
|
||||
<div class="story-card">
|
||||
<span class="eyebrow">Coffee Theme</span>
|
||||
<h3 style="margin-top: 16px;">Why the coffee theme and the coffee bean in the logo?</h3>
|
||||
<p>
|
||||
Out of our own experience: business and coffee belong together. The work is rarely clean, linear, or glamorous. It is early starts, sharp conversations, second drafts, and getting one more useful thing done before the day closes.
|
||||
</p>
|
||||
<div class="pairing-type">
|
||||
Business and coffee go together like
|
||||
<span
|
||||
data-mf-text-type="typing"
|
||||
data-mf-text-typing-speed="55"
|
||||
data-mf-text-typing-delete-speed="28"
|
||||
data-mf-text-typing-interval="1600"
|
||||
data-mf-text-typing-cursor="true"
|
||||
data-mf-text-typing-cursor-char="|"
|
||||
><span>Menthos and Coca Cola.</span
|
||||
><span>Tom and Jerry.</span
|
||||
><span>peanut butter and jelly.</span
|
||||
><span>Batman and Robin.</span
|
||||
><span>thunder and lightning.</span
|
||||
><span>late nights and pitch decks.</span></span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="story-card">
|
||||
<span class="eyebrow">Guild Counsel</span>
|
||||
<h3 style="margin-top: 16px;">Why Guild Counsel?</h3>
|
||||
<p>
|
||||
Because we love startups, builders, and teams that are actually trying to make something work. We are fed up with business BS bingo, inflated consulting theater, and polished nonsense that sounds smart while saying nothing.
|
||||
</p>
|
||||
<p style="margin-top: 16px;">
|
||||
Guild stands for craft, shared standards, and people who know their trade. Counsel stands for practical guidance, not buzzwords. Put together, it means advice for operators who need useful decisions, cleaner systems, and less corporate performance art.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="careers">
|
||||
<div class="wrap panel">
|
||||
<span class="eyebrow">Careers</span>
|
||||
<h2 style="margin-top: 16px;">We permanently start new guilds and are looking for guild managers.</h2>
|
||||
<p style="margin-top: 16px; color: var(--silver);">
|
||||
We expect profound expertise in the guild itself, not generic management language. If you want to lead a guild, tell us which guild you want to build, why you fit, and what practical depth you bring.
|
||||
</p>
|
||||
<p style="margin-top: 16px; color: var(--silver);">
|
||||
An application with the guild, language, an explanation of why you fit, what you bring to the table, and your commercial expectations is expected.
|
||||
</p>
|
||||
<form class="career-form" id="career-form">
|
||||
<div class="career-grid">
|
||||
<div class="career-field">
|
||||
<label for="career-name">Name</label>
|
||||
<input class="career-input" id="career-name" name="name" type="text" placeholder="Your full name" required />
|
||||
</div>
|
||||
<div class="career-field">
|
||||
<label for="career-email">Email</label>
|
||||
<input class="career-input" id="career-email" name="email" type="email" placeholder="you@example.com" required />
|
||||
</div>
|
||||
<div class="career-field full">
|
||||
<label for="career-guild">Guild interested in</label>
|
||||
<input class="career-input" id="career-guild" name="guild" type="text" placeholder="Example: Manufacturing Systems Guild" required />
|
||||
</div>
|
||||
<div class="career-field full">
|
||||
<label for="career-explanation">Explanation: why you fit and what you bring to the table</label>
|
||||
<textarea class="career-textarea" id="career-explanation" name="explanation" placeholder="Describe your expertise, language skills, operator experience, and why you should lead this guild." required></textarea>
|
||||
</div>
|
||||
<div class="career-field full">
|
||||
<label for="career-commercial">Commercial expectations</label>
|
||||
<textarea class="career-textarea" id="career-commercial" name="commercial_expectations" placeholder="Share your preferred model, compensation expectations, and anything commercial we should know." required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<button class="career-submit" type="submit">Apply for Guild Leadership</button>
|
||||
<div class="career-status" id="career-status"></div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div
|
||||
class="footer-top"
|
||||
data-mf-stagger-animation="fade-up"
|
||||
data-mf-stagger-gap="70"
|
||||
data-mf-stagger-duration="620"
|
||||
data-mf-stagger-distance="24"
|
||||
data-mf-stagger-once="true"
|
||||
>
|
||||
<div class="footer-brand">
|
||||
<a class="footer-logo" href="index.html"
|
||||
><img src="img/logo.svg" alt="my-biz.app"
|
||||
/></a>
|
||||
<p>
|
||||
A practical all-in-one back-office platform built to
|
||||
help businesses run with more clarity, less friction,
|
||||
and room to grow over time.
|
||||
</p>
|
||||
</div>
|
||||
<div class="footer-contact-shell">
|
||||
<form class="footer-contact-form" id="footer-contact-form">
|
||||
<input type="hidden" name="source" value="my-biz.app" />
|
||||
<div class="footer-contact-input-row">
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Email"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div class="footer-contact-message-wrap">
|
||||
<textarea
|
||||
name="message"
|
||||
placeholder="Your message"
|
||||
required
|
||||
></textarea>
|
||||
<button
|
||||
type="submit"
|
||||
class="footer-contact-send"
|
||||
aria-label="Send"
|
||||
>
|
||||
➤
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="footer-contact-status"
|
||||
id="footer-contact-status"
|
||||
></div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>Product</h4>
|
||||
<ul>
|
||||
<li><a href="index.html#verticals">Solutions</a></li>
|
||||
<li><a href="index.html#story">How It Works</a></li>
|
||||
<li><a href="index.html#pricing">Pricing</a></li>
|
||||
<li><a href="index.html#customization">Customization</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>About</h4>
|
||||
<ul>
|
||||
<li><a href="about.html#about-us">About Us</a></li>
|
||||
<li><a href="index.html#faq-chat-link">FAQ</a></li>
|
||||
<li><a href="about.html#careers">Careers</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<span>
|
||||
© 2026 my-biz.app · All rights reserved. · This service is powered by
|
||||
<a href="https://ODOO4projects.com" target="_blank" rel="noopener"
|
||||
>ODOO4projects</a
|
||||
>
|
||||
</span>
|
||||
<div class="footer-legal">
|
||||
<a href="legal.html#privacy">Privacy</a>
|
||||
<a href="legal.html#terms">Terms</a>
|
||||
<a href="legal.html#imprint">Imprint</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script>
|
||||
(function () {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
var tracking = {
|
||||
utm_source: params.get("utm_source") || "homepage",
|
||||
utm_medium: params.get("utm_medium") || "direct",
|
||||
utm_campaign: params.get("utm_campaign") || "none",
|
||||
utm_term: params.get("utm_term") || "",
|
||||
utm_content: params.get("utm_content") || "",
|
||||
};
|
||||
|
||||
function isTrackableHref(href) {
|
||||
return (
|
||||
href &&
|
||||
href.charAt(0) !== "#" &&
|
||||
href.indexOf("mailto:") !== 0 &&
|
||||
href.indexOf("tel:") !== 0 &&
|
||||
href.indexOf("javascript:") !== 0
|
||||
);
|
||||
}
|
||||
|
||||
function applyToLink(link) {
|
||||
var href = link.getAttribute("href");
|
||||
var url;
|
||||
if (!isTrackableHref(href)) return;
|
||||
try {
|
||||
url = new URL(href, window.location.href);
|
||||
} catch (err) {
|
||||
return;
|
||||
}
|
||||
Object.keys(tracking).forEach(function (key) {
|
||||
if (tracking[key]) url.searchParams.set(key, tracking[key]);
|
||||
});
|
||||
if (url.origin === window.location.origin) {
|
||||
link.setAttribute("href", url.pathname + url.search + url.hash);
|
||||
return;
|
||||
}
|
||||
link.setAttribute("href", url.toString());
|
||||
}
|
||||
|
||||
function applyToLinks(root) {
|
||||
var scope = root && root.querySelectorAll ? root : document;
|
||||
scope.querySelectorAll("a[href]").forEach(applyToLink);
|
||||
}
|
||||
|
||||
function applyToFields(root) {
|
||||
if (!root || !root.querySelectorAll) return;
|
||||
Object.keys(tracking).forEach(function (key) {
|
||||
root.querySelectorAll('input[name="' + key + '"]').forEach(function (input) {
|
||||
input.value = tracking[key];
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function appendToFormData(formData) {
|
||||
Object.keys(tracking).forEach(function (key) {
|
||||
formData.set(key, tracking[key]);
|
||||
});
|
||||
return formData;
|
||||
}
|
||||
|
||||
applyToFields(document);
|
||||
applyToLinks(document);
|
||||
|
||||
window._mbsTracking = {
|
||||
params: tracking,
|
||||
applyToLinks: applyToLinks,
|
||||
applyToFields: applyToFields,
|
||||
appendToFormData: appendToFormData,
|
||||
};
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(function () {
|
||||
var WEBHOOK =
|
||||
"https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/41f1356d-2b0b-443c-b381-37195f547198";
|
||||
var form = document.getElementById("footer-contact-form");
|
||||
var status = document.getElementById("footer-contact-status");
|
||||
if (!form) return;
|
||||
|
||||
form.addEventListener("submit", function (e) {
|
||||
e.preventDefault();
|
||||
var button = form.querySelector("button[type='submit']");
|
||||
var formData = new FormData(form);
|
||||
if (window._mbsTracking)
|
||||
formData = window._mbsTracking.appendToFormData(formData);
|
||||
status.textContent = "Sending...";
|
||||
button.disabled = true;
|
||||
fetch(WEBHOOK, {
|
||||
method: "POST",
|
||||
body: formData,
|
||||
})
|
||||
.then(function () {
|
||||
status.textContent = "Message received. We will get back to you soon.";
|
||||
form.reset();
|
||||
})
|
||||
.catch(function () {
|
||||
status.textContent = "Message received. We will get back to you soon.";
|
||||
form.reset();
|
||||
})
|
||||
.finally(function () {
|
||||
button.disabled = false;
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(function () {
|
||||
var WEBHOOK =
|
||||
"https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/b901fc80-c7d0-4204-a6ee-b01fb6c9d3c9";
|
||||
var form = document.getElementById("career-form");
|
||||
var status = document.getElementById("career-status");
|
||||
if (!form) return;
|
||||
|
||||
form.addEventListener("submit", function (e) {
|
||||
e.preventDefault();
|
||||
var button = form.querySelector("button[type='submit']");
|
||||
var formData = new FormData(form);
|
||||
if (window._mbsTracking)
|
||||
formData = window._mbsTracking.appendToFormData(formData);
|
||||
status.textContent = "Sending application...";
|
||||
button.disabled = true;
|
||||
|
||||
fetch(WEBHOOK, {
|
||||
method: "POST",
|
||||
body: formData,
|
||||
})
|
||||
.then(function () {
|
||||
status.textContent = "Application received. We will review it and come back to you.";
|
||||
form.reset();
|
||||
})
|
||||
.catch(function () {
|
||||
status.textContent = "Application received. We will review it and come back to you.";
|
||||
form.reset();
|
||||
})
|
||||
.finally(function () {
|
||||
button.disabled = false;
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/@slicemypage/motionflow@latest/dist/motionflow.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+114
@@ -0,0 +1,114 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
||||
<g transform="matrix(1,0,0,1,-1152,-256)">
|
||||
<rect id="Icons" x="0" y="0" width="1280" height="800" style="fill:none;"/>
|
||||
<g id="Icons1" serif:id="Icons">
|
||||
<g id="Strike">
|
||||
</g>
|
||||
<g id="H1">
|
||||
</g>
|
||||
<g id="H2">
|
||||
</g>
|
||||
<g id="H3">
|
||||
</g>
|
||||
<g id="list-ul">
|
||||
</g>
|
||||
<g id="hamburger-1">
|
||||
</g>
|
||||
<g id="hamburger-2">
|
||||
</g>
|
||||
<g id="list-ol">
|
||||
</g>
|
||||
<g id="list-task">
|
||||
</g>
|
||||
<g id="trash">
|
||||
</g>
|
||||
<g id="vertical-menu">
|
||||
</g>
|
||||
<g id="horizontal-menu">
|
||||
</g>
|
||||
<g id="sidebar-2">
|
||||
</g>
|
||||
<g id="Pen">
|
||||
</g>
|
||||
<g id="Pen1" serif:id="Pen">
|
||||
</g>
|
||||
<g id="clock">
|
||||
</g>
|
||||
<g id="external-link">
|
||||
</g>
|
||||
<g id="hr">
|
||||
</g>
|
||||
<g id="info">
|
||||
</g>
|
||||
<g id="warning">
|
||||
</g>
|
||||
<g id="plus-circle">
|
||||
</g>
|
||||
<g id="minus-circle">
|
||||
</g>
|
||||
<g id="vue">
|
||||
</g>
|
||||
<g id="cog">
|
||||
</g>
|
||||
<g id="logo">
|
||||
</g>
|
||||
<g id="radio-check">
|
||||
</g>
|
||||
<g id="eye-slash">
|
||||
</g>
|
||||
<g id="eye">
|
||||
</g>
|
||||
<g id="toggle-off">
|
||||
</g>
|
||||
<g id="shredder">
|
||||
</g>
|
||||
<g id="spinner--loading--dots-" serif:id="spinner [loading, dots]">
|
||||
</g>
|
||||
<g id="react">
|
||||
</g>
|
||||
<g id="check-selected">
|
||||
</g>
|
||||
<g id="turn-off">
|
||||
</g>
|
||||
<g id="code-block">
|
||||
</g>
|
||||
<g id="user">
|
||||
</g>
|
||||
<g id="coffee-bean">
|
||||
</g>
|
||||
<g transform="matrix(0.638317,0.368532,-0.368532,0.638317,785.021,-208.975)">
|
||||
<g id="coffee-beans">
|
||||
<g id="coffee-bean1" serif:id="coffee-bean">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="coffee-bean-filled" transform="matrix(0.866025,0.5,-0.5,0.866025,717.879,-387.292)">
|
||||
<g transform="matrix(1,0,0,1,0,-0.699553)">
|
||||
<path d="M737.673,328.231C738.494,328.056 739.334,328.427 739.757,329.152C739.955,329.463 740.106,329.722 740.106,329.722C740.106,329.722 745.206,338.581 739.429,352.782C737.079,358.559 736.492,366.083 738.435,371.679C738.697,372.426 738.482,373.258 737.89,373.784C737.298,374.31 736.447,374.426 735.735,374.077C730.192,371.375 722.028,365.058 722.021,352C722.015,340.226 728.812,330.279 737.673,328.231Z"/>
|
||||
</g>
|
||||
<g transform="matrix(-1,0,0,-1,1483.03,703.293)">
|
||||
<path d="M737.609,328.246C738.465,328.06 739.344,328.446 739.785,329.203C739.97,329.49 740.106,329.722 740.106,329.722C740.106,329.722 745.206,338.581 739.429,352.782C737.1,358.507 736.503,365.948 738.383,371.527C738.646,372.304 738.415,373.164 737.796,373.703C737.177,374.243 736.294,374.356 735.56,373.989C730.02,371.241 722.028,364.92 722.021,352C722.016,340.255 728.779,330.328 737.609,328.246Z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0.638317,0.368532,-0.368532,0.638317,913.062,-208.975)">
|
||||
<g id="coffee-beans-filled">
|
||||
<g id="coffee-bean2" serif:id="coffee-bean">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="clipboard">
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,128.011,1.35415)">
|
||||
<g id="clipboard-paste">
|
||||
</g>
|
||||
</g>
|
||||
<g id="clipboard-copy">
|
||||
</g>
|
||||
<g id="Layer1">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
@@ -0,0 +1,224 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
|
||||
<svg
|
||||
fill="#000000"
|
||||
width="800px"
|
||||
height="800px"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
xml:space="preserve"
|
||||
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
|
||||
id="svg6"
|
||||
sodipodi:docname="bean_dark_Roast.svg"
|
||||
inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:serif="http://www.serif.com/"><defs
|
||||
id="defs6" /><sodipodi:namedview
|
||||
id="namedview6"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="1.075"
|
||||
inkscape:cx="400"
|
||||
inkscape:cy="400"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1129"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg6" />
|
||||
<g
|
||||
transform="matrix(1,0,0,1,-1152,-256)"
|
||||
id="g6">
|
||||
<rect
|
||||
id="Icons"
|
||||
x="0"
|
||||
y="0"
|
||||
width="1280"
|
||||
height="800"
|
||||
style="fill:none;" />
|
||||
<g
|
||||
id="Icons1"
|
||||
serif:id="Icons">
|
||||
<g
|
||||
id="Strike">
|
||||
</g>
|
||||
<g
|
||||
id="H1">
|
||||
</g>
|
||||
<g
|
||||
id="H2">
|
||||
</g>
|
||||
<g
|
||||
id="H3">
|
||||
</g>
|
||||
<g
|
||||
id="list-ul">
|
||||
</g>
|
||||
<g
|
||||
id="hamburger-1">
|
||||
</g>
|
||||
<g
|
||||
id="hamburger-2">
|
||||
</g>
|
||||
<g
|
||||
id="list-ol">
|
||||
</g>
|
||||
<g
|
||||
id="list-task">
|
||||
</g>
|
||||
<g
|
||||
id="trash">
|
||||
</g>
|
||||
<g
|
||||
id="vertical-menu">
|
||||
</g>
|
||||
<g
|
||||
id="horizontal-menu">
|
||||
</g>
|
||||
<g
|
||||
id="sidebar-2">
|
||||
</g>
|
||||
<g
|
||||
id="Pen">
|
||||
</g>
|
||||
<g
|
||||
id="Pen1"
|
||||
serif:id="Pen">
|
||||
</g>
|
||||
<g
|
||||
id="clock">
|
||||
</g>
|
||||
<g
|
||||
id="external-link">
|
||||
</g>
|
||||
<g
|
||||
id="hr">
|
||||
</g>
|
||||
<g
|
||||
id="info">
|
||||
</g>
|
||||
<g
|
||||
id="warning">
|
||||
</g>
|
||||
<g
|
||||
id="plus-circle">
|
||||
</g>
|
||||
<g
|
||||
id="minus-circle">
|
||||
</g>
|
||||
<g
|
||||
id="vue">
|
||||
</g>
|
||||
<g
|
||||
id="cog">
|
||||
</g>
|
||||
<g
|
||||
id="logo">
|
||||
</g>
|
||||
<g
|
||||
id="radio-check">
|
||||
</g>
|
||||
<g
|
||||
id="eye-slash">
|
||||
</g>
|
||||
<g
|
||||
id="eye">
|
||||
</g>
|
||||
<g
|
||||
id="toggle-off">
|
||||
</g>
|
||||
<g
|
||||
id="shredder">
|
||||
</g>
|
||||
<g
|
||||
id="spinner--loading--dots-"
|
||||
serif:id="spinner [loading, dots]">
|
||||
</g>
|
||||
<g
|
||||
id="react">
|
||||
</g>
|
||||
<g
|
||||
id="check-selected">
|
||||
</g>
|
||||
<g
|
||||
id="turn-off">
|
||||
</g>
|
||||
<g
|
||||
id="code-block">
|
||||
</g>
|
||||
<g
|
||||
id="user">
|
||||
</g>
|
||||
<g
|
||||
id="coffee-bean">
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(0.638317,0.368532,-0.368532,0.638317,785.021,-208.975)"
|
||||
id="g1">
|
||||
<g
|
||||
id="coffee-beans">
|
||||
<g
|
||||
id="coffee-bean1"
|
||||
serif:id="coffee-bean">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="coffee-bean-filled"
|
||||
transform="matrix(0.866025,0.5,-0.5,0.866025,717.879,-387.292)">
|
||||
<g
|
||||
transform="matrix(1,0,0,1,0,-0.699553)"
|
||||
id="g2">
|
||||
<path
|
||||
d="M737.673,328.231C738.494,328.056 739.334,328.427 739.757,329.152C739.955,329.463 740.106,329.722 740.106,329.722C740.106,329.722 745.206,338.581 739.429,352.782C737.079,358.559 736.492,366.083 738.435,371.679C738.697,372.426 738.482,373.258 737.89,373.784C737.298,374.31 736.447,374.426 735.735,374.077C730.192,371.375 722.028,365.058 722.021,352C722.015,340.226 728.812,330.279 737.673,328.231Z"
|
||||
id="path1"
|
||||
style="fill:#3e2723;fill-opacity:1" />
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(-1,0,0,-1,1483.03,703.293)"
|
||||
id="g3">
|
||||
<path
|
||||
d="M737.609,328.246C738.465,328.06 739.344,328.446 739.785,329.203C739.97,329.49 740.106,329.722 740.106,329.722C740.106,329.722 745.206,338.581 739.429,352.782C737.1,358.507 736.503,365.948 738.383,371.527C738.646,372.304 738.415,373.164 737.796,373.703C737.177,374.243 736.294,374.356 735.56,373.989C730.02,371.241 722.028,364.92 722.021,352C722.016,340.255 728.779,330.328 737.609,328.246Z"
|
||||
id="path2"
|
||||
style="stroke:#3e2723;stroke-opacity:1;fill:#3e2723;fill-opacity:1" />
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(0.638317,0.368532,-0.368532,0.638317,913.062,-208.975)"
|
||||
id="g4">
|
||||
<g
|
||||
id="coffee-beans-filled">
|
||||
<g
|
||||
id="coffee-bean2"
|
||||
serif:id="coffee-bean">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="clipboard">
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(1,0,0,1,128.011,1.35415)"
|
||||
id="g5">
|
||||
<g
|
||||
id="clipboard-paste">
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="clipboard-copy">
|
||||
</g>
|
||||
<g
|
||||
id="Layer1">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.4 KiB |
@@ -0,0 +1,224 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
|
||||
<svg
|
||||
fill="#000000"
|
||||
width="800px"
|
||||
height="800px"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
xml:space="preserve"
|
||||
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
|
||||
id="svg6"
|
||||
sodipodi:docname="bean_light_brown.svg"
|
||||
inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:serif="http://www.serif.com/"><defs
|
||||
id="defs6" /><sodipodi:namedview
|
||||
id="namedview6"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="1.075"
|
||||
inkscape:cx="400"
|
||||
inkscape:cy="400"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1129"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg6" />
|
||||
<g
|
||||
transform="matrix(1,0,0,1,-1152,-256)"
|
||||
id="g6">
|
||||
<rect
|
||||
id="Icons"
|
||||
x="0"
|
||||
y="0"
|
||||
width="1280"
|
||||
height="800"
|
||||
style="fill:none;" />
|
||||
<g
|
||||
id="Icons1"
|
||||
serif:id="Icons">
|
||||
<g
|
||||
id="Strike">
|
||||
</g>
|
||||
<g
|
||||
id="H1">
|
||||
</g>
|
||||
<g
|
||||
id="H2">
|
||||
</g>
|
||||
<g
|
||||
id="H3">
|
||||
</g>
|
||||
<g
|
||||
id="list-ul">
|
||||
</g>
|
||||
<g
|
||||
id="hamburger-1">
|
||||
</g>
|
||||
<g
|
||||
id="hamburger-2">
|
||||
</g>
|
||||
<g
|
||||
id="list-ol">
|
||||
</g>
|
||||
<g
|
||||
id="list-task">
|
||||
</g>
|
||||
<g
|
||||
id="trash">
|
||||
</g>
|
||||
<g
|
||||
id="vertical-menu">
|
||||
</g>
|
||||
<g
|
||||
id="horizontal-menu">
|
||||
</g>
|
||||
<g
|
||||
id="sidebar-2">
|
||||
</g>
|
||||
<g
|
||||
id="Pen">
|
||||
</g>
|
||||
<g
|
||||
id="Pen1"
|
||||
serif:id="Pen">
|
||||
</g>
|
||||
<g
|
||||
id="clock">
|
||||
</g>
|
||||
<g
|
||||
id="external-link">
|
||||
</g>
|
||||
<g
|
||||
id="hr">
|
||||
</g>
|
||||
<g
|
||||
id="info">
|
||||
</g>
|
||||
<g
|
||||
id="warning">
|
||||
</g>
|
||||
<g
|
||||
id="plus-circle">
|
||||
</g>
|
||||
<g
|
||||
id="minus-circle">
|
||||
</g>
|
||||
<g
|
||||
id="vue">
|
||||
</g>
|
||||
<g
|
||||
id="cog">
|
||||
</g>
|
||||
<g
|
||||
id="logo">
|
||||
</g>
|
||||
<g
|
||||
id="radio-check">
|
||||
</g>
|
||||
<g
|
||||
id="eye-slash">
|
||||
</g>
|
||||
<g
|
||||
id="eye">
|
||||
</g>
|
||||
<g
|
||||
id="toggle-off">
|
||||
</g>
|
||||
<g
|
||||
id="shredder">
|
||||
</g>
|
||||
<g
|
||||
id="spinner--loading--dots-"
|
||||
serif:id="spinner [loading, dots]">
|
||||
</g>
|
||||
<g
|
||||
id="react">
|
||||
</g>
|
||||
<g
|
||||
id="check-selected">
|
||||
</g>
|
||||
<g
|
||||
id="turn-off">
|
||||
</g>
|
||||
<g
|
||||
id="code-block">
|
||||
</g>
|
||||
<g
|
||||
id="user">
|
||||
</g>
|
||||
<g
|
||||
id="coffee-bean">
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(0.638317,0.368532,-0.368532,0.638317,785.021,-208.975)"
|
||||
id="g1">
|
||||
<g
|
||||
id="coffee-beans">
|
||||
<g
|
||||
id="coffee-bean1"
|
||||
serif:id="coffee-bean">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="coffee-bean-filled"
|
||||
transform="matrix(0.866025,0.5,-0.5,0.866025,717.879,-387.292)">
|
||||
<g
|
||||
transform="matrix(1,0,0,1,0,-0.699553)"
|
||||
id="g2">
|
||||
<path
|
||||
d="M737.673,328.231C738.494,328.056 739.334,328.427 739.757,329.152C739.955,329.463 740.106,329.722 740.106,329.722C740.106,329.722 745.206,338.581 739.429,352.782C737.079,358.559 736.492,366.083 738.435,371.679C738.697,372.426 738.482,373.258 737.89,373.784C737.298,374.31 736.447,374.426 735.735,374.077C730.192,371.375 722.028,365.058 722.021,352C722.015,340.226 728.812,330.279 737.673,328.231Z"
|
||||
id="path1"
|
||||
style="fill:#5d4037;fill-opacity:1" />
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(-1,0,0,-1,1483.03,703.293)"
|
||||
id="g3">
|
||||
<path
|
||||
d="M737.609,328.246C738.465,328.06 739.344,328.446 739.785,329.203C739.97,329.49 740.106,329.722 740.106,329.722C740.106,329.722 745.206,338.581 739.429,352.782C737.1,358.507 736.503,365.948 738.383,371.527C738.646,372.304 738.415,373.164 737.796,373.703C737.177,374.243 736.294,374.356 735.56,373.989C730.02,371.241 722.028,364.92 722.021,352C722.016,340.255 728.779,330.328 737.609,328.246Z"
|
||||
id="path2"
|
||||
style="stroke:#5d4037;stroke-opacity:1;fill:#5d4037;fill-opacity:1" />
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(0.638317,0.368532,-0.368532,0.638317,913.062,-208.975)"
|
||||
id="g4">
|
||||
<g
|
||||
id="coffee-beans-filled">
|
||||
<g
|
||||
id="coffee-bean2"
|
||||
serif:id="coffee-bean">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="clipboard">
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(1,0,0,1,128.011,1.35415)"
|
||||
id="g5">
|
||||
<g
|
||||
id="clipboard-paste">
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="clipboard-copy">
|
||||
</g>
|
||||
<g
|
||||
id="Layer1">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
+116
@@ -0,0 +1,116 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="124.8711mm"
|
||||
height="31.440542mm"
|
||||
viewBox="0 0 124.8711 31.440542"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
|
||||
sodipodi:docname="logo.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:zoom="0.70021044"
|
||||
inkscape:cx="329.90082"
|
||||
inkscape:cy="345.61039"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1046"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Ebene 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-17.727083,-56.885417)">
|
||||
<g
|
||||
id="g5"
|
||||
transform="matrix(0.26458333,0,0,0.26458333,-67.310852,25.675979)">
|
||||
<text
|
||||
id="text5"
|
||||
xml:space="preserve"
|
||||
transform="matrix(1.3333333,0,0,1.3333333,316.00667,186.29426)"><tspan
|
||||
id="tspan5"
|
||||
style="font-variant:normal;font-weight:700;font-size:65.991px;font-family:'Noto Sans';writing-mode:lr-tb;fill:#3e2723;fill-opacity:1;fill-rule:nonzero;stroke:#3e2723;stroke-width:2.19965;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
||||
x="0"
|
||||
y="0">my</tspan></text>
|
||||
<text
|
||||
id="text6"
|
||||
xml:space="preserve"
|
||||
transform="matrix(1.3333333,0,0,1.3333333,452.48533,186.29426)"><tspan
|
||||
id="tspan6"
|
||||
style="font-variant:normal;font-weight:700;font-size:65.991px;font-family:'Noto Sans';writing-mode:lr-tb;fill:#e65100;fill-opacity:1;fill-rule:nonzero;stroke:#e65100;stroke-width:2.19965;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
||||
x="0"
|
||||
y="0">-</tspan></text>
|
||||
<text
|
||||
id="text7"
|
||||
xml:space="preserve"
|
||||
transform="matrix(1.3333333,0,0,1.3333333,480.79333,186.29426)"><tspan
|
||||
id="tspan7"
|
||||
style="font-variant:normal;font-weight:700;font-size:65.991px;font-family:'Noto Sans';writing-mode:lr-tb;fill:#3e2723;fill-opacity:1;fill-rule:nonzero;stroke:#3e2723;stroke-width:2.19965;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
||||
x="0"
|
||||
y="0">biz</tspan></text>
|
||||
<text
|
||||
id="text8"
|
||||
xml:space="preserve"
|
||||
transform="matrix(1.3333333,0,0,1.3333333,606.236,186.29426)"><tspan
|
||||
id="tspan8"
|
||||
style="font-variant:normal;font-weight:700;font-size:65.991px;font-family:'Noto Sans';writing-mode:lr-tb;fill:#e65100;fill-opacity:1;fill-rule:nonzero;stroke:#e65100;stroke-width:2.19965;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
||||
x="0"
|
||||
y="0">.app</tspan></text>
|
||||
</g>
|
||||
<g
|
||||
id="g8"
|
||||
transform="matrix(0.26458333,0,0,0.26458333,-67.310852,25.675979)">
|
||||
<path
|
||||
id="path8"
|
||||
d="M 249.449,279.212 H 391.181"
|
||||
style="fill:none;stroke:#e65100;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,0,595.27559)" />
|
||||
</g>
|
||||
<g
|
||||
id="g9"
|
||||
transform="matrix(0.26458333,0,0,0.26458333,-67.310852,25.675979)">
|
||||
<path
|
||||
id="path9"
|
||||
d="M 442.205,279.212 H 583.937"
|
||||
style="fill:none;stroke:#e65100;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,0,595.27559)" />
|
||||
</g>
|
||||
<g
|
||||
id="g10"
|
||||
transform="matrix(0.26458333,0,0,0.26458333,-67.310852,25.675979)">
|
||||
<path
|
||||
id="path10"
|
||||
d="m 420.661,289.332 c 0.369,-0.114 0.596,-0.454 0.596,-0.822 0.028,-0.171 0.028,-0.284 0.028,-0.284 0,0 -0.028,-4.535 -5.386,-8.702 -2.182,-1.701 -4.053,-4.451 -4.564,-7.03 -0.056,-0.34 -0.311,-0.624 -0.652,-0.681 -0.368,-0.085 -0.708,0.057 -0.907,0.369 -1.53,2.268 -3.259,6.491 -0.368,11.48 2.608,4.536 7.427,6.832 11.253,5.67 z"
|
||||
style="fill:#3e2723;fill-opacity:1;fill-rule:evenodd;stroke:none"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,0,595.27559)" />
|
||||
<path
|
||||
id="path11"
|
||||
d="m 413.121,269.376 c -0.368,0.141 -0.623,0.482 -0.623,0.85 0,0.17 0,0.284 0,0.284 0,0 0,4.535 5.357,8.702 2.154,1.672 4.054,4.394 4.564,6.945 0.057,0.368 0.34,0.623 0.709,0.708 0.34,0.057 0.708,-0.085 0.907,-0.396 1.53,-2.268 3.174,-6.463 0.34,-11.424 -2.608,-4.507 -7.399,-6.803 -11.254,-5.669 z"
|
||||
style="fill:#3e2723;fill-opacity:1;fill-rule:evenodd;stroke:none"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,0,595.27559)" />
|
||||
<path
|
||||
id="path12"
|
||||
d="m 413.121,269.376 c -0.368,0.141 -0.623,0.482 -0.623,0.85 0,0.17 0,0.284 0,0.284 0,0 0,4.535 5.357,8.702 2.154,1.672 4.054,4.394 4.564,6.945 0.057,0.368 0.34,0.623 0.709,0.708 0.34,0.057 0.708,-0.085 0.907,-0.396 1.53,-2.268 3.174,-6.463 0.34,-11.424 -2.608,-4.507 -7.399,-6.803 -11.254,-5.669 z"
|
||||
style="fill:none;stroke:#3e2723;stroke-width:0.4428;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,0,595.27559)" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.8 KiB |
+2646
-1530
File diff suppressed because it is too large
Load Diff
+598
@@ -0,0 +1,598 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Legal | my-biz.app</title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@slicemypage/motionflow@latest/dist/motionflow.min.css"
|
||||
/>
|
||||
<style>
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
:root {
|
||||
--bg: #efebe9;
|
||||
--surf1: #e8e0da;
|
||||
--card: #fff3e0;
|
||||
--lift: #f5ece4;
|
||||
--bg-deep: #3e2723;
|
||||
--border: rgba(93, 64, 55, 0.25);
|
||||
--grey: #a1887f;
|
||||
--silver: #6d4c41;
|
||||
--light: #5d4037;
|
||||
--gold: #e65100;
|
||||
--gold-hi: #fb8c00;
|
||||
--gold-lo: #bf360c;
|
||||
--gold-glow: rgba(230, 81, 0, 0.18);
|
||||
--white: #3e2723;
|
||||
}
|
||||
body {
|
||||
background: var(--bg);
|
||||
color: var(--light);
|
||||
font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
|
||||
line-height: 1.7;
|
||||
}
|
||||
a { color: inherit; text-decoration: none; }
|
||||
nav {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 50;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 62px;
|
||||
padding: 0 8vw;
|
||||
background: rgba(255, 243, 224, 0.94);
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.nav-logo img { height: 36px; width: auto; display: block; }
|
||||
.nav-links { display: flex; gap: 18px; align-items: center; }
|
||||
.nav-links a { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--silver); }
|
||||
.hero, section, footer { padding: 84px 8vw; }
|
||||
.wrap { max-width: 980px; margin: 0 auto; }
|
||||
.eyebrow {
|
||||
display: inline-flex;
|
||||
padding: 8px 14px;
|
||||
border-radius: 999px;
|
||||
background: rgba(230, 81, 0, 0.08);
|
||||
border: 1px solid rgba(230, 81, 0, 0.18);
|
||||
color: var(--gold);
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h1, h2 {
|
||||
font-family: Georgia, "Times New Roman", serif;
|
||||
color: var(--white);
|
||||
line-height: 1.1;
|
||||
}
|
||||
h1 { font-size: clamp(2.8rem, 7vw, 5rem); max-width: 80%; margin-top: 18px; }
|
||||
h2 { font-size: clamp(1.8rem, 4vw, 2.6rem); margin-bottom: 14px; }
|
||||
.lead { color: var(--silver); max-width: 62ch; margin-top: 18px; }
|
||||
.legal-stack { display: grid; gap: 20px; }
|
||||
.legal-card {
|
||||
padding: 28px;
|
||||
border-radius: 28px;
|
||||
background: rgba(255, 243, 224, 0.86);
|
||||
border: 1px solid rgba(93, 64, 55, 0.12);
|
||||
box-shadow: 0 18px 44px rgba(62, 39, 35, 0.08);
|
||||
}
|
||||
.legal-card h3 {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 8px;
|
||||
font-family: Georgia, "Times New Roman", serif;
|
||||
color: var(--white);
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.legal-card p, .legal-card li { color: var(--silver); }
|
||||
.legal-card ul { list-style: none; display: grid; gap: 10px; margin-top: 14px; }
|
||||
.legal-card li { position: relative; padding-left: 18px; }
|
||||
.legal-card li::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.65em;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(135deg, var(--gold-lo), var(--gold), var(--gold-hi));
|
||||
}
|
||||
footer {
|
||||
background: rgba(255, 243, 224, 0.94);
|
||||
border-top: 1px solid var(--border);
|
||||
padding: 84px 8vw 36px;
|
||||
}
|
||||
.footer-top {
|
||||
max-width: 1120px;
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1.1fr) minmax(320px, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
|
||||
gap: 28px;
|
||||
align-items: start;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.footer-brand p {
|
||||
color: var(--silver);
|
||||
max-width: 28ch;
|
||||
margin-top: 14px;
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
.footer-logo img { height: 34px; width: auto; display: block; }
|
||||
.footer-contact-shell {
|
||||
max-width: 420px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
.footer-contact-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.footer-contact-form textarea,
|
||||
.footer-contact-form input {
|
||||
width: 100%;
|
||||
padding: 14px 16px;
|
||||
border-radius: 24px;
|
||||
border: 1px solid var(--border);
|
||||
background: rgba(93, 64, 55, 0.06);
|
||||
color: var(--white);
|
||||
font: inherit;
|
||||
}
|
||||
.footer-contact-form textarea {
|
||||
min-height: 110px;
|
||||
resize: vertical;
|
||||
}
|
||||
.footer-contact-input-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
min-height: 48px;
|
||||
border-radius: 999px;
|
||||
overflow: hidden;
|
||||
background: rgba(93, 64, 55, 0.06);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.footer-contact-input-row input {
|
||||
border: none;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
height: 100%;
|
||||
}
|
||||
.footer-contact-send {
|
||||
height: 100%;
|
||||
min-height: 48px;
|
||||
padding: 0 18px;
|
||||
border: none;
|
||||
border-left: 1px solid var(--border);
|
||||
background: transparent;
|
||||
color: var(--gold);
|
||||
cursor: pointer;
|
||||
font-size: 0.92rem;
|
||||
}
|
||||
.footer-contact-message-wrap {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.footer-contact-message-wrap textarea {
|
||||
padding-right: 64px;
|
||||
}
|
||||
.footer-contact-message-wrap .footer-contact-send {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
min-height: 40px;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
padding: 0;
|
||||
border-radius: 50%;
|
||||
border-left: none;
|
||||
background: rgba(255, 243, 224, 0.9);
|
||||
color: var(--gold);
|
||||
cursor: pointer;
|
||||
}
|
||||
.footer-contact-form input::placeholder,
|
||||
.footer-contact-form textarea::placeholder {
|
||||
color: var(--grey);
|
||||
}
|
||||
.footer-contact-form input:focus,
|
||||
.footer-contact-form textarea:focus {
|
||||
outline: none;
|
||||
border-color: var(--gold);
|
||||
box-shadow: 0 0 0 3px rgba(230, 81, 0, 0.12);
|
||||
}
|
||||
.footer-contact-status {
|
||||
color: var(--silver);
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.footer-col h4 {
|
||||
margin-bottom: 16px;
|
||||
color: var(--gold);
|
||||
font-size: 0.65rem;
|
||||
letter-spacing: 0.16em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.footer-col ul {
|
||||
list-style: none;
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
.footer-col a,
|
||||
.footer-bottom span,
|
||||
.footer-legal a {
|
||||
color: var(--silver);
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
.footer-col a:hover,
|
||||
.footer-legal a:hover {
|
||||
color: var(--gold-hi);
|
||||
}
|
||||
.footer-bottom {
|
||||
max-width: 1120px;
|
||||
margin: 24px auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
flex-wrap: wrap;
|
||||
padding-top: 24px;
|
||||
border-top: 1px solid rgba(161, 136, 127, 0.18);
|
||||
}
|
||||
.footer-legal {
|
||||
display: flex;
|
||||
gap: 18px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
nav, .hero, section, footer { padding-left: 5vw; padding-right: 5vw; }
|
||||
h1 { max-width: 100%; }
|
||||
.footer-top { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<a class="nav-logo" href="index.html"><img src="img/logo.svg" alt="my-biz.app" /></a>
|
||||
<div class="nav-links">
|
||||
<a href="about.html">About Us</a>
|
||||
<a href="legal.html">Legal</a>
|
||||
<a href="index.html">Home</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="hero">
|
||||
<div class="wrap">
|
||||
<span class="eyebrow">Legal</span>
|
||||
<h1>Legal information for my-biz.app.</h1>
|
||||
<p class="lead">
|
||||
This page brings together the imprint, terms of service, privacy notice, cookie information, and image credits for my-biz.app.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="wrap legal-stack">
|
||||
<div class="legal-card" id="imprint">
|
||||
<h2>Imprint</h2>
|
||||
<p>
|
||||
This service is provided by ODOO4projects LLC.
|
||||
</p>
|
||||
<ul>
|
||||
<li>ODOO4projects LLC</li>
|
||||
<li>30 N Gould St, STE R, Sheridan, WY 82801, USA</li>
|
||||
<li>Contact via Mail: support@ODOO4projects.com</li>
|
||||
</ul>
|
||||
<h3>Image Credits</h3>
|
||||
<ul>
|
||||
<li>Rafael_Neddermeyer on Pixabay</li>
|
||||
<li>Nuno Lopes on Pixabay</li>
|
||||
<li>liushuquan on Pixabay</li>
|
||||
<li>Iulian Ursache on Pixabay</li>
|
||||
<li>Patty Jansen on Pixabay</li>
|
||||
<li>Anand Dhumal on Pixabay</li>
|
||||
<li>Giuliana Vecchi from Pixabay</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="legal-card" id="terms">
|
||||
<h2>Terms of Service</h2>
|
||||
<p>
|
||||
These Terms of Service govern the use of the my-biz.app website, trial requests, hosted ERP services, related support, and communication channels offered by ODOO4projects LLC.
|
||||
</p>
|
||||
<ul>
|
||||
<li>By using this website or engaging our services, you agree to these terms.</li>
|
||||
<li>If you use the service on behalf of an organization, you confirm you are authorized to bind that organization.</li>
|
||||
<li>We may update these terms from time to time by publishing an updated version on this page.</li>
|
||||
</ul>
|
||||
<h3>Service Scope</h3>
|
||||
<p>
|
||||
my-biz.app provides hosted ERP-related services, including trial environments, managed hosting, operational setup, support, maintenance, and related consulting. Specific commercial scope, support windows, included services, and infrastructure details may be defined in a separate order, quote, or service agreement.
|
||||
</p>
|
||||
<h3>Customer Responsibilities</h3>
|
||||
<ul>
|
||||
<li>You are responsible for the accuracy, legality, and integrity of the data you place into the service.</li>
|
||||
<li>You are responsible for your internal user management, access permissions, and safeguarding credentials.</li>
|
||||
<li>You must not use the service for unlawful activity, abusive traffic, malicious code, spam, or unauthorized access attempts.</li>
|
||||
<li>You remain responsible for reviewing whether the service is suitable for your regulatory, tax, accounting, and sector-specific requirements.</li>
|
||||
</ul>
|
||||
<h3>Availability and Support</h3>
|
||||
<p>
|
||||
We aim to operate a stable and professionally maintained hosting environment, but we do not guarantee uninterrupted availability. Maintenance, upgrades, security work, third-party outages, force majeure events, and internet infrastructure issues may affect access from time to time.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Support is provided according to the commercial package or agreement in place.</li>
|
||||
<li>Response times are targets unless explicitly defined as contractual service levels.</li>
|
||||
<li>We may suspend or restrict access where necessary to protect the platform, customers, or data.</li>
|
||||
</ul>
|
||||
<h3>Trials and Non-Paid Use</h3>
|
||||
<p>
|
||||
Free trials and evaluation environments are provided on an as-is and as-available basis. Trial environments may be limited, reset, suspended, or deleted at our discretion unless otherwise agreed in writing.
|
||||
</p>
|
||||
<h3>Fees and Payment</h3>
|
||||
<p>
|
||||
Paid services are billed according to the proposal, quote, order form, or service agreement accepted by the customer. Late or failed payments may lead to suspension of service after notice where commercially reasonable.
|
||||
</p>
|
||||
<h3>Data, Backups, and Exit</h3>
|
||||
<ul>
|
||||
<li>As between the parties, customer business data remains the customer's data.</li>
|
||||
<li>We may maintain operational backups for resilience and recovery purposes, but customers should keep their own copies of critical business records where appropriate.</li>
|
||||
<li>After termination, we may retain or delete data according to the applicable agreement, legal obligations, and operational retention periods.</li>
|
||||
</ul>
|
||||
<h3>Intellectual Property</h3>
|
||||
<p>
|
||||
We retain all rights in our website content, service design, documentation, processes, custom materials, and deliverables except to the extent otherwise agreed in writing. Third-party software, including Odoo Community Edition and related components, remains subject to the rights and licenses of its respective owners.
|
||||
</p>
|
||||
<h3>Disclaimers and Liability</h3>
|
||||
<ul>
|
||||
<li>The service is provided without warranties of uninterrupted operation, fitness for a particular purpose, or error-free performance except where such disclaimers are not legally permitted.</li>
|
||||
<li>To the maximum extent allowed by law, we are not liable for indirect, incidental, special, consequential, or lost-profit damages.</li>
|
||||
<li>To the maximum extent allowed by law, our aggregate liability arising out of the service will not exceed the fees paid by the customer for the relevant service during the twelve months before the event giving rise to the claim, unless a separate written agreement states otherwise.</li>
|
||||
</ul>
|
||||
<h3>Termination</h3>
|
||||
<p>
|
||||
Either party may terminate according to the applicable contract or, if none exists, on reasonable notice. We may terminate or suspend access immediately for serious misuse, security risk, unlawful use, or non-payment.
|
||||
</p>
|
||||
</div>
|
||||
<div class="legal-card" id="privacy">
|
||||
<h2>Privacy and Cookies</h2>
|
||||
<p>
|
||||
This notice explains how ODOO4projects LLC processes personal data when you visit my-biz.app, submit forms, interact with the chat agent, or engage with our hosted ERP services.
|
||||
</p>
|
||||
<ul>
|
||||
<li>We collect information you submit directly, including contact details, trial requests, career applications, and support messages.</li>
|
||||
<li>We collect technical and attribution data such as IP-related request data, browser and device details, pages visited, referral information, and UTM parameters used for campaign tracking.</li>
|
||||
<li>When you use the chat agent, we process the text you submit together with contextual metadata needed to respond and route the interaction.</li>
|
||||
</ul>
|
||||
<h3>How We Use Data</h3>
|
||||
<ul>
|
||||
<li>To respond to inquiries, process trial requests, and manage commercial conversations.</li>
|
||||
<li>To operate, secure, maintain, and improve the website and hosted ERP services.</li>
|
||||
<li>To understand traffic sources, campaign performance, outbound link activity, and user interactions through analytics.</li>
|
||||
<li>To review applications and potential partnerships or commercial opportunities.</li>
|
||||
</ul>
|
||||
<h3>Analytics, Tracking, and UTM Parameters</h3>
|
||||
<p>
|
||||
We use Plausible analytics and related event tracking on this website. We also pass campaign tracking parameters such as `utm_source`, `utm_medium`, `utm_campaign`, `utm_term`, and `utm_content` through forms, links, and webhook submissions so we can attribute leads and understand which channels are generating interest.
|
||||
</p>
|
||||
<ul>
|
||||
<li>We record custom interaction events such as meeting interest, trial requests, chatbot engagement, search usage, and email feedback submissions.</li>
|
||||
<li>Tagged outbound link tracking may record the destination URL of clicked links.</li>
|
||||
<li>Analytics and event data may be combined with form submissions and webhook payloads for operational and marketing attribution.</li>
|
||||
</ul>
|
||||
<h3>Cookies</h3>
|
||||
<p>
|
||||
The website may use cookies or similar browser storage mechanisms that support site operation, session continuity, analytics delivery, and campaign attribution. These technologies may be set by the site itself or by the analytics tooling used on the site.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Essential storage may be used for core functionality and request handling.</li>
|
||||
<li>Analytics-related storage may be used to understand traffic and interactions.</li>
|
||||
<li>Marketing attribution data may persist in URLs, requests, and submitted forms even where no long-lived cookie is used.</li>
|
||||
</ul>
|
||||
<h3>Sharing and Processors</h3>
|
||||
<p>
|
||||
We may share data with infrastructure, hosting, analytics, communication, and service providers where needed to operate the website and service. We may also disclose data where required by law, regulation, or to protect legal rights, platform security, or other users.
|
||||
</p>
|
||||
<h3>Retention</h3>
|
||||
<p>
|
||||
We retain personal data for as long as reasonably necessary for the purpose for which it was collected, to manage the customer relationship, to maintain operational records, and to meet legal, accounting, or compliance obligations.
|
||||
</p>
|
||||
<h3>Your Rights</h3>
|
||||
<p>
|
||||
Depending on your location and applicable law, you may have rights to request access, correction, deletion, restriction, objection, or portability regarding your personal data. You may contact us at support@ODOO4projects.com for privacy-related requests.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div
|
||||
class="footer-top"
|
||||
data-mf-stagger-animation="fade-up"
|
||||
data-mf-stagger-gap="70"
|
||||
data-mf-stagger-duration="620"
|
||||
data-mf-stagger-distance="24"
|
||||
data-mf-stagger-once="true"
|
||||
>
|
||||
<div class="footer-brand">
|
||||
<a class="footer-logo" href="index.html"
|
||||
><img src="img/logo.svg" alt="my-biz.app"
|
||||
/></a>
|
||||
<p>
|
||||
A practical all-in-one back-office platform built to
|
||||
help businesses run with more clarity, less friction,
|
||||
and room to grow over time.
|
||||
</p>
|
||||
</div>
|
||||
<div class="footer-contact-shell">
|
||||
<form class="footer-contact-form" id="footer-contact-form">
|
||||
<input type="hidden" name="source" value="my-biz.app" />
|
||||
<div class="footer-contact-input-row">
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Email"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div class="footer-contact-message-wrap">
|
||||
<textarea
|
||||
name="message"
|
||||
placeholder="Your message"
|
||||
required
|
||||
></textarea>
|
||||
<button
|
||||
type="submit"
|
||||
class="footer-contact-send"
|
||||
aria-label="Send"
|
||||
>
|
||||
➤
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="footer-contact-status"
|
||||
id="footer-contact-status"
|
||||
></div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>Product</h4>
|
||||
<ul>
|
||||
<li><a href="index.html#verticals">Solutions</a></li>
|
||||
<li><a href="index.html#story">How It Works</a></li>
|
||||
<li><a href="index.html#pricing">Pricing</a></li>
|
||||
<li><a href="index.html#customization">Customization</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>About</h4>
|
||||
<ul>
|
||||
<li><a href="about.html#about-us">About Us</a></li>
|
||||
<li><a href="index.html#faq-chat-link">FAQ</a></li>
|
||||
<li><a href="about.html#careers">Careers</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<span>
|
||||
© 2026 my-biz.app · All rights reserved. · This service is powered by
|
||||
<a href="https://ODOO4projects.com" target="_blank" rel="noopener"
|
||||
>ODOO4projects</a
|
||||
>
|
||||
</span>
|
||||
<div class="footer-legal">
|
||||
<a href="legal.html#privacy">Privacy</a>
|
||||
<a href="legal.html#terms">Terms</a>
|
||||
<a href="legal.html#imprint">Imprint</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script>
|
||||
(function () {
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
var tracking = {
|
||||
utm_source: params.get("utm_source") || "homepage",
|
||||
utm_medium: params.get("utm_medium") || "direct",
|
||||
utm_campaign: params.get("utm_campaign") || "none",
|
||||
utm_term: params.get("utm_term") || "",
|
||||
utm_content: params.get("utm_content") || "",
|
||||
};
|
||||
|
||||
function isTrackableHref(href) {
|
||||
return (
|
||||
href &&
|
||||
href.charAt(0) !== "#" &&
|
||||
href.indexOf("mailto:") !== 0 &&
|
||||
href.indexOf("tel:") !== 0 &&
|
||||
href.indexOf("javascript:") !== 0
|
||||
);
|
||||
}
|
||||
|
||||
function applyToLink(link) {
|
||||
var href = link.getAttribute("href");
|
||||
var url;
|
||||
if (!isTrackableHref(href)) return;
|
||||
try {
|
||||
url = new URL(href, window.location.href);
|
||||
} catch (err) {
|
||||
return;
|
||||
}
|
||||
Object.keys(tracking).forEach(function (key) {
|
||||
if (tracking[key]) url.searchParams.set(key, tracking[key]);
|
||||
});
|
||||
if (url.origin === window.location.origin) {
|
||||
link.setAttribute("href", url.pathname + url.search + url.hash);
|
||||
return;
|
||||
}
|
||||
link.setAttribute("href", url.toString());
|
||||
}
|
||||
|
||||
function applyToLinks(root) {
|
||||
var scope = root && root.querySelectorAll ? root : document;
|
||||
scope.querySelectorAll("a[href]").forEach(applyToLink);
|
||||
}
|
||||
|
||||
function applyToFields(root) {
|
||||
if (!root || !root.querySelectorAll) return;
|
||||
Object.keys(tracking).forEach(function (key) {
|
||||
root.querySelectorAll('input[name="' + key + '"]').forEach(function (input) {
|
||||
input.value = tracking[key];
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function appendToFormData(formData) {
|
||||
Object.keys(tracking).forEach(function (key) {
|
||||
formData.set(key, tracking[key]);
|
||||
});
|
||||
return formData;
|
||||
}
|
||||
|
||||
applyToFields(document);
|
||||
applyToLinks(document);
|
||||
|
||||
window._mbsTracking = {
|
||||
params: tracking,
|
||||
applyToLinks: applyToLinks,
|
||||
applyToFields: applyToFields,
|
||||
appendToFormData: appendToFormData,
|
||||
};
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(function () {
|
||||
var WEBHOOK =
|
||||
"https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/41f1356d-2b0b-443c-b381-37195f547198";
|
||||
var form = document.getElementById("footer-contact-form");
|
||||
var status = document.getElementById("footer-contact-status");
|
||||
if (!form) return;
|
||||
|
||||
form.addEventListener("submit", function (e) {
|
||||
e.preventDefault();
|
||||
var button = form.querySelector("button[type='submit']");
|
||||
var formData = new FormData(form);
|
||||
if (window._mbsTracking)
|
||||
formData = window._mbsTracking.appendToFormData(formData);
|
||||
status.textContent = "Sending...";
|
||||
button.disabled = true;
|
||||
fetch(WEBHOOK, {
|
||||
method: "POST",
|
||||
body: formData,
|
||||
})
|
||||
.then(function () {
|
||||
status.textContent = "Message received. We will get back to you soon.";
|
||||
form.reset();
|
||||
})
|
||||
.catch(function () {
|
||||
status.textContent = "Message received. We will get back to you soon.";
|
||||
form.reset();
|
||||
})
|
||||
.finally(function () {
|
||||
button.disabled = false;
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/@slicemypage/motionflow@latest/dist/motionflow.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+82
@@ -0,0 +1,82 @@
|
||||
[
|
||||
{
|
||||
"headline": "How a regional NGO cut grant reporting time by 70%",
|
||||
"vertical": "NGO",
|
||||
"date": "2025-06-12",
|
||||
"shortText": "Donor reconciliation and project cost allocation moved into one workflow, returning 15 hours a week to mission work instead of admin.",
|
||||
"image": "https://images.unsplash.com/photo-1559027615-cd4628902d4a?w=900&q=80&auto=format&fit=crop",
|
||||
"link": "https://ngo.my-biz.app"
|
||||
},
|
||||
{
|
||||
"headline": "Why investors love clean Odoo data rooms",
|
||||
"vertical": "Startups",
|
||||
"date": "2025-05-28",
|
||||
"shortText": "Founders shared how structured finance and CRM data reduced scramble during due diligence.",
|
||||
"image": "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=900&q=80&auto=format&fit=crop",
|
||||
"link": "https://startups.my-biz.app"
|
||||
},
|
||||
{
|
||||
"headline": "Real-time BoM costing saved a factory $40k",
|
||||
"vertical": "Manufacturing",
|
||||
"date": "2025-04-21",
|
||||
"shortText": "Live material cost tracking helped the team reprice before margin loss became irreversible.",
|
||||
"image": "https://images.unsplash.com/photo-1565793298595-6a879b1d9492?w=900&q=80&auto=format&fit=crop",
|
||||
"link": "https://manufacturing.my-biz.app"
|
||||
},
|
||||
{
|
||||
"headline": "Food cost under control before it hit the P&L",
|
||||
"vertical": "Restaurants",
|
||||
"date": "2025-03-14",
|
||||
"shortText": "Linking POS data to supplier invoices exposed a 12% creep in week one instead of month three.",
|
||||
"image": "https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=900&q=80&auto=format&fit=crop",
|
||||
"link": "https://restaurants.my-biz.app"
|
||||
},
|
||||
{
|
||||
"headline": "Impact dashboards boards helped trustees decide faster",
|
||||
"vertical": "NGO",
|
||||
"date": "2025-02-10",
|
||||
"shortText": "Program leads and finance teams aligned on one dashboard instead of emailing static reports back and forth.",
|
||||
"image": "https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=900&q=80&auto=format&fit=crop",
|
||||
"link": "https://ngo.my-biz.app"
|
||||
},
|
||||
{
|
||||
"headline": "Startup founders replaced five admin tools with one stack",
|
||||
"vertical": "Startups",
|
||||
"date": "2025-01-24",
|
||||
"shortText": "Sales, invoicing, and project workflows moved into one system and reduced duplicate entry across the team.",
|
||||
"image": "https://images.unsplash.com/photo-1552664730-d307ca884978?w=900&q=80&auto=format&fit=crop",
|
||||
"link": "https://startups.my-biz.app"
|
||||
},
|
||||
{
|
||||
"headline": "Maintenance planning cut line stoppages in week three",
|
||||
"vertical": "Manufacturing",
|
||||
"date": "2024-12-16",
|
||||
"shortText": "Production teams connected maintenance schedules with inventory and planning data before failures became emergencies.",
|
||||
"image": "https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?w=900&q=80&auto=format&fit=crop",
|
||||
"link": "https://manufacturing.my-biz.app"
|
||||
},
|
||||
{
|
||||
"headline": "Restaurant groups finally saw payroll and stock in one view",
|
||||
"vertical": "Restaurants",
|
||||
"date": "2024-11-30",
|
||||
"shortText": "Managers connected staffing, purchasing, and daily sales to spot margin leaks earlier each week.",
|
||||
"image": "https://images.unsplash.com/photo-1552566626-52f8b828add9?w=900&q=80&auto=format&fit=crop",
|
||||
"link": "https://restaurants.my-biz.app"
|
||||
},
|
||||
{
|
||||
"headline": "Automation teams improved agent accuracy with structured records",
|
||||
"vertical": "Agentic Businesses",
|
||||
"date": "2024-10-18",
|
||||
"shortText": "AI workflows performed more reliably once customer, ops, and billing data shared the same foundation.",
|
||||
"image": "https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=900&q=80&auto=format&fit=crop",
|
||||
"link": "https://agentic.my-biz.app"
|
||||
},
|
||||
{
|
||||
"headline": "Cross-border teams chose regional servers without changing workflows",
|
||||
"vertical": "Infrastructure",
|
||||
"date": "2024-09-06",
|
||||
"shortText": "Distributed companies matched server location to their needs while keeping finance, CRM, and operations fully connected.",
|
||||
"image": "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=900&q=80&auto=format&fit=crop",
|
||||
"link": "#pricing"
|
||||
}
|
||||
]
|
||||
Reference in New Issue
Block a user