DELETE FROM KEYWORDS WHERE ID_DOMAINE=33966987DoneDoneDone
URL:chamaileon.io
Connection: keep-alive
Date: Thu, 23 Jan 2025 07:05:51 GMT
Via: 1.1 c7deb8fcb33ecb1e5a3a6d85b3f06e68.cloudfront.net (CloudFront)
Content-Length: 167
Content-Type: text/html
Location: https://chamaileon.io/
Server: CloudFront
X-Cache: Redirect from cloudfront
X-Amz-Cf-Pop: CDG52-P6
X-Amz-Cf-Id: SfJr7tXA5Gb0Zv05Od6BJb6MiHHHr0Kr-rPCEuzZb87hliWOvjSg3w==
Location => https://chamaileon.io/
Status => 301
<html>
<head><title>301 Moved Permanently</title></head>
(vide) Tentative en https
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-THZSD53');</script>
<!-- End Google Tag Manager -->
<title>Chamaileon: Create Beautiful & Efficient Emails for High-performance Marketing</title>
<meta name="description" content="Effortlessly design, optimize, and build stunning email marketing assets with Chamaileon — the industry-first no-code, drag-and-drop email builder. Achieve 90% faster time to market, seamless integrations, and real results. Empower collaboration and scale your marketing">
<link rel="canonical" href="https://chamaileon.io/">
<link rel="alternate" hreflang="hu-hu" href="https://chamaileon.io/hu/" />
<link rel="alternate" hreflang="x-default" href="https://chamaileon.io/" />
<!-- schema rich snippets -->
<meta property="og:locale" content="en_US"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Chamaileon: Create Beautiful & Efficient Email Campaigns for Efficient Marketing"/>
<meta property="og:description" content="Effortlessly design, optimize, and build stunning marketing assets with Chamaileon — the industry-first no-code, drag-and-drop email builder. Achieve 90% faster time to market, seamless integrations, and real results. Empower collaboration and scale your marketing"/>
<meta property="og:url" content="https://chamaileon.io/"/>
<meta property="og:site_name" content="Chamaileon.io"/>
<meta property="fb:app_id" content="586747374723317"/>
<meta property="og:image" content="https://chamaileon.io/assets/Chamaileon-email-creation-platform.jpg"/>
<meta property="og:image:secure_url" content="https://chamaileon.io/assets/Chamaileon-email-creation-platform.jpg"/>
<meta property="og:image:width" content="1024"/>
<meta property="og:image:height" content="576"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="Chamaileon: Create Beautiful & Efficient Email Campaigns for Efficient Marketing"/>
<meta name="twitter:description" content="Effortlessly design, optimize, and build stunning marketing assets with Chamaileon — the industry-first no-code, drag-and-drop email builder. Achieve 90% faster time to market, seamless integrations, and real results. Empower collaboration and scale your marketing"/>
<meta name="twitter:site" content="chamaileon_io"/>
<meta name="twitter:image" content="https://chamaileon.io/assets/Chamaileon-email-creation-platform.jpg"/>
<meta name="twitter:creator" content="@chamaileon_io"/>
<script type="application/ld+json" class="yoast-schema-graph yoast-schema-graph--main">{"@context":"https://schema.org","@graph":[{"@type":"SoftwareApplication","name":"Chamaileon.io Email Creation Platform","operatingSystem":"Web Browser","applicationCategory":"BusinessApplication","aggregateRating":{"@type":"AggregateRating","ratingValue":"4.5","ratingCount":"53"}},{"@type":"Organization","@id":"https://chamaileon.io/#organization","name":"Chamaileon.io","url":"https://chamaileon.io/","sameAs":["https://www.facebook.com/chamaileon.io/","https://www.linkedin.com/company/chamaileon/","https://www.youtube.com/channel/UCBt26ipcddeo1j95u71_-ww","https://hu.pinterest.com/chamaileonemaileditor/","https://twitter.com/chamaileon_io"],"logo":{"@type":"ImageObject","@id":"https://chamaileon.io/#logo","inLanguage":"en-US","url":"https://chamaileon.io/assets/chamaileon-logo-symbol.png","width":400,"height":105,"caption":"Chamaileon.io"},"image":{"@id":"https://chamaileon.io/#logo"}},{"@type":"WebSite","@id":"https://chamaileon.io/#website","url":"https://chamaileon.io/","name":"Chamaileon.io - Email Creation Platform","inLanguage":"en-US","description":"Chamaileon's email marketing resources are focused on email design & the email production process. You can find articles touching the latest email design best practices, trends & template inspirations.","publisher":{"@id":"https://chamaileon.io/#organization"},"potentialAction":[{"@type":"SearchAction","target":"https://chamaileon.io/?s={search_term_string}","query-input":"required name=search_term_string"}]},{"@type":"ImageObject","@id":"https://chamaileon.io/#primaryimage","inLanguage":"en-US","url":"https://chamaileon.io/wp-content/uploads/2019/11/Editor-3.png","width":1534,"height":1304},{"@type":"WebPage","@id":"https://chamaileon.io/#webpage","url":"https://chamaileon.io/","name":"Collaborative email template builder for teams & professionals","isPartOf":{"@id":"https://chamaileon.io/#website"},"inLanguage":"en-US","about":{"@id":"https://chamaileon.io/#organization"},"primaryImageOfPage":{"@id":"https://chamaileon.io/#primaryimage"},"datePublished":"2019-08-12T14:05:56+00:00","dateModified":"2021-09-12T14:05:56+00:00","description":"HTML email template builder and collaborative content management platform for professionals to design nice responsive emails in real-time without coding.","potentialAction":[{"@type":"ReadAction","target":["https://chamaileon.io/"]}]}]}</script>
<!-- icons & images -->
<link rel="shortcut icon" href="/assets/chamaileon-logo-symbol.png">
<link rel="apple-touch-icon-precomposed" href="/assets/chamaileon-logo-symbol.png">
<link rel="icon" href="/assets/chamaileon-logo-symbol.png">
<meta name="msapplication-TileImage" content="/assets/chamaileon-logo-symbol.png">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<style>
:root {
--color-black: #000000; --color-white: #ffffff; --color-outer-space-gray: #374343; --color-coral: #ff5546; --color-coral-lighter: #FEDDDA; --color-weird-green: #50d791; --color-weird-green-lighter-0: #60e7a1; --color-weird-green-lighter: #CDF4DF; --color-weird-green-lightest: #EDFBF3; --color-palette-gray-1: #f2f2f2; --color-shamrock: #00af6e; --color-maize: #ffd23c; --color-rosa: #ff91a0; --color-palette-turquoise-3: #69a1ac; --color-palette-turquoise-2: #89c5cc; --color-skin-1-light: #d4a181; --color-heatwave: #ff7a00; --color-palette-gray-2: #dde3e9; --color-palette-turquoise-1: #c1dee2; --color-palette-gray-3: #cdcdcd; --color-dark-indigo: #0a0c42; --color-very-light-pink: #dbdbdb; --color-palette-gray-4: #707880; --color-dusk-blue: #2d3291; --color-dusk-blue-lighter: #284099; --color-aqua-blue: #00bee6; --color-pale-grey: #e9eaf4; --color-primary: hsl(190, 100%, 45%); --color-primary-lighter: hsl(190, 100%, 50%); --color-primary-lightest: hsl(190, 85%, 95%); --font-primary: Poppins, sans-serif; --spacing-sm: 8vw; --spacing-large: 100px;
}@media (prefers-color-scheme: dark) {
:root {
--color-white: var(--color-dark-indigo); --color-black: var(--color-palette-gray-1); --color-weird-green: var(--color-shamrock); --color-primary-lightest: var(--color-dusk-blue-lighter); --color-outer-space-gray: var(--color-palette-gray-3); --color-dusk-blue: var(--color-maize); --color-weird-green-lightest: var(--color-shamrock); --color-pale-grey: var(--color-palette-gray-4);
}
}html {
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
width: 100%;
background: var(--color-white);
}
.section {
width: 100%;
}
.section > .content {
width: 100%;
margin: 0 auto;
position: relative;
max-width: 1600px;
}
.vertical-center {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.mrl {
margin-right: 10px;
margin-left: 10px;
}
.prl {
padding-right: 10px;
padding-left: 10px;
}
.pt {
padding-top: 10px;
}
.pt-t {
padding-top: 10px;
}
.mrl-sm {
margin-right: var(--spacing-sm);
margin-left: var(--spacing-sm);
}
.mtb-lg {
margin-top: 6.25vw;
margin-bottom: 6.25vw;
}
.ml-lg {
margin-left: 100px;
}
@media all and (min-width: 768px) {
.mrl {
margin-right: calc(100 / 1600 * 100vw);
margin-left: calc(100 / 1600 * 100vw);
}
.prl {
padding-right: calc(100 / 1600 * 100vw);
padding-left: calc(100 / 1600 * 100vw);
}
.pt {
padding-top: calc(100 / 1600 * 100vw);
}
.pt-t {
padding-top: calc(100 / 1600 * 100vw);
}
.mrl-none-m {
margin: 0;
}
.ml-lg-m {
margin-left: calc(100 / 1600 * 100vw);
margin-right: calc(100 / 1600 * 100vw);
}
}
@media all and (min-width: 1600px) {
.mrl {
margin-right: 100px;
margin-left: 100px;
}
.prl {
padding-right: 100px;
padding-left: 100px;
}
.pt {
padding-top: 100px;
}
.pt {
padding-top: 100px;
}
.pt-t {
padding-top: 50px;
}
.ml-lg-m {
margin-left: 100px;
margin-right: 100px;
}
.mtb-lg {
margin-top: 100px;
margin-bottom: 100px;
}
}
.cols {
display: flex;
flex-flow: row wrap;
}
.cols .col {
width: 100%;
}
.cols.reverse {
flex-direction: row-reverse;
}
.col .content {
position: relative;
}
.w50 {
width: 50%;
}
.w33 {
width: calc(100% / 3);
}
@media all and (min-width: 768px) {
.cols { flex-flow: row; }
.cols .wpx250-tablet { width: 250px; flex-shrink: 0; }
.cols .grow-tablet { flex-grow: 1; width: unset; }
.cols .w75-tablet { width: 75%; }
.cols .w50-tablet { width: 50%; }
.cols .w25-tablet { width: 25%; }
}
@media all and (min-width: 1280px) {
.cols .w75-desktop { width: 75%; }
.cols .w50-desktop { width: 50% }
.cols .w25-desktop { width: 25%; }
}
html {
font-family: var(--font-primary);
font-stretch: normal;
font-style: normal;
font-weight: 400;
font-size: 18px;
letter-spacing: normal;
line-height: normal;
color: var(--color-black);
}
h1 {
font-size: 40px;
font-weight: 500;
line-height: 1.17;
}
h2 {
font-size: 30px;
font-weight: 500;
line-height: 1.25;
}
h3 {
font-size: 20px;
line-height: 1.33;
}
p {
font-family: var(--font-family-secondary);
font-size: 1rem;
line-height: 1.5;
color: var(--color-outer-space-gray);
}
pre {
tab-size: 4;
}
blockquote {
font-style: italic;
font-weight: 500;
font-size: 24px;
line-height: 40px;
}
.font-big {
font-size: 30px;
font-weight: 400;
line-height: 1.25;
}
.font-huge {
font-size: 50px;
}
@media all and (min-width: 768px) {
h1 {
font-size: 40px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 20px;
}
p {
font-size: 18px;
}
blockquote {
font-size: 24px;
line-height: 1.25;
}
.font-big {
font-size: 30px;
}
.font-huge {
font-size: 80px;
}
}
@media all and (min-width: 1024px) {
h1 {
font-size: 45px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 22px;
}
p {
font-size: 18px;
}
blockquote {
font-size: 24px;
line-height: 1.25;
}
.font-big {
font-size: 35px;
}
.font-huge {
font-size: 60px;
}
}
@media all and (min-width: 1280px) {
h1 {
font-size: 60px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 20px;
}
p {
font-size: 18px;
}
blockquote {
font-size: 30px;
line-height: 1.25;
}
.font-big {
font-size: 40px;
}
.font-huge {
font-size: 80px;
}
}
@media all and (min-width: 1600px) {
h1 {
font-size: 60px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 20px;
}
p {
font-size: 18px;
}
blockquote {
font-size: 30px;
line-height: 1.25;
}
.font-big {
font-size: 40px;
}
.font-huge {
font-size: 80px;
}
}
a {
cursor: pointer;
color: var(--color-primary);
text-decoration: none;
transition: all .25s ease;
}
a:hover {
color: var(--color-primary-lighter);
}
.link {
cursor: pointer;
color: var(--color-black);
text-decoration: none;
transition: all .25s ease;
}
.link:hover {
color: var(--color-primary-lighter);
}
.button {
display: block;
border-radius: 50px;
border: 1px solid;
padding: 15px;
margin: 15px;
font-size: 16px;
text-align: center;
text-decoration: none;
transition: all .25s ease;
}
.button:hover {
cursor: pointer;
}
.button.primary {
background: var(--color-primary);
border-color: var(--color-primary);
color: var(--color-palette-gray-1);
}
.button.primary:hover {
background: var(--color-primary-lighter);
border-color: var(--color-primary-lighter);
}
.button.secondary {
color: var(--color-primary);
background: var(--color-white);
border-color: var(--color-palette-gray-2);
}
.button.secondary:hover {
color: var(--color-primary-lighter);
border-color: var(--color-primary-lighter);
}
.button.accent {
background: var(--color-coral);
border-color: var(--color-rosa);
color: var(--color-palette-gray-1);
}
.button.accent:hover {
background: var(--color-dusk-blue);
border-color: var(--color-dusk-blue-lighter);
}
@media all and (min-width: 768px) {
.button {
display: inline-block;
font-size: 16px;
padding: 20px 40px;
}
.button.small {
font-size: 14px;
line-height: normal;
padding: 10px 25px;
}
}
img {
max-width: 100%;
}
video {
max-width: 100%;
border-radius: 25px;
}
.video {
aspect-ratio: 16 / 9;
width: 100%;
border-radius: 25px;
}
svg {
max-width: 100%;
}
.rounded {
border-radius: 50px;
}
.circle {
border-radius: 50%;
}
.mtb-lg img {
display: block;
margin-left: auto;
margin-right: auto;
} .icon {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 60px;
height: 60px;
border-radius: 50%;
}
.icon img {
width: 24px;
height: 24px;
}
.icon.primary {
fill: var(--color-primary);
color: var(--color-primary);
background: var(--color-primary-lightest);
}
.icon.danger {
fill: var(--color-coral);
color: var(--color-coral);
background: var(--color-coral-lighter);
}
.icon.success {
fill: var(--color-weird-green);
color: var(--color-weird-green);
background: var(--color-weird-green-lighter);
}
.chip {
display: block;
border-radius: 50px;
border: 1px solid;
padding: 15px;
margin: 15px;
font-size: 20px;
font-weight: 500;
text-align: center;
text-decoration: none;
transition: all .25s ease;
}
.chip.primary {
background: var(--color-primary);
border-color: var(--color-primary);
color: var(--color-white);
}
.chip.secondary {
color: var(--color-primary);
background: var(--color-white);
border-color: var(--color-palette-gray-2);
}
.chip.danger {
fill: var(--color-coral);
color: var(--color-coral);
background: var(--color-coral-lighter);
}
.chip.success {
fill: var(--color-weird-green);
color: var(--color-weird-green);
background: var(--color-weird-green-lighter);
}
.bubble {
position: absolute;
z-index: -1;
width: 123vw;
height: 123vw;
border-radius: 50%;
background: var(--color-primary-lightest);
display: flex;
align-items: center;
justify-content: center;
}
.bubble.left {
top: 0;
left: -70vw;
}
.bubble.right {
top: 0;
right: -70vw;
}
@media all and (min-width: 768px) {
.bubble {
width: calc(600 / 1600 * 100vw);
height: calc(600 / 1600 * 100vw);
}
.bubble.left {
top: 0;
left: calc(-200 / 1600 * 100vw);
}
.bubble.right {
top: 0;
right: calc(-200 / 1600 * 100vw);
}
}
@media all and (min-width: 1600px) {
.bubble {
width: 600px;
height: 600px;
}
.bubble.left {
top: 0;
left: -200px;
}
.bubble.right {
top: 0;
right: -200px;
}
}
.person-bg {
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0 5px 10px 0;
background: var(--color-primary-lighter);
}
.person-bg.right {
margin: 0 5px 10px 0;
}
.gradient-background {
background-image: linear-gradient(to bottom, var(--color-primary-lightest), var(--color-white) 40%);
}#header {
position: fixed;
top: 0;
z-index: 2;
background: var(--color-white);
}
#header .content::after {
content: "";
display: block;
clear: both;
}
#header .link {
display: block;
}
#header-logo-link {
float: left;
position: relative;
display: block;
z-index: 1;
width: 170px;
margin: 20px 0 20px 20px;
color: var(--color-primary);
fill: var(--color-primary);
transition: all .25s ease;
}
#header #header-logo {
width: 100%;
}
#header #header-logo-link .logo-badge {
position: absolute;
right: -12px;
bottom: -18px;
font-size: 12px;
border: 1px solid var(--color-primary);
padding: 2px 4px;
border-radius: 12px;
transition: all .25s ease;
}
#header-logo-link:hover {
fill: var(--color-primary-lighter);
}
#header #header-logo-link:hover .logo-badge {
color: var(--color-white);
background: var(--color-primary-lighter);
border: 1px solid var(--color-primary-lighter);
}
#header ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#header ul li {
margin: 0 0 0 10px;
}
#header ul li .button {
margin: 10px 0;
}
#header ul li ul {
margin-left: 10px;
}
/* hamburger start */
#header #hamburger-checkbox {
display: none;
}
#header #hamburger {
display: block;
float: right;
margin: 20px 20px 20px 0;
cursor: pointer;
}
#header #hamburger div {
height: 3px;
width: 30px;
background: var(--color-primary);
transition: 0.5s all ease;
}
#header #hamburger .middle {
margin: 10px 0;
}
#header input:checked ~ #hamburger .top
{
transform: rotate(45deg) translate(8px, 10px);
}
#header input:checked ~ #hamburger .middle
{
opacity: 0;
}
#header input:checked ~ #hamburger .bottom
{
transform: rotate(-45deg) translate(8px, -10px);
}
/* hamburger end */
/* menu start */
#header .menu-wrapper {
position: absolute;
width: 100%;
max-height: calc(100vh - 61px);
margin-top: 61px;
margin-left: -200vw;
background: var(--color-white);
transition: 0.5s all ease;
}
#header .menu-wrapper #menu {
padding: 20px;
}
#header input:checked ~ .menu-wrapper {
margin-left: 0;
}
#header #menu > li {
font-size: 16px;
line-height: 3em;
}
/* menu end */
/* dropdown start */
#header #menu .dropdown {
position: relative;
}
#header #menu .label {
display: flex;
align-items: center;
z-index: 1;
background: var(--color-white);
}
#header #menu .dropdown .content {
overflow: hidden;
}
#header #menu .dropdown .content .elements {
margin-top: -100vh;
transition: all .25s ease;
}
#header #menu .dropdown .item-label {
margin-bottom: 0.5em;
}
#header #menu .dropdown .indicator {
display: inline-block;
font-size: 0;
width: 24px;
height: 24px;
fill: var(--color-black);
transition: all .25s ease;
}
#header #menu .dropdown:hover .indicator {
fill: var(--color-primary);
transform: rotate(180deg);
}
#header #menu .dropdown .recommendation {
width: 80%;
margin: 10px auto;
}
#header #menu .dropdown .recommendation .title {
margin: 15px 0;
}
#header #menu .dropdown:hover .content .elements {
margin-top: 0;
}
#header #menu .dropdown .item .description {
display: none;
}
#header #menu .dropdown .arrow {
display: none;
}
#header #menu .dropdown > .content .recommendation {
text-align: left;
color: var(--color-black);
}
/* dropdown end */
.hero {
padding-top: 100px;
}
.hero .content {
text-align: center;
}
.hero .one-liner {
font-size: 30px;
}
.hero p {
color: var(--color-black);
font-size: 20px;
}
.hero .bubble {
display: none;
}
/* Logos Section */
.logos {
margin: 40px auto;
position: relative;
}
.logos .mrl {
display: flex;
justify-content: space-around;
align-items: center; /* Align logos consistently */
gap: 15px;
flex-wrap: wrap;
}
.logos .logo-wrapper {
position: relative; /* Necessary for positioning .feedback-wrapper */
text-align: center;
cursor: pointer;
margin: 10px;
padding-bottom: 10px; /* Consistent padding for hover effects */
transition: transform 0.2s ease;
}
.logos .logo-wrapper img {
max-width: 80px;
transition: transform 0.2s ease;
}
/* Slightly enlarge logos on hover or focus */
.logos .logo-wrapper:hover img,
.logos .logo-wrapper:focus img {
transform: scale(1.2); /* Slight scaling effect */
}
/* Feedback Section */
.feedback-wrapper {
position: absolute;
width: 0%;
max-height: 0;
overflow: hidden;
opacity: 0;
transform: translateY(-10px);
}
/* Expanded Feedback Section */
.feedback-wrapper.active {
display: block;
max-height: 500px;
top: 100%;
width: 100%;
opacity: 1;
transform: translateY(0);
transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
overflow: visible;
z-index: 10;
}
.feedback-wrapper.hidden {
display: none;
}
/* Feedback Card */
.feedback-wrapper .card {
background-color: var(--color-dusk-blue);
border-radius: 30px;
padding: 40px 30px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
/* Card Content */
.feedback-wrapper .card {
display: grid;
grid-template-columns: 1fr auto; /* Two columns: text and metric */
grid-template-rows: auto auto; /* Two rows: title and description */
gap: 20px; /* Space between grid items */
}
/* Title */
.feedback-content h3 {
grid-area: 1 / 1 / 2 / 2; /* Row 1, Column 1 */
color: var(--color-white); /* White text for contrast */
margin: 0; /* Reset margin for grid alignment */
}
/* Description */
.feedback-content p {
grid-area: 2 / 1 / 3 / 2; /* Row 2, Column 1 */
color: var(--color-white); /* White text for contrast */
margin: 0; /* Reset margin for grid alignment */
}
/* Metric */
.feedback-wrapper .feedback-content .metric {
grid-area: 1 / 2 / 3 / 3; /* Span rows 1 and 2, Column 2 */
align-self: center;
color: var(--color-shamrock);
background: var(--color-weird-green-lighter); /* Light background for contrast */
padding: 8px 12px; /* Padding inside the badge */
border-radius: 12px; /* Rounded corners for the badge */
}
.headliner .info {
max-width: 70vw;
font-size: large;
}
.headliner .info.center {
text-align: center;
margin: auto;
}
.headliner .info.left {
text-align: left;
}
.headliner .info.right {
text-align: left;
}
.headliner .info .title {
font-size: 2.5em;
}
.headliner .info .one-liner, .headliner .info .description {
font-size: larger;
}
/* Collapsible summary styling */
.headliner .info details {
margin-top: 20px; /* Space between the description and summary */
}
.headliner .info summary {
font-size: larger;
font-weight: bold;
cursor: pointer;
}
.headliner .info summary::marker {
font-size: 1.5rem;
}
.headliner .info details p.summary {
margin-top: 10px; /* Space between the summary text and revealed content */
font-size: large;
}
.headliner table {
border-collapse: collapse;
margin-bottom: 100px;
font-size: 16px;
}
.headliner th {
background-color: var(--color-primary-lightest);
}
.headliner th, td {
border: 1px solid var(--color-primary);
padding: 10px;
}
.headliner tbody tr:nth-child(even) {
background: var(--color-palette-gray-1);
}
.headliner tbody > tr:nth-child(odd) > td:nth-child(2) {
background: var(--color-weird-green-lightest);
}
.headliner tbody > tr:nth-child(even) > td:nth-child(2) {
background: var(--color-weird-green-lighter);
}
.illustration-with-info-list {
margin-top: 50px;
}
.illustration-with-info-list .one-liner {
color: var(--color-black);
font-size: 22px;
}
.illustration-with-info-list .content.mtb-lg.illustration img {
border-radius: 25px;
}
.integrations {
text-align: center;
margin: 50px auto;
}
.integrations .logos {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
margin: 50px 0;
}
.integrations .logos .logo {
margin: 20px;
}
@media all and (min-width: 1280px) {
.integrations .logos {
flex-flow: row;
}
.integrations .logos .logo img {
width: 64px;
height: 64px;
-webkit-box-reflect: below 2px
-webkit-gradient(linear, left top, left bottom, from(transparent),
color-stop(0.7, transparent), to(rgba(255,255,255,.5))); /* reflection is supported by webkit only */
-webkit-transition: all 0.3s;
-webkit-transform-origin: 50% 100%;
}
.integrations .logos .logo:hover img {
-webkit-transform: scale(2);
margin: 0 2em;
}
.integrations .logos .logo:hover + .logo img {
-webkit-transform: scale(1.3);
margin: 0 1.5em;
}
}.testimonial {
padding-bottom: 120px;
}
.light-highlight {
border-radius: 40px;
background: var(--color-primary-lightest);
}
/* grid layout */
.testimonial-wrapper {display: grid;
grid-template-columns: 25% 75%;
grid-template-rows: max-content 1.8em 2.2em auto;
grid-auto-flow: row dense;
}
.testimonial-wrapper .quote-sign {
justify-self: end;
align-self: end;
grid-area: 4 / 2 / 5 / 3;
}
.testimonial-wrapper .blockquote {
justify-self: stretch;
align-self: stretch;
grid-area: 1 / 2 / 2 / 3;
}
.testimonial-wrapper .person-bg {
justify-self: end;
align-self: end;
grid-area: 1 / 1 / 2 / 2;
}
.testimonial-wrapper .person {
justify-self: end;
align-self: end;
grid-area: 1 / 1 / 2 / 2;
z-index: 1;
}
.testimonial-wrapper .name {
justify-self: start;
align-self: start;
grid-area: 2 / 1 / 3 / 3;
margin-left: 40px;
margin-top: 10px
}
.testimonial-wrapper .position {
justify-self: start;
align-self: start;
grid-area: 3 / 1 / 4 / 3;
margin-left: 40px;
color: var(--color-outer-space-gray);
}
.testimonial-wrapper blockquote {
line-height: 1.45;
font-style: italic;
font-weight: normal;
}
.testimonial-wrapper .quote-sign {
width: 100px;
height: 63px;
margin-bottom: 2em;
margin-right: 2em;
fill: var(--color-palette-turquoise-1)
}
.testimonial-wrapper .person img {
width: 75px;
height: 75px;
}.signup-simple .content .dark-highlight {
padding: 3rem 1.5rem;
border-radius: 40px;
color: var(--color-white);
background: var(--color-dusk-blue);
}
.cards-with-images .card {
overflow: hidden;
margin-bottom: 60px;
border-radius: 30px;
border: 1px solid var(--color-palette-gray-2);
box-shadow: 0 30px 40px 0 rgba(10, 12, 66, 0.1);
}
.cards-with-images .card .content .info {
padding: 0 60px 60px 60px;
}
.cards-with-images .card .img-wrap {
position: relative;
}
.cards-with-images .card .img-wrap::after {
content: "";
display: block;
height: 5%;
width: 100%;
position: absolute;
bottom: -1px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--color-white));
}
.cards-with-images .card img {
max-width: 100%;
display: block;
}
.cards-with-images .card .button {
margin: 0;
}
.testimonial {
margin-top: 2rem;
margin-bottom: 1rem
}
.light-highlight {
border-radius: 40px;
background: var(--color-primary-lightest);
}
/* grid layout */
.testimonial-wrapper {display: grid;
grid-template-columns: 25% 75%;
grid-template-rows: max-content 1.8em 2.2em auto;
grid-auto-flow: row dense;
}
.testimonial-wrapper .quote-sign {
justify-self: end;
align-self: end;
grid-area: 4 / 2 / 5 / 3;
}
.testimonial-wrapper .blockquote {
justify-self: stretch;
align-self: stretch;
grid-area: 1 / 2 / 2 / 3;
}
.testimonial-wrapper .person-bg {
justify-self: end;
align-self: end;
grid-area: 1 / 1 / 2 / 2;
}
.testimonial-wrapper .person {
justify-self: end;
align-self: end;
grid-area: 1 / 1 / 2 / 2;
z-index: 1;
}
.testimonial-wrapper .name {
justify-self: start;
align-self: start;
grid-area: 2 / 1 / 3 / 3;
margin-left: 40px;
margin-top: 10px
}
.testimonial-wrapper .position {
justify-self: start;
align-self: start;
grid-area: 3 / 1 / 4 / 3;
margin-left: 40px;
color: var(--color-outer-space-gray);
}
.testimonial-wrapper blockquote {
line-height: 1.45;
font-style: italic;
font-weight: normal;
}
.testimonial-wrapper .quote-sign {
width: 100px;
height: 63px;
margin-bottom: 2em;
margin-right: 2em;
fill: var(--color-palette-turquoise-1)
}
.testimonial-wrapper .person img {
width: 75px;
height: 75px;
}
.testimonial-wrapper .person-bg {
width: 80px;
height: 80px;
}
.cards-with-icons {
margin-top: 2rem;
margin-bottom: 1rem;
}
.cards-with-icons .info {
text-align: center;
}
.cards-with-icons .card {
border: 1px solid var(--color-palette-gray-2);
border-radius: 20px;
margin: 20px;
}
.cards-with-icons .card .content {
display: flex;
flex-flow: column;
justify-content: space-between;
padding: 40px;
height: calc(100% - 80px);
}
.cards-with-icons .card .label {
margin: 30px 0;
font-size: 20px;
}
.cards-with-icons .card .side-note {
font-size: 16px;
}
.signup-complex .content .dark-highlight {
position: relative;
padding: 60px 30px;
border-radius: 40px;
color: var(--color-white);
background: var(--color-dusk-blue);
overflow: hidden;
}
.signup-complex .content .card {
color: var(--color-black);
border-radius: 30px;
background: var(--color-white);
}
.signup-complex .content .card .content {
padding: 30px 20px;
}
.signup-complex .content .card .details {
display: flex;
margin: 10px 0;
}
.signup-complex .content .card .details .content {
padding: 10px;
}
.signup-complex .content .card .content .profile-picture-wrapper {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
}
.signup-complex .content .card .content .label {
font-size: 10px;
color: var(--color-outer-space-gray);
}
.signup-complex .content .card .content .main-text {
font-size: 14px;
color: var(--color-black);
}
.signup-complex .content .card .content .badge {
display: inline-block;
font-size: 10px;
color: var(--color-primary);
border-radius: 12px;
padding: 4px 10px;
background: var(--color-primary-lightest);
}
.signup-complex .content .card .content .position {
font-size: 12px;
color: var(--color-primary);
}
.signup-complex .one-liner {
font-size: 22px;
color: var(--color-white);
}
.signup-complex .description {
font-size: 18px;
color: var(--color-white);
}
.signup-complex .description a {
color: var(--color-primary);
}
.signup-complex .description a:hover {
color: var(--color-primary-lighter);
}
.signup-complex .bubble {
right: -200px;
bottom: -200px;
z-index: 0;
background: var(--color-dusk-blue-lighter);
}
.footer {
border-top: 1px solid var(--color-palette-gray-2);
padding-top: 50px;
margin-top: 50px;
}
.footer h3 {
font-size: 16px;
font-weight: 600;
}
.footer .list {
font-size: 14px;
line-height: 1.86;
padding: 10px;
}
.footer .list ul {
list-style-type: none;
padding-left: 0;
margin-top: 0;
}
.footer a {
color: var(--color-outer-space-gray);
}
.footer .list a {
line-height: 48px;
color: var(--color-outer-space-gray);
}
.footer a:hover {
color: var(--color-primary);
}
.footer .badge-area {
margin: 1rem auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
}
.footer .badge-area img {
width: 80px;
margin: 10px;
}
.footer .all-rights #footer-logo {
width: 60px;
height: 60px;
float: left;
fill: var(--color-primary);
}
.footer .all-rights p {
width: calc(100% - 90px);
float: right;
font-size: 12px;
}
.footer .all-rights a {
text-decoration: none;
font-weight: bold;
}
.footer .social-icons {
display: flex;
}
.footer .social-link {
width: 40px;
height: 40px;
margin: 10px;
border-radius: 50%;
border: 1px solid var(--color-palette-gray-2);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#hs-footer-signup-form {
width: 320px;
border: solid 1px var(--color-palette-gray-3);
border-radius: 25px;
margin-top: 10px;
display: flex;
}
#footer-hs-email {
width: 255px;
margin-left: 15px;
border: none;
border-radius: 25px;
line-height: 46px;
font-family: Poppins;
font-weight: normal;
font-size: 0.7rem;
color: var(--color-outer-space-gray);
background-color: var(--color-white);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
text-rendering: auto;
overflow: visible;
outline: none;
}
.footer-hs-signup-button {
border-radius: 50%;
background: var(--color-primary);
width: 44px;
height: 44px;
color: var(--color-white);
border: none;
font: 500 16px system-ui;
outline: none;
margin: 2px;
}
.footer-hs-signup-button:hover {
background: var(--color-primary-lighter);
box-shadow: 0 4px 12px rgba(0,0,0,.1);
}
/* media css */@media all and (min-width: 768px) { #header .content {
display: flex;
}
#header #hamburger {
display: none;
}
#header #header-logo-link {
margin: 25px 0 25px 20px;
}
#header .menu-wrapper {
display: block;
position: relative;
margin-top: unset;
margin-left: unset;
float: right;
padding: 0;
width: calc(100vw - 190px);
}
#header ul > li {
margin: 0 0 0 4px;
}
#header #menu {
text-align: right;
}
#header ul li .button {
margin: 0;
}
#header #menu li {
display: inline-block;
line-height: 1em;
}
#header ul li ul {
margin-left: 10px;
display: flex;
flex-flow: row wrap;
}
#header ul li ul li {
width: 30%;
margin: 0 0 0 3%;
}
#header #menu .link {
display: inline-block;
}
#header #menu .dropdown {
position: relative;
}
#header #menu .dropdown > .content {
cursor: default;
position: fixed;
overflow: unset;
top: -100vw;
width: min(80vw, 1280px);
right: min(10vw, 160px);
transition: all .25s ease;
}
#header #menu .dropdown .item .link-arrow {
color: var(--color-primary);
padding-left: 10px;
}
#header #menu .dropdown .item .link > span {
display: flex;
flex-flow: row;
}
#header #menu .dropdown .item .description {
display: block;
color: var(--color-outer-space-gray);
font-size: 14px;
}
#header #menu .dropdown .content .elements {
display: block;
width: 100%;
background: var(--color-white);
margin-top: 40px;
margin-left: -100vw;
}
#header #menu .dropdown .content .elements > .content {
display: flex;
flex-direction: column;
padding: 40px;
}
#header #menu .dropdown:hover > .content {
top: unset;
}
#header #menu .dropdown:hover .content .elements {
border: 1px solid var(--color-pale-grey);
border-radius: 40px;
margin-top: 30px;
margin-left: 0;
box-shadow: 0 5px 10px 0 rgba(10, 12, 66, 0.1);
}
#header #menu .dropdown .recommendation {
width: 50%;
}
#header #menu .dropdown ul {
width: 100%;
text-align: left;
}
#header #menu .dropdown .arrow {
position: absolute;
display: block;
opacity: 0;
right: 100vw;
bottom: -40px;
border-width: 0 30px 30px 30px;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent #f4f5f6 transparent;
transition: all .25s ease;
}
#header #menu .dropdown:hover .arrow {
opacity: 1;
right: 0;
}
#header #menu .dropdown ul a {
padding: 25px;
border-radius: 25px;
}
#header #menu .dropdown ul a:hover {
background: var(--color-primary-lightest);
}
#header #menu .no-recommendation .content .elements ul {
width: 100%;
}
#header #menu .no-recommendation .content .elements ul .item {
width: 47%;
}
.hero .description {
margin: 0 15vw;
}
.hero .bubble {
display: flex;
}
.bubble.left {
top: 0;
left: calc(-100 / 1440 * 100vw);
}
.bubble.right {
top: 0;
right: calc(-100 / 1440 * 100vw);
}
.logos .feedback {
width: 300px;
padding: 24px;
}
.logos .logo-wrapper:hover .feedback,
.logos .logo-wrapper:focus-within .feedback {
transform: translateX(-50%) translateY(-15%);
}.headliner table {
font-size: larger;
}.testimonial-with-info .testimonial-right {
margin: 60px 40px 60px 80px;
}
.testimonial-with-info blockquote {
line-height: 1.25;
}
.testimonial .person-bg {
width: 150px;
height: 150px;
}
.testimonial .person img {
width: 100px;
height: 100px;
}.signup-simple .content .dark-highlight {
padding-top: calc(100 / 1600 * 100vw);
padding-right: calc(200 / 1600 * 100vw);
padding-bottom: calc(100 / 1600 * 100vw);
padding-left: calc(200 / 1600 * 100vw);
border-radius: 50px;
}
.cards-with-images .cards {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.cards-with-images .cards .card {
width: 560px;
max-width: 45%;
}
.testimonial .person-bg {
width: 150px;
height: 150px;
}
.testimonial .person img {
width: 100px;
height: 100px;
}
.cards-with-icons .cards {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.cards-with-icons .card {
width: calc(50% - 60px);
}
.signup-complex .content .dark-highlight {
padding-top: calc(100 / 1600 * 100vw);
padding-right: calc(100 / 1600 * 100vw);
padding-bottom: calc(100 / 1600 * 100vw);
padding-left: calc(100 / 1600 * 100vw);
border-radius: 50px;
}
.signup-complex .content .card {
width: 440px;
}
.signup-complex .card-wrapper {
display: flex;
justify-content: flex-end;
}
.signup-complex .card .button {
display: block;
margin: 0;
}
.footer .cols .grow-col {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.footer a {
line-height: normal;
color: var(--color-outer-space-gray);
}
}@media all and (min-width: 1024px) { #header #menu .dropdown .recommendation {
width: 30%;
}
#header ul > li {
margin: 0 0 0 10px;
}
#header #menu .dropdown ul {
width: 70%;
}
#header #menu li {
line-height: 1em;
}
#header #menu .dropdown .content .elements > .content {
flex-direction: row;
}
.hero .description {
margin: 0 17vw;
}
.illustration-with-info-list .one-liner {
font-size: 30px;
}
.cards-with-images .card img {
width: 100%;
}
}@media all and (min-width: 1280px) { .logos .mrl {
flex-flow: row;
}
.logos .logo img {
max-width: 100%;
}
.logos .logo-wrapper:hover .feedback {
top: 110%;
}
.headliner .info {
max-width: calc((720 / 1440)* 100vw);
margin: 0 auto;
}.cards-with-icons .card {
width: calc(25% - 60px);
}
}@media all and (min-width: 1440px) {}@media all and (min-width: 1600px) { #header .menu-wrapper {
width: calc(1600px - 190px);
}
#header #menu .dropdown .content {
right: calc((100vw - 1280px) / 2);
}
#header #menu li {
line-height: 1em;
}
.hero .description {
margin: 0 12vw;
}
.signup-simple .content .dark-highlight {
padding-top: 100px;
padding-right: 200px;
padding-bottom: 100px;
padding-left: 200px;
border-radius: 50px;
}
.signup-complex .content .dark-highlight {
padding-top: 100px;
padding-right: 100px;
padding-bottom: 100px;
padding-left: 100px;
border-radius: 50px;
}
}
</style>
</head>
Chamaileon: Create Beautiful & Efficient Emails for High-performance Marketing
Recherche META Description de la page
Effortlessly design, optimize, and build stunning email marketing assets with Chamaileon — the industry-first no-code, drag-and-drop email builder. Achieve 90% faster time to market, seamless integrations, and real results. Empower collaboration and scale your marketing
Recherche META Keywords de la page
UPDATE DOMAINES SET server='CloudFront',redirection='https://chamaileon.io/',Status='200',err='',[TITRE]=N'Chamaileon: Create Beautiful & Efficient Emails for High-performance Marketing',[DESCRIPTION]=N'Effortlessly design, optimize, and build stunning email marketing assets with Chamaileon — the industry-first no-code, drag-and-drop email builder. Achieve 90% faster time to market, seamless integrations, and real results. Empower collaboration and scale your marketing',[KEYWORDS]=N'' WHERE id=33966987
0 Chamaileon: Create Beautiful & Efficient Emails for High-performance Marketing Effortlessly design optimize and build stunning email marketing assets with Chamaileon — the industry-first no-code drag-and-drop email builder. Achieve 90% faster time to market seamless integrations and real results. Empower collaboration and scale your marketing
0. Chamaileon: (11)--------->0
1. Create (6)--------->0
2. Beautiful (9)--------->0
3. & (1)--------->0
4. Efficient (9)--------->0
5. Emails (6)--------->0
6. for (3)--------->0
7. High-performance (16)--------->0
8. Marketing (9)--------->0
9. Effortlessly (12)--------->0
10. design (6)--------->0
12. optimize (8)--------->0
14. and (3)--------->0
15. build (5)--------->0
16. stunning (8)--------->0
17. email (5)--------->0
19. assets (6)--------->0
20. with (4)--------->0
21. Chamaileon (10)--------->0
22. — (1)--------->0
23. the (3)--------->0
24. industry-first (14)--------->0
25. no-code (7)--------->0
27. drag-and-drop (13)--------->0
29. builder (7)--------->0
30. Achieve (7)--------->0
31. 90% (3)--------->0
32. faster (6)--------->0
33. time (4)--------->0
34. to (2)--------->0
35. market (6)--------->0
37. seamless (8)--------->0
38. integrations (12)--------->0
41. real (4)--------->0
42. results (7)--------->0
43. Empower (7)--------->0
44. collaboration (13)--------->0
46. scale (5)--------->0
47. your (4)--------->0
INSERT INTO KEYWORDS (keyword,id_domaine) VALUES (N'Chamaileon:',33966987),(N'Create',33966987),(N'Beautiful',33966987),(N'&',33966987),(N'Efficient',33966987),(N'Emails',33966987),(N'for',33966987),(N'High-performance',33966987),(N'Marketing',33966987),(N'Effortlessly',33966987),(N'design',33966987),(N'optimize',33966987),(N'and',33966987),(N'build',33966987),(N'stunning',33966987),(N'email',33966987),(N'assets',33966987),(N'with',33966987),(N'Chamaileon',33966987),(N'—',33966987),(N'the',33966987),(N'industry-first',33966987),(N'no-code',33966987),(N'drag-and-drop',33966987),(N'builder',33966987),(N'Achieve',33966987),(N'90%',33966987),(N'faster',33966987),(N'time',33966987),(N'to',33966987),(N'market',33966987),(N'seamless',33966987),(N'integrations',33966987),(N'real',33966987),(N'results',33966987),(N'Empower',33966987),(N'collaboration',33966987),(N'scale',33966987),(N'your',33966987)