paiks_coffee/ceo_hello.html at main · jspark9703/paiks_coffee · 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- css -->
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/ceo_hello.css">
  <link rel="stylesheet" href="./css/default.css">
  <link rel="stylesheet" href="./css/sub_nav.css">
  <title>빽다방 ceo인사말</title>
  <!-- script -->
  <script src="./js/top_btn.js"></script>
</head>
<body>
  <header class="header">
    <div class="logo"><a href="index.html"><img src="./images/logo.png" alt=""></a></div>
    <div class="nav">
      <div class="top_nav">
        <a href=""><div class="line">더본코리아</div></a>
        <a href=""><div class="line">매장찾기</div></a>
        <div class="sns">
          <div class="sns_face">
            <a href=""><img src="./images/icon_set.png" alt=""></a>
          </div>
          <div class="sns_insta">
            <a href=""><img src="./images/icon_set.png" alt=""></a>
          </div>
        </div>
      </div>
      <div class="main_nav">
        <a href="./ceo_hello.html"><div>빽다방</div></a>
        <a href="./new_menu.html"><div>메뉴</div></a>
        <a href=""><div>소식</div></a>
        <a href=""><div>커뮤니티</div></a>
        <a href=""><div>매장안내</div></a>
        <a href=""><div>창업안내</div></a>
        <a href=""><div>고객의 소리</div></a>
      </div>
    </div>
  </header>
  <section class="sub_nav">
    <div class="nav_img center"><img src="./images/icon_set.png" alt=""></div>
    <div class="nav_boxs center">
      <div class="nav_box"> <a href="#">CEO인사말</a></div>
      <div class="nav_box"><a href="#">백다방 소개</a></div>
      <div class="nav_box"><a href="#">커피 이야기</a></div>
    </div>
    <div class="nav_line center"></div>
  </section>
  <section class="ceo_hello_content">
    <div class="ceo">
      <div class="ceo_img"><img src="./images/ceo.jpg" alt=""></div>
      <div class="ceo_career">
        <div>사업학력 및 저서</div>
        <span>
          .2012 더본재팬 대표이사<br>
          .2008 더본아메리카 대표이사<br>
          .2005 더본차이나 대표이사<br>
          .1993 더본코리아 대표이사
        </span>
      </div>
    </div>
    <div class="intro">
      <div class="intro_txt">
        <div class="tit">합리적인 커피 문화를<br>
          만들어 갑니다.</div>
        <span>
          빽다방의 역사는 재미있는 에피소드로 시작합니다. <br>
          2006년, 논현동에 몰려있던 저희 식당들 때문에 식당 주변에 <br>
          고객들의 불법 주정차가 많았습니다. 이러한 차량 때문에 <br>
          가장 피해를 많이 보신 분이 저희 원조쌈밥집 입구에 위치한
          작은 카페였습니다. 카페 앞 정차 차량으로 인해 항상 죄송한 마음이  있었는데,<br>
          아예 인수를 하는 것이 어떻겠냐는 카페 사장님의 부탁에 어쩌다 보니 운영하게 된<br>
          작은 카페가 바로 빽다방의 시초가 되었습니다.<br><br>

          <strong> 이러한 호기심으로 시작했던 작은 카페의 메뉴가 국내를 넘어<br>
          세계인에게도 인정받는 시그니처 메뉴인 아이스 앗!메리카노와 <br>
          원조커피로 성장하게 되었습니다.</strong><br><br>

          이는 모두 가성비 중심의 스마트하고, 합리적인 소비를 원하는 <br>
          고객분들께서 만들어 주신 성장입니다. 그 기대를 저버리지 않기 위한<br>
          막중한 책임감을 느끼며 좋은 품질, 부담 없는 가격의 커피와 음료로 <br>
          보답하겠습니다.<br><br>

          항상 친구 같은 편안한 모습으로 여러분 곁에 있고 싶습니다.<br>
          빽다방과 함께 달콤한 하루 되시기를 바랍니다.<br><br>
        </span>
      </div>
      <div class="ceo_sign">
        <div class="sign_tit">(주)더본코리아 대표이사<br><strong>백종원</strong></div>
        <div class="sign"><img src="./images/ceo_sign.png" alt=""></div>
      </div>
    </div>
  </section>
  <footer>
    <div class="flogo"><img src="./images/icon_set.png" alt=""></div>
    <div class="location">(주)더본코리아 사업자등록번호 211-86-00870 대표이사 백종원 <br>
      주소: 서울시 강남구 봉은사로 1길 39 유성빌딩 5~6층 팩스: 02-511-3864 <br>
      본사 대표전화: 02-549-3864 가맹상담전화: 02-3447-0410 고객센터: 1544-2360</div>
    <div class="copyright">COPYRIGHTⓒ 2018 THEBORN KOREA INC. ALL RIGHTS RESERVED</div>
    <div class="top_btn" onclick="topFunction()"><img src="./images/icon_set.png" alt=""></div>
  </footer>
</body>
</html>