<section id="" class="section _5050image " style=" ">
<div class="row _centeritems" style="">
<div class="col _span-7 _fullbleed _nogutter _reverse" style="">
<img id="" class="image _right" alt="" style="" src="//media.sproutsocial.com/uploads/agency-solution-team-around-laptop.jpg" />
</div>
<div class="col _span-5 " style="">
<h2 class=" " style="">
Sprout Thrives in Any Agency Environment
</h2>
<h3 class=" " style="">
A Team of Community Managers
</h3>
<p id="" class="">
Give your team a platform to easily and securely divvy up your client portfolio so they can manage, monitor and measure from a centralized platform.
</p>
<h3 class=" " style="">
Interdisciplinary Account Teams
</h3>
<p id="" class="">
Enable agency specialists—covering content creation, engagement, analytics, strategy and more—to collaborate on social programs for one or more brands.
</p>
<h3 class=" " style="">
Active Client Collaboration
</h3>
<p id="" class="">
Facilitate real-time, ongoing collaboration with your clients on social content, customer engagement, relationship management and various workflows.
</p>
</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": "_5050image",
"style": null,
"unstyled": null,
"children": [
{
"component": "row",
"context": {
"modifier": "_centeritems",
"children": [
{
"component": "column",
"context": {
"span": 7,
"modifier": "_fullbleed _nogutter _reverse",
"children": [
{
"component": "image",
"context": {
"modifier": "_right",
"src": "//media.sproutsocial.com/uploads/agency-solution-team-around-laptop.jpg"
}
}
]
}
},
{
"component": "column",
"context": {
"span": 5,
"children": [
{
"component": "heading",
"context": {
"level": 2,
"text": "Sprout Thrives in Any Agency Environment"
}
},
{
"component": "heading",
"context": {
"text": "A Team of Community Managers",
"level": 3
}
},
{
"component": "p",
"context": {
"text": "Give your team a platform to easily and securely divvy up your client portfolio so they can manage, monitor and measure from a centralized platform."
}
},
{
"component": "heading",
"context": {
"text": "Interdisciplinary Account Teams",
"level": 3
}
},
{
"component": "p",
"context": {
"text": "Enable agency specialists—covering content creation, engagement, analytics, strategy and more—to collaborate on social programs for one or more brands."
}
},
{
"component": "heading",
"context": {
"text": "Active Client Collaboration",
"level": 3
}
},
{
"component": "p",
"context": {
"text": "Facilitate real-time, ongoing collaboration with your clients on social content, customer engagement, relationship management and various workflows."
}
}
]
}
}
]
}
}
]
}
@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.