styleshare.github.io/index.html at master · geonu/styleshare.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
---
layout: main
---
<div class="header ss-blur-background">
  <div  class="containder clearfix">
    <div class="ss-copyright col-md-6 align-center text-center">
      <div class="row">
        <img src="/img/copyright_desktop.png" class="hidden-xs"/>
        <img src="/img/copyright_mobile.png" class="ss-hidden-ie ss-copyright-mobile visible-xs align-center"/>
      </div>
      <div class="ss-market-link-white clearfix">
        <a href="http://bit.ly/Sk5eEe" class="pull-left margin-right4">
          <img class="ss-market-icon-white" src="/img/btnDownload_appstore(white).png" />
        </a>
        <a href="http://bit.ly/nvblogss" class="pull-right">
          <img class="ss-market-icon-white" src="/img/btnDownload_googlePlay(white).png" />
        </a>
      </div>
    </div>
  </div>
</div>

<div class="body-bg-color padding-top6 padding-bottom8">
  <div class="container">
    <div class="ss-font-lg ss-font-bold ss-word-wrap text-center">
      <span>새로워진 StyleShare 2.0</span>
      <span>소개합니다.</span>
    </div>

    <div class="clearfix margin-top1 row">
      <div class="col-md-4 span4 text-center margin-top5 padding-bottom4">
        <div class="ss-font-sm ss-word-wrap ss-font-bold text-center">
          <span>카테고리 별로 </span>
          <span>패션&뷰티 정보를 골라보세요!</span>
        </div>
        <img class="app-image margin-top4"
             src="/img/main1.jpg" />
        <p class="margin-top4">왼쪽 상단의 카테고리 버튼을 눌러보세요. 이제 내가 원하는 종류의 콘텐츠를 손쉽게 골라볼 수 있습니다.
        사진을 올릴 때에도 카테고리를 선택할 수 있습니다.</p>
      </div>
      <div class="col-md-4 span4 text-center margin-top5 padding-bottom4">
        <div class="ss-font-sm ss-word-wrap ss-font-bold text-center">
          <span>옷에 대한 정보, </span>
          <span>편리하게 입력하세요!</span>
        </div>
        <img class="app-image margin-top4"
             src="/img/main2.jpg" />
        <p class="margin-top4">사진을 업로드할 때 아이템 정보를 입력해보세요. 댓글로 정보를 물어볼
        필요 없이 사진과 함께 정보가 나타납니다.</p>
      </div>
      <div class="col-md-4 span4 text-center margin-top5 padding-bottom4">
        <div class="ss-font-sm ss-word-wrap ss-font-bold text-center">
          <span>두고두고 보고싶은 사진, </span>
          <span>콜렉트해보세요!</span>
        </div>
        <img class="app-image margin-top4"
             src="/img/main3.jpg" />
        <p class="margin-top4">저장하고 싶은 사진은 콜렉트하고, 주제별로 콜렉션을 만들어 사진을
        정리할 수 있습니다. 두고두고 보고싶은 사진이라면 놓치지 말고
        콜렉트로 오랫동안 간직해보세요.</p>
      </div>
    </div>
  </div>
</div>