airbnb_cloning/host.html at master · jaehvvan/airbnb_cloning · 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

<!DOCTYPE html>
<html>
    <head>
        <title>남는 방이나 공간 전체를 에어비앤비에 등록해보세요</title>
        <link rel="stylesheet" href="host.css">
        <link rel="stylesheet" href="reset.css">
        <script src="https://kit.fontawesome.com/55af2b838e.js" crossorigin="anonymous"></script>
    </head>
    <body>
        <header class = "header">
            <div class = "header-inner">
                <div class = "left">
                    <div class = "logo">
                        <img src = "img/green-logo.png">
                    </div>
                    <div class = "slider">
                        <div class = "left1">개요</div>
                        <div class = "left2">설정</div>
                        <div class = "left3">안전</div>
                        <div class = "left4">호스팅 수입</div>
                    </div>
                </div>
                <div class = "right">
                    <div class = "income">월간 예상 수입
                        <i class="far fa-question-circle" id="q-icon" ></i>
                    </div>
                    <div class = "number">$894,716</div>
                    <button class = "start-button"> 시작하기 </button>
                </div>
            </div>
        </header>

        <section class = "banner">
            <div class = "banner-img">
                <img src = "img/banner1.jpg">
                <div class = "banner-input">
                    <div class = "banner-inner">
                        <div class = "title1">에어비앤비 호스트가 되어 수입을 올려보세요</div>
                        <div class = "title2">예상 수입을 확인하세요</div>
                        <input class = "place-input" type = "textarea" placeholder = "서울 관악구">
                        <div class = "option">
                            <div class = "option1">
                                <select>
                                    <option >집 전체</option>
                                    <option >개인실</option>
                                    <option >다인실</option>
                                </select>
                            </div>
                            <div class = "option2">
                                <select>
                                    <option>숙박 인원 1명</option>
                                    <option>숙박 인원 2명</option>
                                    <option>숙박 인원 3명</option>
                                    <option>숙박 인원 4명</option>
                                    <option>숙박 인원 5명</option>
                                    <option>숙박 인원 6명</option>
                                </select>
                            </div>
                        </div>
                        <div class = "income-bottom">
                            <div class = "number">$1,400,740</div>
                            <div class = "income">월간 수입
                                <i class="far fa-question-circle" id="q-icon" ></i>
                            </div>
                        </div>
                        <button class = "start-button2"> 시작하기 </button>
                    </div>
                </div>
            </div>
        </section>

        <div class = "p1">
            <div class = "p1-inner">
                <div class = "p1-1">
                    <div class="p-title">에어비앤비 호스팅을 추천하는 이유</div>
                    <div class="p-content">에어비앤비는 호스트가 공유하는 숙소의 유형과 관계없이 게스트를 쉽고 안전하게 호스팅할 수 있도록 해줍니다. 예약 가능일, 요금, 숙소 이용규칙, 게스트와의 교류 방식은 전적으로 호스트가 결정합니다.</div>
                </div>
                <div class = "p1-2">
                    <div class="p-title">안심하세요</div>
                    <div class="p-content">1백만 달러의 재산 피해 보호 프로그램 및 사고에 대비한 별도의 1백만 달러 보험 등 에어비앤비는 호스트, 호스트의 숙소와 재산 및 게스트를 보호할 수 있는 포괄적인 보호 장치를 마련해두고 있습니다.</div>
                </div>
            </div>
        </div>


    <script type="text/javascript" src="host.js"></script>
    </body>

</html>