LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Our Team

Each member of our team is a specialist in his or her field. Together, we make sure you’re investing where the best returns are, while building loyalty across every touchpoint.

ROBERTA MEO

VICE PRESIDENT, CUSTOMER OPERATIONS
Roberta is based in the New York HQ office and oversees the company’s global Customer Operations teams that support millions of Squarespace users. Prior to Squarespace, Roberta launched WSJ+, the Wall Street Journal’s first customer membership program, and served as AVP of Operations and Systems at AIG. She started her career at Bloomberg L.P., leading several global support teams and acting as the COO of the Analytics department. Roberta holds an MBA from the University of Oxford and a B.S. in Policy Analysis and Management from Cornell University.

KINJIL MATHUR

CHIEF MARKETING OFFICER
As the Chief Marketing Officer of Squarespace, Kinjil leads the company’s world-class marketing and PR teams. Before Squarespace, Kinjil served as CMO at Foursquare where she successfully repositioned the company’s brand to accelerate growth in both the consumer and enterprise location intelligence businesses. Kinjil spent the previous decade building technology competencies for retail giants, most notably as Vice President of Digital Marketing for Saks Fifth Avenue. She holds a bachelor’s degree with Honors from the University of Texas at Austin in Management of Information Systems and Finance.

KRIS PASSET

VICE PRESIDENT, PEOPLE
As the Vice President of People, Kris Passet’s focus lies in the development and optimization of talent retention and acquisition initiatives. Since joining Squarespace, Kris has overseen the company’s meteoric growth while protecting and scaling its uniquely creative and entrepreneurial culture, and is responsible for leading all areas of Squarespace’s People operations. Prior to joining Squarespace, Kris worked at SecondMarket where she began her career in HR. She received her B.A. in Communication from Fordham University and although she has spent 15 years in New York City, she still calls Agana Springs, Guam, home.

ANDREW BARTHOLOMEW

SENIOR VICE PRESIDENT, STRATEGY
As the leader of Squarespace’s Strategy division, Andrew is responsible for developing the analytical frameworks that shape the company’s business. Since joining Squarespace, he has grown the division into a team that covers everything from business strategy and customer insights to analytics and data science. Prior to Squarespace, Andrew worked at the New York County District Attorney’s Office helping to shape the office’s new data-driven approach to fighting crime. Andrew graduated from Yale, where he majored in Psychology and was an editor at the Yale Daily News.
CSS
/*-----------------------------
# [Color codes]
----------------------------- */
/*-----------------------------
# [Size]
----------------------------- */
/*-----------------------------
# [Media Visibility Utils]
----------------------------- */
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700");
@import url("https://fonts.googleapis.com/css?family=Oxygen");
@import url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css");
@media (max-width: 600px) {
  .hidden-xs {
    display: none;
  }
}
/*-----------------------------
# [Typography]
----------------------------- */
/*-----------------------------
# [MIXIN]
----------------------------- */
/* List - Text - Link
-------------------------------------------------------------- */
html {
  font-size: 100.01%;
}

body {
  font-size: 14px;
  color: #3f465e;
  line-height: 1.6;
  font-family: "Source Sans Pro", "Times New Roman", Times, serif;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}

a {
  color: #222;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #000;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

img {
  max-width: 100%;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: Oxygen, arial, sans-serif;
}

.display4 {
  font-size: 112px;
  color: rgba(0, 0, 0, 0.54);
}

.display3 {
  font-size: 56px;
  color: rgba(0, 0, 0, 0.54);
}

h1,
.h1,
.display2 {
  font-size: 45px;
  line-height: 48px;
  margin-top: 48px;
  color: rgba(0, 0, 0, 0.54);
}

h2,
.h2,
.display1 {
  font-size: 34px;
  line-height: 40px;
  margin-top: 40px;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.54);
}

h3,
.h3,
.headline {
  font-size: 24px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.85);
}

h4,
.h4,
.title {
  font-size: 21px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0.05px;
}

h5,
.h5,
.sub-heading {
  font-size: 17px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0.1px;
}

h6,
.h6,
.caption {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 400;
  letter-spacing: 0.2px;
}

/* Typography - Responsive */
@media (max-width: 768px) {
  .display4 {
    font-size: 3.5rem;
  }

  .display3 {
    font-size: 3rem;
  }

  h1,
  .h1,
  .display2 {
    font-size: 2.5rem;
  }

  h2,
  .h2,
  .display1 {
    font-size: 2rem;
  }
}
@media (max-width: 600px) {
  .display4 {
    font-size: 2rem;
  }

  .display3 {
    font-size: 2.5rem;
  }

  h1,
  .h1,
  .display2 {
    font-size: 2rem;
  }

  h2,
  .h2,
  .display1 {
    font-size: 1.5rem;
  }

  h3,
  .h3,
  .headline {
    font-size: 1.2rem;
  }

  h4,
  .h4,
  title {
    font-size: 1rem;
  }

  h5,
  .h5,
  .sub-heading {
    font-size: 0.9rem;
  }
}
ul,
ol {
  padding: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

.dl-horizontal:after,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #e1e3ea;
  border-bottom: 1px solid #ffffff;
}

label {
  font-weight: normal;
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #e1e3ea;
}

blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}

blockquote small {
  display: block;
  line-height: 20px;
  color: #596377;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #e1e3ea;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Inconsolata, monospace;
  font-size: 12px;
  color: #3f465e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f7;
  border: 1px solid #e1e3ea;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f7f7f7;
  border: 1px solid #e1e3ea;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"] {
  border: 1px solid #e5e5e5;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.25;
  border-radius: .25rem;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input[type="text"],
input[type="button"],
input[type="number"],
input[type="email"],
input[type="email"],
input[type="submit"],
input[type="password"],
input[type="passwords"],
button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type='number'] {
  -moz-appearance: textfield;
}

select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  line-height: 1.25;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: .25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* List - Text - Link -------------------------------------------------------------- */
/* Select
-------------------------------------------------------------- */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #596377;
  opacity: 1;
  font-size: 14px;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #596377;
  opacity: 1;
  font-size: 14px;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #596377;
  opacity: 1;
  font-size: 14px;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #596377;
  opacity: 1;
  font-size: 14px;
}

::selection {
  background: #00A5B4;
  /* Safari */
  color: #fff;
}

::-moz-selection {
  background: #00A5B4;
  /* Firefox */
  color: #fff;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

/* Select-------------------------------------------------------------- */
/* MISC 
-------------------------------------------------------------- */
.container:after,
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

.grid-10 {
  float: left;
  width: 10%;
}

.pl-10 {
  padding-left: 10px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-40 {
  padding-left: 40px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-40 {
  padding-right: 40px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.p-10 {
  padding: 10px;
}

.p-20 {
  padding: 20px;
}

.p-30 {
  padding: 30px;
}

.p-40 {
  padding: 40px;
}

.p-50 {
  padding: 50px;
}

.p-60 {
  padding: 60px;
}

.p-0 {
  padding: 0px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.banner img,
figure img {
  display: block;
}

.reset {
  margin-bottom: 0;
}

.reset td {
  padding: 0;
}

.inline {
  width: auto;
}

.relative {
  position: relative;
}

.figure,
figure {
  overflow: hidden;
}

.figure img {
  height: 100%;
  max-width: none;
}

.figure,
figure {
  text-align: center;
  display: block;
}

.figure2 {
  display: block;
  overflow: hidden;
}

.figure2 img {
  width: 100%;
  height: auto;
  min-height: 100%;
}

.figure2 span {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.figure3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.figure3 img {
  width: auto;
  min-height: 0;
  max-height: 100%;
  display: inline;
}

.overhidden {
  overflow: hidden;
}

.muted {
  color: #596377;
}

.color {
  color: #00A5B4 !important;
}

.link {
  color: #222;
}

hr.line {
  border-top: 1px solid #e1e3ea;
}
hr.dashed {
  border-top: 1px dashed #e1e3ea;
}

img.align-left {
  float: left;
  margin: 8px 20px 10px 0;
}
img.align-right {
  float: right;
}
img.align-center {
  margin: 0px auto;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

.align-center {
  text-align: center !important;
}

table.normal {
  width: 100%;
}

table.normal tr td {
  vertical-align: top;
  padding: 0 10px 5px 0;
  text-align: left;
}

.mystyle-dropcaps {
  color: #3f465e;
  display: inline-block;
  float: left;
  font-size: 40px;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  margin: 5px 20px 0 0;
  position: relative;
  text-align: center;
  width: 45px;
}

.mystyle-highlight {
  color: #ffffff;
  background-color: #ffce02;
}

/* MISC --------------------------------------------- */
/* RESET BOOTSTRAP
-------------------------------------------------------------- */
.btn .rounded {
  border-radius: 999em;
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.btn.btn-success {
  background-color: #D6E9C6;
  border-color: #D6E9C6;
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active {
  background-color: #c9e2b4;
  border-color: #c9e2b4;
}
.btn.btn-success:focus:active {
  background-color: #bcdba1;
  border-color: #bcdba1;
}
.btn.btn-info {
  background-color: #27c5c3;
  border-color: #27c5c3;
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active {
  background-color: #23b0ae;
  border-color: #23b0ae;
}
.btn.btn-info:focus:active {
  background-color: #1f9a99;
  border-color: #1f9a99;
}
.btn.btn-warning {
  background-color: #f47631;
  border-color: #f47631;
}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active {
  background-color: #f36619;
  border-color: #f36619;
}
.btn.btn-warning:focus:active {
  background-color: #e6590c;
  border-color: #e6590c;
}
.btn.bnt-danger {
  background-color: #e41919;
  border-color: #e41919;
}
.btn.bnt-danger:hover, .btn.bnt-danger:focus, .btn.bnt-danger:active {
  background-color: #cd1616;
  border-color: #cd1616;
}
.btn.bnt-danger:focus:active {
  background-color: #b61414;
  border-color: #b61414;
}
.btn.btn-primary {
  background-color: #00A5B4;
  border-color: #00A5B4;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
  background-color: #008e9b;
  border-color: #008e9b;
}
.btn.btn-primary:focus:active {
  background-color: #007681;
  border-color: #007681;
}
.btn.btn-outline-secondary:hover {
  background: #f7f7f7;
  border-color: #e1e3ea;
  color: #3f465e;
}

.dropdown-menu {
  border-color: #e1e3ea;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.dropdown-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.form-control:focus {
  border-color: #00A5B4;
}

.custom-control-input:checked ~ .custom-control-indicator {
  background-color: #00A5B4;
}
.custom-control-input:focus ~ .custom-control-indicator {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 165, 180, 0.25);
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #00A5B4;
}

/*-----------------------------
# [Color codes]
----------------------------- */
.bg-success {
  background-color: #D6E9C6 !important;
}

.bg-info {
  background-color: #27c5c3 !important;
}

.bg-warning {
  background-color: #ffce02 !important;
}

.bg-danger {
  background-color: #e41919 !important;
}

/* RESET BOOTSTRAP -------------------------------------------- */
/* ACF: TEAM SECTION COLUMNS
---------------------------------------*/
.member-block .img-holder {
  margin-bottom: 25px;
}
.member-block .member-name {
  margin-bottom: 0px;
}
.member-block .member-position {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 400;
  letter-spacing: 0.2px;
}

@media (max-width: 600px) {
  .member-block {
    margin-bottom: 10px;
  }
  .member-block .img-holder {
    margin-bottom: 10px;
  }
  .member-block .img-holder img {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .member-block .img-holder {
    margin-bottom: 10px;
    max-height: 30vh;
    overflow: hidden;
    text-align: center;
  }
  .member-block .img-holder img {
    width: auto;
    height: 30vh;
  }
}
/* ACF: TEAM SECTION COLUMNS---------------------------------------*/
JS
/**
PHP CODE TEMPLATE
**/
Term
Wed, 12/27/2017 - 06:59

Related Codes

Pen ID
Pen ID
Square Adv