about.html for scallop.landing

about.html

<div class="Mast Mast--about">
  <div class="container">
    <h4>브랜드 스토리</h4>
    <h1>About Scallop</h1>
  </div>
</div>

<section class="Section--about Section--about--1">
  <div class="BgRect"></div>
  <div class="container">
    <div class="img-wrapper visible-sm visible-xs">
      <img src="https://scallop.diskn.com/landing/img_about_1.jpg?20190115"/>
    </div>
    <div class="row">
      <div class="col-lg-6 col-md-6 col-sm-12 col-12">
        <div class="text-content">
          <h2>스캘럽의 <br/> 원칙</h2>
          <p>
            스캘럽 옷을 준비할 때 저희가 중요하게 여기는 원칙 몇 가지가 있습니다.
            우수한 컬러감의 원단수집/ 디자이너, 패턴사, 봉제사간의 소통/ 그리고 검품입니다.
            3가지 원칙 중 고객분들이 즐겁게 입으시면서 자유롭게 세탁하여도 변하지 않고 오래 유지될 수 있는 품질보증이 제일 중요하기에
            항상 상품 출고 전 검품을 제일 중요한 원칙으로 생각하며 철저히 확인하고 있습니다.
            저희의 검품 방식은 단순합니다.
            옷을 생산 후 뜨거운 물에 전부 삶아 대형 세탁기에 세탁해 봅니다.
            고객님들이 구매하고 입으시면서 사용하실 세탁을 미리 해보는거지요.
            그러면 자연스럽게 이염 되는 부분이나 줄어드는 부분의 불량이 나옵니다.
            한마디로 옷을 뜨거운 물에 소독하여 고객 분들에게 선보입니다.
            그렇게 출고된 옷들은 자연스레 세탁하여 입어도 아무 문제가 없지요.
            엄선된 디자인과 품질의 상품이 스캘럽을 좋아해 주시는 고객분들의 큰 이유라 생각이 듭니다.
          </p>
        </div>
      </div>
    </div>
    <div class="img-wrapper hidden-sm hidden-xs">
      <img src="https://scallop.diskn.com/landing/img_about_1.jpg?20190115"/>
    </div>
  </div>
</section>

<section class="Section--about Section--about--2">
  <div class="container">
    <div class="img-wrapper visible-sm visible-xs">
        <img src="https://scallop.diskn.com/landing/img_about_2.jpg?20190115"/>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-5 col-sm-12 col-12">
        <div class="text-content">
          <h2>스캘럽의 디자인</h2>
          <p>
            저희 옷들은 디자인의 처음부터 옷을 매치하였을 때에 흐름을 생각하여 디자인합니다.
            옷들을 디자인하지만 컬러를 연구한다는 표현이 더 맞을 것 같습니다.
            어떻게 하면 다양한 옷들이 어울러져 개개인을 표현하는 컬러감을 드릴 수 있을까 하는 생각을 많이 합니다.
            다양한 기장과 컬러감으로 레이어드룩을 만들어 입었을 때 나오는 스타일이 저희들이 표현하고자 하는 디자인입니다.
            이러니 입을수록 즐거운 옷이고 또 다양하게 매치하여 입으시는 고객님들이 스캘럽의 스타일 메이커라 할수 있겠지요.
          </p>
        </div>
      </div>
      <div class="col-lg-8 col-md-7 hidden-sm hidden-xs">
        <div class="img-wrapper">
            <img src="https://scallop.diskn.com/landing/img_about_2.jpg?20190115"/>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="Section--about Section--about--3">
  <div class="BgRect"></div>
  <div class="container">
    <div class="img-wrapper visible-sm visible-xs">
      <img src="https://scallop.diskn.com/landing/img_about_3.jpg?20190115"/>
    </div>
    <div class="row">
      <div class="col-lg-7 col-lg-push-5 col-md-6 col-md-push-6 col-sm-12 col-12">
        <div class="text-content">
          <h2>스캘럽의 감성</h2>
          <p>
            청담 본점과 동탄 카림애비뉴점에는 옷 외에 또 하나의 관전 포인트가 있습니다.
            오래 쓸수록 그 매력과 컬러감이 돋보이는 1800년~1900년대의 앤틱가구 들입니다.
            이들은 정말 어렵게 미국, 영국, 프랑스 등에서 공수해온 각각의 스토리가 있는 고가치의 가구들입니다.
            원목으로 소량 생산된 앤틱 가구들로 희소성이 있으며 오래 두고 보아야 더 멋스러움이 스캘럽과 잘 어우러집니다.
            이들을 구경하고 설명을 들으며 옛 감성에 빠져보는 것도 스캘럽에서만 드릴수 있는 특별한 경험이라 생각듭니다.
          </p>
        </div>
      </div>
      <div class="col-lg-5 col-lg-pull-7 col-md-6 col-md-pull-6 col-sm-12 col-12">
        <div class="img-wrapper hidden-sm hidden-xs">
          <img src="https://scallop.diskn.com/landing/img_about_3.jpg?20190115"/>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="Section--about Section--about--4">
    <div class="container">
      <div class="img-wrapper visible-sm visible-xs">
        <img src="https://scallop.diskn.com/landing/img_about_4.jpg?20190115"/>
      </div>
      <div class="row">
        <div class="col-lg-4 col-md-5 col-sm-12 col-12">
          <div class="text-content">
            <h2>스캘럽의<br/>다양한 쇼핑채널</h2>
            <p>
              온라인 쇼핑몰을 시작으로 론칭한 SCALLOP은 2018년 동탄에 첫 플래그십 스토어를 오픈하였습니다.
              2019년 1월 동탄지점에 이어 청담 본점이 새로 오픈하였고, 롯데, 신세계, 현대 백화점 등과 협업하며 옴니 채널 확대를 통해 다양한 쇼핑 환경 및 경험을 제공하고 있습니다.
            </p>
            <a href="/location.pug" class="btnOutline">
              매장 위치 확인
            </a>
          </div>
        </div>
        <div class="col-lg-8 col-md-7 col-sm-12 col-12">
          <div class="img-wrapper hidden-sm hidden-xs">
            <img src="https://scallop.diskn.com/landing/img_about_4.jpg?20190115"/>
          </div>
        </div>
      </div>
    </div>
  </section>

gistfile1.txt

<div class="Mast Mast--about">
  <div class="container">
    <h4>브랜드 스토리</h4>
    <h1>About Scallop</h1>
  </div>
</div>

<section class="Section--about Section--about--1">
  <div class="BgRect"></div>
  <div class="container">
    <div class="img-wrapper visible-sm visible-xs">
      <img src="https://scallop.diskn.com/landing/img_about_1.jpg?20190115"/>
    </div>
    <div class="row">
      <div class="col-lg-6 col-md-6 col-sm-12 col-12">
        <div class="text-content">
          <h2>스캘럽의 <br/> 원칙</h2>
          <p>
            스캘럽 옷을 준비할 때 저희가 중요하게 여기는 원칙 몇 가지가 있습니다.
            우수한 컬러감의 원단수집/ 디자이너, 패턴사, 봉제사간의 소통/ 그리고 검품입니다.
            3가지 원칙 중 고객분들이 즐겁게 입으시면서 자유롭게 세탁하여도 변하지 않고 오래 유지될 수 있는 품질보증이 제일 중요하기에
            항상 상품 출고 전 검품을 제일 중요한 원칙으로 생각하며 철저히 확인하고 있습니다.
            저희의 검품 방식은 단순합니다.
            옷을 생산 후 뜨거운 물에 전부 삶아 대형 세탁기에 세탁해 봅니다.
            고객님들이 구매하고 입으시면서 사용하실 세탁을 미리 해보는거지요.
            그러면 자연스럽게 이염 되는 부분이나 줄어드는 부분의 불량이 나옵니다.
            한마디로 옷을 뜨거운 물에 소독하여 고객 분들에게 선보입니다.
            그렇게 출고된 옷들은 자연스레 세탁하여 입어도 아무 문제가 없지요.
            엄선된 디자인과 품질의 상품이 스캘럽을 좋아해 주시는 고객분들의 큰 이유라 생각이 듭니다.
          </p>
        </div>
      </div>
    </div>
    <div class="img-wrapper hidden-sm hidden-xs">
      <img src="https://scallop.diskn.com/landing/img_about_1.jpg?20190115"/>
    </div>
  </div>
</section>

<section class="Section--about Section--about--2">
  <div class="container">
    <div class="img-wrapper visible-sm visible-xs">
        <img src="https://scallop.diskn.com/landing/img_about_2.jpg?20190115"/>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-5 col-sm-12 col-12">
        <div class="text-content">
          <h2>스캘럽의 디자인</h2>
          <p>
            저희 옷들은 디자인의 처음부터 옷을 매치하였을 때에 흐름을 생각하여 디자인합니다.
            옷들을 디자인하지만 컬러를 연구한다는 표현이 더 맞을 것 같습니다.
            어떻게 하면 다양한 옷들이 어울러져 개개인을 표현하는 컬러감을 드릴 수 있을까 하는 생각을 많이 합니다.
            다양한 기장과 컬러감으로 레이어드룩을 만들어 입었을 때 나오는 스타일이 저희들이 표현하고자 하는 디자인입니다.
            이러니 입을수록 즐거운 옷이고 또 다양하게 매치하여 입으시는 고객님들이 스캘럽의 스타일 메이커라 할수 있겠지요.
          </p>
        </div>
      </div>
      <div class="col-lg-8 col-md-7 hidden-sm hidden-xs">
        <div class="img-wrapper">
            <img src="https://scallop.diskn.com/landing/img_about_2.jpg?20190115"/>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="Section--about Section--about--3">
  <div class="BgRect"></div>
  <div class="container">
    <div class="img-wrapper visible-sm visible-xs">
      <img src="https://scallop.diskn.com/landing/img_about_3.jpg?20190115"/>
    </div>
    <div class="row">
      <div class="col-lg-7 col-lg-push-5 col-md-6 col-md-push-6 col-sm-12 col-12">
        <div class="text-content">
          <h2>스캘럽의 감성</h2>
          <p>
            청담 본점과 동탄 카림애비뉴점에는 옷 외에 또 하나의 관전 포인트가 있습니다.
            오래 쓸수록 그 매력과 컬러감이 돋보이는 1800년~1900년대의 앤틱가구 들입니다.
            이들은 정말 어렵게 미국, 영국, 프랑스 등에서 공수해온 각각의 스토리가 있는 고가치의 가구들입니다.
            원목으로 소량 생산된 앤틱 가구들로 희소성이 있으며 오래 두고 보아야 더 멋스러움이 스캘럽과 잘 어우러집니다.
            이들을 구경하고 설명을 들으며 옛 감성에 빠져보는 것도 스캘럽에서만 드릴수 있는 특별한 경험이라 생각듭니다.
          </p>
        </div>
      </div>
      <div class="col-lg-5 col-lg-pull-7 col-md-6 col-md-pull-6 col-sm-12 col-12">
        <div class="img-wrapper hidden-sm hidden-xs">
          <img src="https://scallop.diskn.com/landing/img_about_3.jpg?20190115"/>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="Section--about Section--about--4">
    <div class="container">
      <div class="img-wrapper visible-sm visible-xs">
        <img src="https://scallop.diskn.com/landing/img_about_4.jpg?20190115"/>
      </div>
      <div class="row">
        <div class="col-lg-4 col-md-5 col-sm-12 col-12">
          <div class="text-content">
            <h2>스캘럽의<br/>다양한 쇼핑채널</h2>
            <p>
              온라인 쇼핑몰을 시작으로 론칭한 SCALLOP은 2018년 동탄에 첫 플래그십 스토어를 오픈하였습니다.
              2019년 1월 동탄지점에 이어 청담 본점이 새로 오픈하였고, 롯데, 신세계, 현대 백화점 등과 협업하며 옴니 채널 확대를 통해 다양한 쇼핑 환경 및 경험을 제공하고 있습니다.
            </p>
            <a href="/location.pug" class="btnOutline">
              매장 위치 확인
            </a>
          </div>
        </div>
        <div class="col-lg-8 col-md-7 col-sm-12 col-12">
          <div class="img-wrapper hidden-sm hidden-xs">
            <img src="https://scallop.diskn.com/landing/img_about_4.jpg?20190115"/>
          </div>
        </div>
      </div>
    </div>
  </section>