<section id="" class="section " style=" ">
<div class="row " style="">
<div class="col _span-6 _pad-right" style="">
<h2 class=" " style="">
Manage All Accounts from One Platform
</h2>
<h3 class=" " style="">
Flexible Group Structure
</h3>
<p id="" class="">
Use autonomous groups to organize teams and social profiles to fit your agency’s and clients’ needs.
</p>
<h3 class=" " style="">
Custom User Roles
</h3>
<p id="" class="">
Set precise publishing permissions, reporting access, and feature controls at the individual and profile level.
</p>
<h3 class=" " style="">
Scalable Client Management
</h3>
<p id="" class="">
Set up separate, secure environments for each client account and create more as you win new business.
</p>
</div>
<div class="col _span-7 _fullbleed _nogutter _reverse" style="">
<img id="" class="image Image--shadow" alt="" style="" src="" />
</div>
</div>
</section>
<section
id="{{id}}"
class="{{#unless unstyled}}section{{/unless}} {{modifier}} {{#if lazyload}}b-lazy{{/if}}"
{{#if lazyload}}
{{#if background}}data-src="{{background}}"{{/if}}
style="{{style}}"
{{else}}
style="{{#if background}}background-image: url({{background}});{{/if}} {{style}}"
{{/if}}
{{#if expanded}}expanded{{/if}}
>
{{> @children}}
</section>
{
"background": null,
"expanded": null,
"id": null,
"lazyload": null,
"modifier": null,
"style": null,
"unstyled": null,
"children": [
{
"component": "row",
"modifier": "_centeritems",
"context": {
"children": [
{
"component": "column",
"context": {
"span": 6,
"modifier": "_pad-right",
"children": [
{
"component": "heading",
"context": {
"level": 2,
"text": "Manage All Accounts from One Platform"
}
},
{
"component": "heading",
"context": {
"text": "Flexible Group Structure",
"level": 3
}
},
{
"component": "p",
"context": {
"text": "Use autonomous groups to organize teams and social profiles to fit your agency’s and clients’ needs."
}
},
{
"component": "heading",
"context": {
"text": "Custom User Roles",
"level": 3
}
},
{
"component": "p",
"context": {
"text": "Set precise publishing permissions, reporting access, and feature controls at the individual and profile level."
}
},
{
"component": "heading",
"context": {
"text": "Scalable Client Management",
"level": 3
}
},
{
"component": "p",
"context": {
"text": "Set up separate, secure environments for each client account and create more as you win new business."
}
}
]
}
},
{
"component": "column",
"context": {
"span": 7,
"modifier": "_fullbleed _nogutter _reverse",
"children": [
{
"component": "image",
"context": {
"modifier": "Image--shadow"
}
}
]
}
}
]
}
}
]
}
@import "../../axioms/Section";
@import "../../axioms/Angled";
@import "./SectionBase";
.section {
@include section;
&._bordered {
border-top: 1px solid get-color(neutral, 200);
}
&._dark {
@include section-color(theme-color(background,dark), theme-color(text,inverse));
}
&._gray {
@include section-color(theme-color(background, light));
}
&._tall {
@include section-padding(Space(800), Space(800), Space(600), Space(600));
@include hero-alignment("left");
}
&._teal {
@include section-color(get-color(aqua, 600), theme-color(text, inverse));
}
&._5050image {
@include section-style("5050image");
}
}
.Section--gradient {
background: linear-gradient(300deg, get-color(neutral, 200), get-color(neutral, 0));
background-color: get-color(neutral, 100);
}
@media #{$mobile-media} {
.section {
&._hide-bg-mobile {
background-image: none !important;
}
._bottomimage {
padding-bottom: 0;
}
// Add class to body (in controller) to center all the things on mobile
._mobilecentered & * {
text-align: center;
}
&._tall:not(._dark) {
background: theme-color(background, light);
}
}
}
@import "../../axioms/Section";
@import "../../axioms/Angled";
.section {
@include section;
&._small {
@include section-padding(Space(500), Space(500));
}
&._centered {
@include section-alignment("center");
}
&._multirow > .row + .row {
margin-top: Space(500);
}
}
@media #{$desktop-media} {
.section {
&._multirow > .row + .row {
margin-top: Space(600);
}
}
}
There are no notes for this item.