Case Studies

Developer
Jonathan De Jesús
Size
7,824 Kb
Views
12,144
  1. Case Studies Previews
  2. Case Studies HTML Codes
  3. Case Studies CSS Codes
  4. Case Studies JS Codes

How do I make an case studies?

What is a case studies? How do you make a case studies? This script and codes were developed by Jonathan De Jesús on 24 November 2022, Thursday.

Case Studies Previews
IQ Test

Case Studies - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Case Studies</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='http://www.conversantmedia.com/sites/all/themes/my_theme/css/MyFontsWebfontsKit-jobvite.css'>
<link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="jumbotron animated" style="font-size: 15.38px;"> <div style="display:table-cell; vertical-align:middle; position:relative; z-index:1;" class="animated fadeInUp"> <div class="container"> <div class="title-header">Case Studies</div> <h1>Driving big Results</h1> <p class="subtitle">We ignite connections that motivate consumer action</p> </div> </div> <div id="img-bg"></div>
</div>
<div class="quote-section animated hiding" data-animation="fadeInUp" data-delay="250"> <div class="container"> <div class="row"> <div class="col-lg-12"> <hr/> <h2 class="subheader">We’re a Chosen partner to over 5,000 <br class="hidden-sm"> companies across every industry</h2> <p> We’ve helped our clients drive profound sales growth by enabling brands to connect 1:1 with consumers. <br class="hidden-sm hidden-xs" />But you don’t have to take our word for it, listen to their stories! The proof is in the numbers… </p> </div> </div> <hr/> </div>
</div>
<div class="stat-section animated hiding" data-animation="fadeInUp" data-delay="0" id="stat1"> <div class="stat-container"> <div class="row"> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg> <h1>151<span class="gold">K</span></h1> <h4>New Customers</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>5.5<span class="gold">K</span></h1> <h4>New Visitors</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>$6.5<span class="gold">M</span></h1> <h4>New Revenue</h4> </div> </div> </div> <!-- End Stat Container --> <div class="container stat-summary" style="padding-top:20px"> <div class="stat-header"> <h2 style=""><span><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100; max-width:30px" xml:space="preserve">
<style type="text/css">	.st0{fill:none;stroke:#B3A369;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="XMLID_9_">	<circle id="XMLID_7_" class="st0" cx="23.3" cy="91.8" r="6.2"/>	<circle id="XMLID_6_" class="st0" cx="68.7" cy="91.8" r="6.2"/>	<polyline id="XMLID_5_" class="st0" points="97.7,15.4 85.3,15.4 68.7,85.6 23.3,85.6	"/>	<polyline id="XMLID_4_" class="st0" points="70.8,77.3 17.1,77.3 4.7,40.2 79.3,40.2	"/>	<polyline id="XMLID_3_" class="st0" points="46,40.2 62.6,23.7 79.4,40.2	"/>	<polyline id="XMLID_2_" class="st0" points="25.4,40.2 13,12.5 2.7,17.5 13,40.2	"/>	<polyline id="XMLID_1_" class="st0" points="37.8,40.2 37.8,27.8 58.4,27.8	"/>
</g>
</svg> </span> Increase online purchases</h2> </div> <div class="row"> <div class="challenge col-md-6"> <h3>Challenge</h3> <p>Realizing 80% of their customers bought offline, a major IT provider of integrated hardware and software solutions wanted to increase site visitation and online purchases.</p> </div> <div class="solution col-md-6"> <h3>Solution</h3> <p>We marketed at scale, with efficiency, only to prospects that mimicked existing online customer behaviors that resulted in action. </p> </div> <div class="clearfix"></div> </div> </div> <div class="container stat-footer"> <div class="col-lg-3"><span>CATEGORY:</span> <span class="label label-default">Default</span></div> <div class="col-lg-2 pull-right"><a href="#" class="back-to-top">TOP &#8593; </a> </div> </div>
</div>
<div class="stat-section animated hiding" data-animation="fadeInUp" data-delay="0" id="stat2"> <div class="stat-container"> <div class="row"> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>387<span class="gold">K</span></h1> <h4>New Site Visitors</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg> <h1>23<span class="gold">K</span></h1> <h4>New Customers</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>$4.3<span class="gold">M</span></h1> <h4>New Revenue</h4> </div> </div> </div> <!-- End Stat Container --> <div class="container stat-summary"> <div class="stat-header"> <h2><span><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100; max-width:30px" xml:space="preserve">
<style type="text/css">	.st0{fill:none;stroke:#B3A369;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="XMLID_9_">	<circle id="XMLID_7_" class="st0" cx="23.3" cy="91.8" r="6.2"/>	<circle id="XMLID_6_" class="st0" cx="68.7" cy="91.8" r="6.2"/>	<polyline id="XMLID_5_" class="st0" points="97.7,15.4 85.3,15.4 68.7,85.6 23.3,85.6	"/>	<polyline id="XMLID_4_" class="st0" points="70.8,77.3 17.1,77.3 4.7,40.2 79.3,40.2	"/>	<polyline id="XMLID_3_" class="st0" points="46,40.2 62.6,23.7 79.4,40.2	"/>	<polyline id="XMLID_2_" class="st0" points="25.4,40.2 13,12.5 2.7,17.5 13,40.2	"/>	<polyline id="XMLID_1_" class="st0" points="37.8,40.2 37.8,27.8 58.4,27.8	"/>
</g>
</svg> </span> Drive Seasonal Interactions</h2> </div> <div class="row"> <div class="challenge col-md-6"> <h3>Challenge</h3> <p>A leading worldwide fashion and hovme products ecommerce retailer wanted to maximize awerness of promotions and increase site visitation during the holiday season.
</p> </div> <div class=" solution col-md-6"> <h3>Solution</h3> <p>We direct messaged “lookalike” prospects and site visitors, excluding years of existing customers, across devices and in various media formats to maximize results. </p> </div> <div class="clearfix"></div> </div> </div> <div class="container stat-footer"> <div class="col-xs-3"><span>CATEGORY:</span> <span class="label label-default">Default</span></div> <div class="col-xs-2 pull-right text-right"><a href="#" class="back-to-top">TOP &#8593; </a> </div> </div>
</div>
<div class="stat-section animated hiding" data-animation="fadeInUp" data-delay="0" id="stat3"> <div class="stat-container"> <div class="row"> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>71<span class="gold">%</span></h1> <h4>Visitors Activiated SitePersonalization Decisions</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>3.6<span class="gold">%</span></h1> <h4>High Conversions For Consumers Getting Personalization Decisions</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg> <h1>11<span class="gold">%</span></h1> <h4>Higher AOV For Consumers Getting Site Personalization Decisions</h4> </div> </div> </div> <!-- End Stat Container --> <div class="container stat-summary"> <div class="stat-header"> <h2><span><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100; max-width:30px" xml:space="preserve">
<style type="text/css">	.st0{fill:none;stroke:#B3A369;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="XMLID_9_">	<circle id="XMLID_7_" class="st0" cx="23.3" cy="91.8" r="6.2"/>	<circle id="XMLID_6_" class="st0" cx="68.7" cy="91.8" r="6.2"/>	<polyline id="XMLID_5_" class="st0" points="97.7,15.4 85.3,15.4 68.7,85.6 23.3,85.6	"/>	<polyline id="XMLID_4_" class="st0" points="70.8,77.3 17.1,77.3 4.7,40.2 79.3,40.2	"/>	<polyline id="XMLID_3_" class="st0" points="46,40.2 62.6,23.7 79.4,40.2	"/>	<polyline id="XMLID_2_" class="st0" points="25.4,40.2 13,12.5 2.7,17.5 13,40.2	"/>	<polyline id="XMLID_1_" class="st0" points="37.8,40.2 37.8,27.8 58.4,27.8	"/>
</g>
</svg> </span> Generate Conversions</h2> </div> <div class="row"> <div class="challenge col-md-6"> <h3>Challenge</h3> <p>A national multi-channel athletic apparel retailer desired one-to-one site personalization across their .com and mobile websites.</p> </div> <div class=" solution col-md-6"> <h3>Solution</h3> <p>Our platform recognized a visitor as an existing customer, and dynamically rendered personalization decisions, such as product category recommendations, within milliseconds. We delivered consistent one-to-one website personalization across devices, resulting in more revenue for the brand. </p> </div> <div class="clearfix"></div> </div> </div> <div class="container stat-footer"> <div class="col-xs-3"><span>CATEGORY:</span> <span class="label label-default">Default</span></div> <div class="col-xs-2 pull-right text-right"><a href="#" class="back-to-top">TOP &#8593; </a> </div> </div>
</div>
<div class="stat-section animated hiding" data-animation="fadeInUp" data-delay="0" id="stat4"> <div class="stat-container"> <div class="row"> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>82<span class="gold">%</span></h1> <h4>Matches From Conversant
</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg> <h1>43<span class="gold">%</span></h1> <h4>Matched Users Converted
</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>51<span class="gold">%</span></h1> <h4>Of Visitors Seen On Mobileor Tablets</h4> </div> </div> </div> <!-- End Stat Container --> <div class="container stat-summary"> <div class="stat-header"> <h2><span><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100; max-width:30px" xml:space="preserve">
<style type="text/css">	.st0{fill:none;stroke:#B3A369;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="XMLID_9_">	<circle id="XMLID_7_" class="st0" cx="23.3" cy="91.8" r="6.2"/>	<circle id="XMLID_6_" class="st0" cx="68.7" cy="91.8" r="6.2"/>	<polyline id="XMLID_5_" class="st0" points="97.7,15.4 85.3,15.4 68.7,85.6 23.3,85.6	"/>	<polyline id="XMLID_4_" class="st0" points="70.8,77.3 17.1,77.3 4.7,40.2 79.3,40.2	"/>	<polyline id="XMLID_3_" class="st0" points="46,40.2 62.6,23.7 79.4,40.2	"/>	<polyline id="XMLID_2_" class="st0" points="25.4,40.2 13,12.5 2.7,17.5 13,40.2	"/>	<polyline id="XMLID_1_" class="st0" points="37.8,40.2 37.8,27.8 58.4,27.8	"/>
</g>
</svg> </span> Boost Cross-Device Engagement</h2> </div> <div class="row"> <div class="challenge col-md-6"> <h3>Challenge</h3> <p>A major retail store wanted to interact one-to-one, at scale,with a mobile audience using Apple devices. </p> </div> <div class=" solution col-md-6"> <h3>Solution</h3> <p>By leveraging our match pool of 130MM individuals, and massive first-party cookie network, we accurately targeted individuals who transacted across multiple devices including iOS/Safari. With matching done on a deterministic transaction basis, we were able to deliver true cross-device tracking on all Apple devices. </p> </div> <div class="clearfix"></div> </div> </div> <div class="container stat-footer"> <div class="col-xs-3"><span>CATEGORY:</span> <span class="label label-default">Default</span></div> <div class="col-xs-2 pull-right text-right"><a href="#" class="back-to-top">TOP &#8593; </a> </div> </div>
</div>
<div class="stat-section animated hiding" data-animation="fadeInUp" data-delay="0" id="stat5"> <div class="stat-container"> <div class="row"> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>406<span class="gold">K</span></h1> <h4>New Site Visitors</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg> <h1>22<span class="gold">K</span></h1> <h4>New Customers</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>$3.1<span class="gold">M</span></h1> <h4>New Revenue</h4> </div> </div> </div> <!-- End Stat Container --> <div class="container stat-summary"> <div class="stat-header"> <h2><span><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100; max-width:30px" xml:space="preserve">
<style type="text/css">	.st0{fill:none;stroke:#B3A369;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="XMLID_9_">	<circle id="XMLID_7_" class="st0" cx="23.3" cy="91.8" r="6.2"/>	<circle id="XMLID_6_" class="st0" cx="68.7" cy="91.8" r="6.2"/>	<polyline id="XMLID_5_" class="st0" points="97.7,15.4 85.3,15.4 68.7,85.6 23.3,85.6	"/>	<polyline id="XMLID_4_" class="st0" points="70.8,77.3 17.1,77.3 4.7,40.2 79.3,40.2	"/>	<polyline id="XMLID_3_" class="st0" points="46,40.2 62.6,23.7 79.4,40.2	"/>	<polyline id="XMLID_2_" class="st0" points="25.4,40.2 13,12.5 2.7,17.5 13,40.2	"/>	<polyline id="XMLID_1_" class="st0" points="37.8,40.2 37.8,27.8 58.4,27.8	"/>
</g>
</svg> </span> Attract New Customers</h2> </div> <div class="row"> <div class="challenge col-md-6"> <h3>Challenge</h3> <p>A leading specialty retailer of outdoor products and apparel wanted to drive more site visits and purchases by attractingnew customers.
</p> </div> <div class=" solution col-md-6"> <h3>Solution</h3> <p>Using our massive database of robust profiles, we identified prospects that behave similarly to existing customers and personalized messages to engage this new audience. Our platform found new potential customers, while excluding the brand’s current customer base, so a more relevant conversation could be crafted that resulted in consumer action. </p> </div> <div class="clearfix"></div> </div> </div> <div class="container stat-footer"> <div class="col-xs-3"><span>CATEGORY:</span> <span class="label label-default">Default</span></div> <div class="col-xs-2 pull-right text-right"><a href="#" class="back-to-top">TOP &#8593; </a> </div> </div>
</div>
<div class="stat-section animated hiding" data-animation="fadeInUp" data-delay="0" id="stat6"> <div class="stat-container"> <div class="row"> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>41<span class="gold">%</span></h1> <h4>Overall Increase in Uniques Messaged</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg> <h1>12<span class="gold">%</span></h1> <h4>Decrease in Cookie Attrition</h4> </div> <div class="col-md-4 stat-box"> <?xml version="1.0" encoding="utf-8" ?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve" class="stat-icon"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: none; stroke: #FFFFFF; stroke-width: 6.2679; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <g id="XMLID_8_"> <g id="XMLID_26_"> <path id="XMLID_27_" class="st0" d="M258.3,51.7c26.7,0,52.5,5.2,76.9,15.5c23.5,9.9,44.6,24.2,62.8,42.3s32.4,39.3,42.3,62.8	c10.3,24.3,15.5,50.2,15.5,76.9c0,26.7-5.2,52.5-15.5,76.9c-9.9,23.5-24.2,44.6-42.3,62.8c-18.1,18.1-39.3,32.4-62.8,42.3	c-24.3,10.3-50.2,15.5-76.9,15.5H243c-26.7,0-52.5-5.2-76.9-15.5c-23.5-9.9-44.6-24.2-62.8-42.3C85.3,370.6,71,349.5,61.1,326	c-10.3-24.3-15.5-50.2-15.5-76.9c0-26.7,5.2-52.5,15.5-76.9c9.9-23.5,24.2-44.6,42.3-62.8s39.3-32.4,62.8-42.3	c24.3-10.3,50.2-15.5,76.9-15.5H258.3 M258.3,45.4H243c-112.5,0-203.7,91.2-203.7,203.7v0c0,112.5,91.2,203.7,203.7,203.7h15.3	c112.5,0,203.7-91.2,203.7-203.7v0C462,136.6,370.8,45.4,258.3,45.4L258.3,45.4z" /> </g> </g> <g> <path id="XMLID_7_" class="st1" d="M250.8,343.3H144.3c0,0,0.6-28.3,9.8-42.2c7.3-10.9,32.4-18.5,55.5-27.8" /> <path id="XMLID_6_" class="st1" d="M250.8,343.3h106.4c0,0,0.6-28.3-8.7-42.2c-7.3-10.9-31.8-18.5-54.9-27.8" /> <path id="XMLID_5_" class="st1" d="M273.9,269.2v-28.3c0,0,14.2-9.3,14.2-27.8c4.6,0,9.4-18.5,0.1-23.1c0-2.7,12.5-25.9,9.3-41.6	c-4.6-23.1-69.4-23.1-74-4.6c-27.8,0-9.2,42.5-9.2,46.3c-9.3,4.6-4.9,23.1-0.3,23.1c0,18.5,13.6,27.8,13.6,27.8v28.3" /> <path id="XMLID_4_" class="st1" d="M251.3,310.3c-13.9,0-24.3,32.9-24.3,32.9h46.3C273.3,343.3,265.2,310.3,251.3,310.3z" /> <path id="XMLID_3_" class="st1" d="M251.6,278c-6.8,0-19.4-4.6-24-9.3v-9.3l-5.7,3.2c-6.9,3.3-14.3,12-16.7,19.2l-9.6,28.5	L251.6,278z" /> <path id="XMLID_2_" class="st1" d="M250.5,278c6.7,0,18.8-4.6,23.4-9.3v-9.3l6.3,3.2c6.9,3.3,14.6,12,17,19.2l9.4,28.5L250.5,278z	" /> <path id="XMLID_1_" class="st1" d="M236.9,286.5v5.3c0,7.7,6.2,13.9,13.9,13.9c7.7,0,13.9-6.2,13.9-13.9v-5.7" /> </g> </g> </svg>
<h1>19<span class="gold">%</span></h1> <h4>Decrease in Duplicate Cookies</h4> </div> </div> </div> <!-- End Stat Container --> <div class="container stat-summary"> <div class="stat-header"> <h2><span><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100; max-width:30px" xml:space="preserve">
<style type="text/css">	.st0{fill:none;stroke:#B3A369;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="XMLID_9_">	<circle id="XMLID_7_" class="st0" cx="23.3" cy="91.8" r="6.2"/>	<circle id="XMLID_6_" class="st0" cx="68.7" cy="91.8" r="6.2"/>	<polyline id="XMLID_5_" class="st0" points="97.7,15.4 85.3,15.4 68.7,85.6 23.3,85.6	"/>	<polyline id="XMLID_4_" class="st0" points="70.8,77.3 17.1,77.3 4.7,40.2 79.3,40.2	"/>	<polyline id="XMLID_3_" class="st0" points="46,40.2 62.6,23.7 79.4,40.2	"/>	<polyline id="XMLID_2_" class="st0" points="25.4,40.2 13,12.5 2.7,17.5 13,40.2	"/>	<polyline id="XMLID_1_" class="st0" points="37.8,40.2 37.8,27.8 58.4,27.8	"/>
</g>
</svg> </span> Maximize Mobile Reach</h2> </div> <div class="row"> <div class="challenge col-md-6"> <h3>Challenge</h3> <p>Increase mobile reach and consistent messaging across devices of consumer for a major retailer that has a significant amount of site traffic from iOS and mobile users.
</p> </div> <div class=" solution col-md-6"> <h3>Solution</h3> <p>Combine Conversant's massive 1st party cookie network and ability to message at the ID level to deliver true cross-device tracking. Since our network is continually refreshed across devices and cookies, we maintain the highest level of matching of individual IDs. </p> </div> <div class="clearfix"></div> </div> </div> <div class="container stat-footer"> <div class="col-xs-3"><span>CATEGORY:</span> <span class="label label-default">Default</span></div> <div class="col-xs-2 pull-right text-right"><a href="#" class="back-to-top">TOP &#8593; </a> </div> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://arti.us/clients/conversant/js/jquery.appear.js'></script>
<script src='http://www.cjuniversity.com/assets/js/bootstrap.min.js'></script>
<script src='http://arti.us/clients/conversant/js/jquery.equalheights.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Case Studies - Script Codes CSS Codes

html {}
::selection { background-color: #b3a369; color: #fff;
}
.text-right { text-align: right
}
h1 { font-family: Gibson-Semibold; text-transform: uppercase; letter-spacing: 1.5px
}
h2,
h3,
h4,
h5,
h6 { font-family: Gibson-Light; text-transform: uppercase; letter-spacing: 2px
}
h2 { font-size: 36px; font-family: Gibson-Semibold;
}
h2.subheader { font-size: 28px; font-family: Gibson-Light;
}
p { font-size: 16px; font-family: Gibson-Light; line-height: 1.6em
}
.hiding { opacity: 0;
}
a.back-to-top { text-decoration: none; font-family: "Gibson-Semibold"; color: #000
}
.gold { color: #b3a369; -webkit-transition: color 1s ease-in; -moz-transition: color .5s ease-in; -o-transition: color .5s ease-in; -ms-transition: color .5s ease-in; transition: color .5s ease-in;
}
.black { color: #1d1d1d
}
.stat-section { padding: 50px 0;
}
.stat-header { text-align: center
}
.stat-header h2 { text-align: left; padding-bottom: 20px
}
.stat-container h4 { width: 60%; margin: 0 auto;
}
#stat1 .stat-container { text-align: center; background: #000 url('http://arti.us/clients/conversant/images/shopping.jpg'); background-size: cover; background-position: center left
}
#stat2 .stat-container { text-align: center; background: #000 url('http://arti.us/clients/conversant/images/seasons.jpg'); background-size: cover; background-position: bottom left
}
#stat3 .stat-container { text-align: center; background: #000 url('http://arti.us/clients/conversant/images/generate.jpg'); background-size: cover; background-position: bottom left
}
#stat3 .stat-container { text-align: center; background: #000 url('http://arti.us/clients/conversant/images/generate.jpg'); background-size: cover; background-position: bottom left
}
#stat4 .stat-container { text-align: center; background: #000 url('http://arti.us/clients/conversant/images/crossdevice.jpg'); background-size: cover; background-position: bottom left
}
#stat5 .stat-container { text-align: center; background: #000 url('http://arti.us/clients/conversant/images/customer.jpg'); background-size: cover; background-position: bottom left
}
#stat6 .stat-container { text-align: center; background: #000 url('http://arti.us/clients/conversant/images/distance.jpg'); background-size: cover; background-position: bottom left
}
.stat-icon { max-width: 100px
}
.stat-box { background: rgba(0, 0, 0, 0.3); color: white; padding: 75px 0; transition: background .75s ease;
}
.stat-box:hover { background: rgba(179, 163, 105, .8)
}
.stat-container h1 { font-size: 60px; margin: 0
}
.stat-summary { padding: 50px 15px 50px 15px;
}
.stat-summary h6 { font-family: Gibson-Light; font-size: 28px
}
.stat-footer { padding: 10px 0; border-top: 1px solid #eee; margin-bottom: 50px
}
.stat-footer span { font-family: Gibson-Semibold
}
.stat-footer .label-default { background: #f1f1f2; color: #666; font-family: Gibson-Regular; text-transform: uppercase; padding: 5px;
}
.jumbotron { background: #000000; background-size: cover; display: table; width: 100%; position: relative; border-radius: 0px; color: white; text-align: center; text-transform: uppercase; margin: 0; min-height: 450px;
}
.jumbotron h1 { margin: 0; letter-spacing: 4px
}
.jumbotron .subtitle { text-transform: none; letter-spacing: 1px
}
#img-bg { position: absolute; right: 0; bottom: 0; width: auto; min-width: 100%; height: auto; min-height: 100%; background: url(http://arti.us/clients/conversant/images/sun.jpg) no-repeat center left; background-size: cover; opacity: 0.5; z-index: 0
}
.quote-section { text-align: center; margin: 50px 0;
}
.quote-section h2,
.quote-section p { margin: 0; padding: 0
}
.quote-section p { font-size: 20px; font-family: Gibson-Light; padding-top: 10px
}
.quote-section hr { width: 30%; border-width: 8px; margin: 30px auto
}
.title-header { font-family: Gibson-Regular; text-transform: uppercase; letter-spacing: 3px; padding: 10px 0 8px 0; border: 2px solid #ffffff; width: 20%; text-align: center; margin: 15px auto; line-height:
}
@media (min-width: 1200px) { .container { width: 970px; } .stat-box { padding: 75px 0; }
}
@media (max-width: 992px) { .stat-box { padding: 20px 0; }
}
@media (min-width: 320px) and (max-width: 480px) { .title-header { font-family: Gibson-Regular; text-transform: uppercase; letter-spacing: 3px; padding: 10px 0 8px 0; border: 2px solid #ffffff; width: 60%; text-align: center; margin: 15px auto; line-height: } .challenge, .solution { padding: 20px 15px; } .stat-box { padding: 10px 0; } .stat-header span { display: block; width: 100% }
}
}

Case Studies - Script Codes JS Codes

$('.stat-box').hover(function(){ $(this).find('span.gold').addClass("black");
},function(){ $('span.gold').removeClass("black");
}); // scroll body to 0px on click $('.back-to-top').click(function () { $('html, body').animate({ scrollTop: 0 }, 1500); return false; });
$('.animated').appear(function(){ var element = $(this); var animation = element.data('animation'); var animationDelay = element.data('delay'); if (animationDelay) { setTimeout(function(){ element.addClass( animation + " visible" ); element.removeClass('hiding'); if (element.hasClass('counter')) { element.find('.value').countTo(); } }, animationDelay); }else { element.addClass( animation + " visible" ); element.removeClass('hiding'); if (element.hasClass('counter')) { element.find('.value').countTo(); } } },{accY: -150});
$('.stat-box').equalHeights();
Case Studies - Script Codes
Case Studies - Script Codes
Home Page Home
Developer Jonathan De Jesús
Username JonathanDeJesus
Uploaded November 24, 2022
Rating 3
Size 7,824 Kb
Views 12,144
Do you need developer help for Case Studies?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Jonathan De Jesús (JonathanDeJesus) Script Codes
Name
Css reference
JS
Color
Personal site
My first pen
Enveer
Moises
Responsive modal window
Daily UI Sign Up
Blog design idea
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!