https://dist.soreto.com/marketplace/assets/monki/blogs/monki_festo/bodySourceHtml_3451ef52286e8fe04cf1

Monki

We celebrated our 10th b-day by putting our foot down and our banners up!

#monkifesto

<html>

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">  
</head>





<style>

  .content {
    text-align: left;
    margin: auto;
    padding: 30px 10px;
    font-family: Apercu;
    color: #334d5c;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
  }

  .blogSection {
    margin-bottom: 50px;
  }

  .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 43px;
    padding-bottom: 30px;
    margin: 0px;
  }

  .subTitle {
    text-align: left;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 20px;
    margin: 0px;
  }

  .subTitleRead {
    color: gray;
  }

  .topic {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 15px;
    margin: 0px;
  }

  .imgContent {
    text-align: center;
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 50px;
  }

  .videoContent {
    text-align: center;
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 50px;
  }

  .video {
    max-width: auto;
    max-height: auto;
  }

  .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
  }

  .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .blogLink {
    color: #f53855;
  }

  .imgSize {
    max-width: 100%;
    max-height: 100%;
  }

  .imgTableRow {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 50px;
  }

  .bulletList {
    line-height: 30px;
    padding: 0px;
  }

  ul {
    margin: 0px;
    padding-bottom: 20px;
  }

  .blogRow {
    text-align: left;
    margin: 0px;
    margin-bottom: 15px;
  }

  .iframe {
    width: 771px;
    height: 120px;
  }

  .blogSectionColumn {
    display: none;
  }

  @media screen and (min-width: 768px) {
    .content {
      text-align: left;      
      font-size: 18px;
      font-weight: 400;
      line-height: 25px;
      padding: 50px 30px;
    }

    .embed-container {
      margin-bottom: 30px;
    }

    .iframe {
      width: 943px;
      height: 555px;
    }

    .blogRow {
      text-align: left;
      margin: 0px;
      margin-bottom: 30px;
    }

    .title {
      font-size: 22px;
      font-weight: 700;
      line-height: 43px;
      padding-bottom: 30px;
      margin: 0px;
    }

    .subTitle {
      text-align: left;
      font-size: 24px;
      line-height: 30px;
      padding-bottom: 20px;
    }

    .topic {
      font-size: 22px;
      line-height: 28px;
      padding-bottom: 20px;
    }

    .blogSectionColumn {
      display:flex;
      margin-bottom: 20px;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      grid-gap: 90px;
      padding-top: 20px;
      padding-bottom: 20px;
    }

  }

  @media screen and (min-width: 1220px) {
    .content {
      max-width: 1180px;
    }

    .iframe {
      width: 943px;
      height: 555px;
    }
  }
</style>

<body>

  <div class="content">
    
    <div class="subTitle subTitleRead">Read the latest blog from Monki</div>

    
    <div class="blogSection">

      <div class="blogRow">
        With the Monkifesto, we wanted to bring issues that are central to young women (and everyone else) today into
        the limelight. So we partnered up with people from Monki's past and present to add our voice to the debate
        around periods, body hair, cyber bullying, masturbation, love and sisterhood.
      </div>

      <div class="embed-container">
        <iframe src="https://player.vimeo.com/video/173021783?h=c6ddbcd66b" frameborder="0"
          allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
      </div>


      <div class="topic">"Put simply: if you don't know how to make yourself come, then how do you expect anyone else to be able to do it?"</div>

      <div class="blogRow">
        Karley Sciortino
      </div>

      <div class="blogSectionColumn">
        <a>
          <img class="imgSize"
            src="https://www.monki.com/we-are-monki/wp-content/uploads/2017/04/Monkifesto_knowledgeisqueen-736x981.jpg"
            style="width: 486px;">
        </a>

        <a>
          <img class="imgSize"
            src="https://www.monki.com/we-are-monki/wp-content/uploads/2017/04/monkifesto_sweat-620x646.jpg">
        </a>
      </div>

      <div class="blogSectionColumn">
        <a>
          <img class="imgSize"
            src="https://www.monki.com/we-are-monki/wp-content/uploads/2017/04/monkifesto_panty-436x581.jpg">
        </a>

        <a>
          <img class="imgSize"
            src="https://www.monki.com/we-are-monki/wp-content/uploads/2017/04/Monkifesto_pleaseyoself-1024x650.jpg">
        </a>
      </div>

      <div class="blogRow">
        Ambassadors included Karley Sciortino, Kiran Gandhi, female film collective Sorta Kinda Maybe Yeah, author and
        blogger Flora Wiström, as well as body positivity and fashion blogger Danielle Vanier.
      </div>

    </div>

  </div>

  <script>
    var userAfiliate = 'RAKUTEN';
    var urlObj = {
      clientId: '42266',
      urlId: 'monki_festo'
    };

    window.onload = function () {
      document.querySelectorAll("[cb-url]")

        .forEach(function (el) {

          switch (userAfiliate) {

            case 'AWIN':

              var cbUrl = el.getAttribute('cb-url');

              var baseUrl = `https://www.awin1.com/cread.php?awinmid=${urlObj.clientId}&awinaffid=1110329&clickref=${urlObj.urlId}&ued=${encodeURIComponent(cbUrl)}`;

              el.setAttribute('href', baseUrl);

              el.setAttribute('target', '_blank');
              break;

            case 'RAKUTEN':

              var cbUrl = el.getAttribute('cb-url');

              var baseUrl = `https://click.linksynergy.com/deeplink?id=CTUzHNq7X1Y&mid=${urlObj.clientId}&u1=${urlObj.urlId}&murl=${encodeURIComponent(cbUrl)}`;

              el.setAttribute('href', baseUrl);

              el.setAttribute('target', '_blank');

              break;
          }
        });
    }

  </script>

</body>

Join the club

#monkifesto

Do you want to discover more?

About

Customer