CloneCoding/popup.html at main · yesol123/CloneCoding · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/popup.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
    <script defer src="./js/info.js"></script>
</head>

<body>

    <article class="head">
        <section>
            <div class="h1">
                <img src="./imgs/popup/logo.png" alt="">
                <p>부산광역시 자립 꿀단지 챗봇</p>
            </div>

            <div class="h2">
                <img src="./imgs/popup/suggestion.png" alt="">
                <img src="./imgs/popup/btn_information.png" alt="">
                <img class="h2e" src="./imgs/popup/busan_expo.png" alt="">
            </div>
        </section>
    </article>


    <main>
        <article class="main">
            <section class="m1">
                <div>
                    <img src="./imgs/popup/logo.png" alt="">
                    <p>자립 꿀단지 챗봇</p>
                </div>
            </section>
            <div class="hap">
            <section class="m2">
                <div>
                    <p>
                        안녕하세요.<br>
                        저소득 부산시민의 자산은 더하고,부채는 줄이기 위해<br>
                        <b>2023년 5월에 탄생</b>된 <b>자립 꿀단지 챗봇</b>입니다.😊
                    </p><br>
                    <p>
                        아래 버튼을 선택하거나 궁금한 내용을 직접 질문해 보세요.
                    </p>
                </div>
            </section>
            <section class="m3">
                <div class="m31">
                    <p>🔸자산 더하기 꿀정보</p>
                    <ul>
                        <li><a><img src="./imgs/popup/gr_1.png"><p>청년내일<br>저축계좌</p></a></li>
                        <li><a><img src="./imgs/popup/gr_2.png"><p>자산형성지원 한눈에</p></a></li>
                        <li><a><img src="./imgs/popup/gr_4.png"><p>복지<br>꿀정보</p></a></li>
                    </ul>
                </div>
                    <div class="m32">
                        <p>🔸부채 줄이기 꿀정보</p>
                        <ul>
                            <li><a><img src="./imgs/popup/gr_3.png"><p>부채 찾기</p></a></li>
                            <li><a><img src="./imgs/popup/gr_5.png"><p>부채 줄이기</p></a></li>
                            <li><a><img src="./imgs/popup/gr_7.png"><p>서민 지원</p></a></li>
                        </ul>
                    </div>
                    <div class="m33">
                        <p>🔸알아두면 힘이 되는 꿀정보</p>
                        <ul>
                            <li><a><img src="./imgs/popup/gr_8.png"><p>금융&복지<br>꿀팁</p></a></li>
                            <li><a><img src="./imgs/popup/gr_6.png"><p>꿀상담<br>번호</p></a></li>
                        </ul>
                    </div>
                </section>
                </div>
                <p class="time">Time</p>

                <div class="chatt"></div>
            </article>

    </main>

    <footer>
        <div>
        <img class="reset" src="./imgs/popup/btn_reset.png" alt="">
        <label for="">
        <img class="fb" src="./imgs/popup/sbutton.png" alt="">
        <img class="fb" src="./imgs/popup/bbutton.png" alt="">
        <input type="text" placeholder="궁금한 내용을 입력해주세요" onkeypress="chatd(event)">
        <button><img src="./imgs/popup/btn_send.png" alt=""></button>
        </label>
        </div>
    </footer>
</body>

</html>