Unify all pages with homepage light theme: support, legal, and 9 blog posts (purple primary, light bg)
This commit is contained in:
+48
-122
@@ -7,155 +7,100 @@
|
||||
name="description"
|
||||
content="Legal information for ODOO4projects LLC — company details, contact, image credits, and trademark notices."
|
||||
/>
|
||||
<title>
|
||||
Legal | ODOO4projects - Odoo Hosting, AI Consulting & N8N Automation
|
||||
</title>
|
||||
<title>Legal | ODOO4projects</title>
|
||||
<link rel="canonical" href="https://ODOO4projects.com/legal" />
|
||||
<meta
|
||||
property="og:title"
|
||||
content="Legal | ODOO4projects - Odoo Hosting, AI Consulting & N8N Automation"
|
||||
/>
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Legal information for ODOO4projects LLC — company details, contact, image credits, and trademark notices."
|
||||
/>
|
||||
<meta property="og:title" content="Legal | ODOO4projects" />
|
||||
<meta property="og:description" content="Legal information for ODOO4projects LLC." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://ODOO4projects.com/legal" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="icon" href="images/favicon.ico" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
rel="preload"
|
||||
as="style"
|
||||
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
as="style"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
|
||||
media="print"
|
||||
onload="this.media='all'"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
|
||||
media="print"
|
||||
onload="this.media='all'"
|
||||
/>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<style>
|
||||
.legal-hero {
|
||||
background: linear-gradient(135deg, #0a0a14 0%, #12121c 50%, #1a0a20 100%);
|
||||
padding: 5rem 0 3rem;
|
||||
padding: 4rem 0 2.5rem;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #1a1a2e;
|
||||
background: var(--light);
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.legal-hero h1 {
|
||||
font-size: clamp(2rem, 4vw, 3rem);
|
||||
color: #e8e8f0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: clamp(1.8rem, 3.2vw, 2.8rem);
|
||||
color: var(--dark);
|
||||
}
|
||||
.legal-content {
|
||||
padding: 4rem 0;
|
||||
background: #08080c;
|
||||
.legal-section {
|
||||
padding: 3rem 0 4rem;
|
||||
}
|
||||
.legal-content .container {
|
||||
max-width: 720px;
|
||||
.legal-section .container {
|
||||
max-width: 700px;
|
||||
}
|
||||
.legal-card {
|
||||
background: #12121c;
|
||||
border: 1px solid #1a1a2e;
|
||||
border-radius: 0.8rem;
|
||||
padding: 2rem;
|
||||
margin-bottom: 1.5rem;
|
||||
background: #fff;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius-lg);
|
||||
padding: 1.75rem;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
.legal-card:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.legal-card h2 {
|
||||
color: #00f5ff;
|
||||
font-size: 1.1rem;
|
||||
font-size: 1.05rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 1rem;
|
||||
color: var(--primary);
|
||||
margin-bottom: 0.75rem;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 1px solid #1a1a2e;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.legal-card p {
|
||||
color: rgba(232, 232, 240, 0.75);
|
||||
.legal-card p,
|
||||
.legal-card .address {
|
||||
color: rgba(33, 37, 41, 0.7);
|
||||
font-size: 0.88rem;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.legal-card p:last-child {
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
.legal-card strong {
|
||||
color: #e8e8f0;
|
||||
}
|
||||
.legal-card a {
|
||||
color: #00f5ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.legal-card a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.legal-card .address {
|
||||
color: rgba(232, 232, 240, 0.6);
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.6;
|
||||
color: var(--dark);
|
||||
}
|
||||
.legal-card .contact-email {
|
||||
color: #00f5ff;
|
||||
color: var(--primary);
|
||||
font-weight: 500;
|
||||
}
|
||||
.image-credits {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.35rem;
|
||||
gap: 0.3rem;
|
||||
}
|
||||
.image-credits .credit-row {
|
||||
color: rgba(232, 232, 240, 0.6);
|
||||
color: rgba(33, 37, 41, 0.6);
|
||||
font-size: 0.82rem;
|
||||
}
|
||||
.image-credits .credit-row a {
|
||||
color: #00f5ff;
|
||||
color: var(--primary);
|
||||
}
|
||||
.trademark-notice {
|
||||
background: rgba(0, 245, 255, 0.05);
|
||||
border: 1px solid rgba(0, 245, 255, 0.15);
|
||||
border-radius: 0.5rem;
|
||||
background: rgba(113, 75, 103, 0.04);
|
||||
border: 1px solid rgba(113, 75, 103, 0.15);
|
||||
border-radius: var(--radius);
|
||||
padding: 1rem 1.25rem;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.trademark-notice p {
|
||||
color: rgba(232, 232, 240, 0.65);
|
||||
font-size: 0.82rem;
|
||||
margin: 0;
|
||||
color: rgba(33, 37, 41, 0.6);
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.legal-hero {
|
||||
padding: 3rem 0 2rem;
|
||||
}
|
||||
.legal-card {
|
||||
padding: 1.25rem;
|
||||
}
|
||||
}
|
||||
.blog-header {
|
||||
padding: 2rem 0;
|
||||
border-bottom: 1px solid #1a1a2e;
|
||||
}
|
||||
.blog-header a {
|
||||
color: #00f5ff;
|
||||
text-decoration: none;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.blog-header a:hover {
|
||||
text-decoration: underline;
|
||||
.legal-hero { padding: 2.5rem 0 1.5rem; }
|
||||
.legal-card { padding: 1.25rem; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
@@ -172,7 +117,7 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="legal-content">
|
||||
<section class="legal-section">
|
||||
<div class="container">
|
||||
<div class="legal-card">
|
||||
<h2>Company Information</h2>
|
||||
@@ -181,52 +126,33 @@
|
||||
30 N Gould St, STE R, Sheridan<br />
|
||||
WY 82801, USA
|
||||
</p>
|
||||
<p style="margin-top: 1rem;">
|
||||
Contact via Mail: <span class="contact-email">support@ODOO4projects.com</span>
|
||||
<p style="margin-top: 0.75rem;">
|
||||
Contact: <span class="contact-email">support@ODOO4projects.com</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="legal-card">
|
||||
<h2>Image Credits</h2>
|
||||
<div class="image-credits">
|
||||
<span class="credit-row">
|
||||
<a href="https://pixabay.com/de/users/rafael_neddermeyer-5342045/" target="_blank" rel="noopener">Rafael_Neddermeyer</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
|
||||
</span>
|
||||
<span class="credit-row">
|
||||
<a href="https://pixabay.com/de/users/nuno_lopes-27925/" target="_blank" rel="noopener">Nuno Lopes</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
|
||||
</span>
|
||||
<span class="credit-row">
|
||||
<a href="https://pixabay.com/de/users/liushuquan-600749/" target="_blank" rel="noopener">liushuquan</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
|
||||
</span>
|
||||
<span class="credit-row">
|
||||
von <a href="https://pixabay.com/de/users/iulian_ursache-17029687/" target="_blank" rel="noopener">Iulian Ursache</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
|
||||
</span>
|
||||
<span class="credit-row">
|
||||
<a href="https://pixabay.com/de/users/pattyjansen-154933/" target="_blank" rel="noopener">Patty Jansen</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
|
||||
</span>
|
||||
<span class="credit-row">
|
||||
<a href="https://pixabay.com/de/users/ananddhumal-5250062/" target="_blank" rel="noopener">Anand Dhumal</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
|
||||
</span>
|
||||
<span class="credit-row">
|
||||
<a href="https://pixabay.com/users/giulivec-7339391/" target="_blank" rel="noopener">Giuliana Vecchi</a> from <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
|
||||
</span>
|
||||
<span class="credit-row"><a href="https://pixabay.com/de/users/rafael_neddermeyer-5342045/" target="_blank" rel="noopener">Rafael_Neddermeyer</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
|
||||
<span class="credit-row"><a href="https://pixabay.com/de/users/nuno_lopes-27925/" target="_blank" rel="noopener">Nuno Lopes</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
|
||||
<span class="credit-row"><a href="https://pixabay.com/de/users/liushuquan-600749/" target="_blank" rel="noopener">liushuquan</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
|
||||
<span class="credit-row">von <a href="https://pixabay.com/de/users/iulian_ursache-17029687/" target="_blank" rel="noopener">Iulian Ursache</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
|
||||
<span class="credit-row"><a href="https://pixabay.com/de/users/pattyjansen-154933/" target="_blank" rel="noopener">Patty Jansen</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
|
||||
<span class="credit-row"><a href="https://pixabay.com/de/users/ananddhumal-5250062/" target="_blank" rel="noopener">Anand Dhumal</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
|
||||
<span class="credit-row"><a href="https://pixabay.com/users/giulivec-7339391/" target="_blank" rel="noopener">Giuliana Vecchi</a> from <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-card">
|
||||
<h2>Trademark Notice</h2>
|
||||
<div class="trademark-notice">
|
||||
<p>
|
||||
Odoo<sup>®</sup> is a trademark of Odoo S.A. This site is totally independent of Odoo S.A.
|
||||
</p>
|
||||
<p>Odoo<sup>®</sup> is a trademark of Odoo S.A. This site is totally independent of Odoo S.A.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"
|
||||
></script>
|
||||
<script defer src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user