ChoHayFrontEnd/dog.html at main · quancm4603/ChoHayFrontEnd · 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>ChoHay</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.2/dist/lux/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;500;600;700&amp;display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Averia+Serif+Libre&amp;display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="assets/css/styles.min.css">
</head>

<body style="background: var(--bs-secondary-bg);color: #55595c;height: auto;">
    <header>
        <nav class="navbar navbar-expand-lg bg-light d-xxl-flex justify-content-xxl-center align-items-xxl-center" style="padding-top: 15px;padding-bottom: 15px;">
            <div class="container-fluid"><a class="navbar-brand d-xxl-flex justify-content-xxl-center align-items-xxl-center" href="./" style="font-weight: bold;font-size: 24px;">chohay</a><button data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" class="navbar-toggler" type="button" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                        <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Danh mục</a>
                            <div class="dropdown-menu"><a class="dropdown-item" href="./search?category=Apartment">Căn hộ</a><a class="dropdown-item" href="./search?category=Phone">Điện thoại</a><a class="dropdown-item" href="./search?category=Dog">Chó</a></div>
                        </li>
                    </ul>
                    <form class="d-flex mx-auto" method="get" action="./search" role="search" style="width: 100%;"><input class="form-control me-2" type="search" aria-label="Search" name="keyword" placeholder="Tìm kiếm sản phẩm trên Chợ Hay" style="padding:5px 24px;"><button class="btn btn-outline-primary d-xxl-flex justify-content-xxl-center align-items-xxl-center" type="submit" id="button-addon-1" style="padding-top:4px;padding-bottom:4px;border-width:1px;padding-right:16px;padding-left:16px;"><svg class="bi bi-search" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16" style="font-size:24px;"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path></svg></button></form>
                    <ul class="navbar-nav d-lg-flex ms-auto justify-content-lg-center align-items-lg-center mb-2 mb-lg-0">
                        <li class="nav-item d-xl-flex justify-content-xl-center align-items-xl-center bag" style="padding: 3px;">
                            <div class="nav-item dropdown d-lg-flex d-xxl-flex justify-content-lg-center align-items-lg-center justify-content-xxl-center align-items-xxl-center" style="margin-right: 0px;width: 100%;height: 100%;"><a class="d-xl-flex justify-content-xl-center align-items-xl-center" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="icon ion-bag d-lg-flex d-xl-flex d-xxl-flex justify-content-lg-center align-items-lg-center justify-content-xl-center align-items-xl-center justify-content-xxl-center align-items-xxl-center bi-bag"></i></a>
                                <div class="dropdown-menu"><a class="dropdown-item" href="./order-status">Đơn mua</a><a class="dropdown-item" href="./sell-status">Đơn bán</a></div>
                            </div>
                        </li>
                        <li class="nav-item d-flex justify-content-xxl-center align-items-xxl-center quanlytin" style="width: 100%;height: 100%;padding: 5px;"><a class="nav-link d-lg-flex d-xxl-flex justify-content-lg-center align-items-lg-center justify-content-xxl-center align-items-xxl-center" href="./product-manager" style="padding: 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-layout-text-window-reverse icoquanly">
                                    <path d="M13 6.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm0 3a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm-.5 2.5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5z"></path>
                                    <path d="M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12zM2 1a1 1 0 0 0-1 1v1h14V2a1 1 0 0 0-1-1H2zM1 4v10a1 1 0 0 0 1 1h2V4H1zm4 0v11h9a1 1 0 0 0 1-1V4H5z"></path>
                                </svg><span class="text-capitalize spanquanly" style="line-height: 15px;">quản lý tin</span></a></li>
                        <li class="nav-item d-flex justify-content-xxl-center align-items-xxl-center quanlytin" style="width: 100%;height: 100%;padding: 5px;"><a class="nav-link d-lg-flex d-xxl-flex justify-content-lg-center align-items-lg-center justify-content-xxl-center align-items-xxl-center" href="./user" style="padding: 0px;"><img class="rounded-circle" style="width: 24px;height: 24px;" src="https://p7.hiclipart.com/preview/782/114/405/5bbc3519d674c.jpg"><span class="text-capitalize spanquanly" style="line-height: 15px;overflow: hidden;width: 16vh;text-overflow: ellipsis;">Nguyễn gia anh tuấn</span></a></li>
                        <li class="nav-item d-lg-flex d-xxl-flex justify-content-lg-center align-items-lg-center align-items-xxl-center"><a class="btn btn-outline-primary" role="button" href="./create-product" style="line-height: 12px;border-width: 1px;padding-bottom: 10px;padding-top: 10px;width: 100%;">đăng tin</a></li>
                        <li class="nav-item d-lg-flex d-xxl-flex justify-content-lg-center align-items-lg-center align-items-xxl-center" style="margin-right: 0px;"><a class="btn btn-primary" role="button" href="./login" style="width: 100%;line-height: 10px;padding-top: 13px;padding-bottom: 13px;">đăng nhập</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <div class="container" style="background: #ffffff;padding-top: 0px;margin-top: 15px;margin-bottom: 15px;">
        <div>
            <div class="col-sm-12" style="margin: 30px;margin-top: 30px;padding-top: 0;"><a href="#" style="font-weight: bold;text-decoration: none;"><span>Cho hay</span></a><span style="font-weight: bold;margin: 5px;"><span style="font-weight: normal !important; color: rgb(32, 33, 36);">»</span></span><a href="#" style="font-weight: bold;text-decoration: none;"><span style="text-decoration: none;">Thú cưng</span></a><span style="font-weight: bold;margin: 5px;"><span style="font-weight: normal !important; color: rgb(32, 33, 36);">»</span></span><a href="#" style="font-weight: bold;text-decoration: none;"><span>Chó</span></a><span style="font-weight: bold;margin: 5px;"><span style="font-weight: normal !important; color: rgb(32, 33, 36);">»</span></span><span style="font-weight: bold;margin: 5px;">&nbsp;POODLE TINY MÀU TRẮNG<br><br></span></div>
        </div>
        <div class="row" style="margin-left: 20px;margin-right: 0px;margin-top: 0px;padding-top: 20px;width: 100%;border: 2px solid var(--bs-orange) ;border-top-color: var(--bs-body-bg);border-right-color: var(--bs-body-bg);border-bottom-color: var(--bs-body-bg);border-left-color: var(--bs-body-bg);">
            <div class="col-md-8 col-xl-6 col-xxl-6" style="width: 65%;color: var(--bs-emphasis-color);min-width: 300px;">
                <div style="width: 100%;flex-direction: column;">
                    <div style="position: relative;">
                        <div style="width: 100%;padding-bottom: 100%;position: relative;height: 397.1px;width: 100%;padding-bottom: 100%;position: relative;display: block;height: 0;padding-bottom: 90%;position: relative;overflow: hidden;">
                            <picture><img style="display: block;object-fit: contain;object-position: center;width: 100%;width: 100%;max-width: 100%;height: auto;position: absolute;" src="assets/img/poodle.jpg"></picture>
                        </div>
                    </div>
                    <div>
                        <h3 class="my-3" style="font-size: 30px;"><br><strong><span style="color: rgb(34, 34, 34);">Poodle tiny màu trắng</span></strong><br><br></h3>
                        <p style="font-weight: bold;color: rgb(0,0,0);font-size: 25px;">đ 5.000.000</p>
                        <div style="margin: 50px 0 0 0;width: 100%;">
                            <h2 style="font-weight: bold;font-size: 25px;">Chi tiết sản phẩm</h2>
                            <p style="color: rgb(0,0,0);font-size: 18px;"><br><span style="color: rgb(34, 34, 34);">Poodlle thuần chủng size tiny đủ màu</span><br><span style="color: rgb(34, 34, 34);">Mặt ngắn, xinh xắn mắt to tròn cực đẹp</span><br><span style="color: rgb(34, 34, 34);">Cún bao bệnh tật khoẻ mạnh,cún nhà sinh sản</span><br><span style="color: rgb(34, 34, 34);">Dễ nuôi, dễ chăm sóc,</span><br><span style="color: rgb(34, 34, 34);">Ăn hạt hay pate đều đc ạ</span><br><span style="color: rgb(34, 34, 34);">Đã tiêm phòng mũi 5 trong 1 và sổ giun định kì cho các bé( Có sổ tiêm phòng kèm theo đầy đủ ạ)</span><br><span style="color: rgb(34, 34, 34);">NHẬN SHIP TOÀN QUỐC( Nhận cún kiểm tra rồi thanh toán)</span><br><span style="color: rgb(34, 34, 34);">Ưu tiên khách nhiệt tình qua nhà có giảm giá</span><br><span style="color: rgb(34, 34, 34);">Ai quan tâm alo em trực tiếp hoặc IB qua Zalo em tư vấn</span><br><span style="color: rgb(34, 34, 34);">Thanks Chợ Hay duyệt bài</span><br><br></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <div class="row">
                            <div class="col">
                                <div style="padding: 10px 0;font-weight: bold;"><span style="font-size: 20px;">* Giống: Chó Poodle</span></div>
                                <div style="padding: 10px 0;"><span style="font-size: 20px;font-weight: bold;">* Kích cỡ: Siêu nhỏ</span></div>
                                <div style="padding: 10px 0;"></div>
                            </div>
                            <div class="col">
                                <div style="padding: 10px 0;"><span style="font-size: 20px;font-weight: bold;">* Độ tuổi: Chó con (dưới 3 tháng tuổi)</span></div>
                                <div style="padding: 10px 0;font-size: 20px;"></div>
                                <div style="padding: 10px 0;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="padding: 10px 0;text-align: center;font-size: 25px;">
                    <div style="text-align: left;"><span style="font-size: 20px;font-weight: bold;border-top-style: none;border-bottom-style: solid;">Địa chỉ&nbsp;</span></div>
                    <div style="text-align: left;"><span style="font-size: 20px;padding: 5px 0;font-weight: bold;border-top: 1px none var(--bs-orange);text-align: left;">Quy Nhơn, Bình Định</span></div>
                </div>
            </div>
            <div class="col" style="width: 35%;color: var(--bs-emphasis-color);background: var(--bs-body-bg);min-width: 200px;border: 1px none var(--bs-body-bg) ;border-left: 1px solid var(--bs-body-bg) ;">
                <div>
                    <div class="row">
                        <div class="col-md-5 col-lg-6" style="padding: 5px 0 0 0;display: flex;width: 100%;height: 80.1px;"><span style="box-sizing: border-box;display: block;width: 25%;height: initial;background: none;opacity: 1;border: 0px;margin: 0px;padding: 0px;max-width: 100%;"><img src="assets/img/poodle.jpg" style="border-radius: 50%;display: block;max-width: 100%;width: initial;height: initial;background: none;opacity: 1;border: 0px;padding: 0px;"></span>
                            <div style="width: 100%;display: flex;"><span style="font-size: 19px;font-weight: bold;margin: 0px;">Mylinh000</span><button class="btn btn-primary" type="button" style="border-radius: 4px;background-color: #fff;color: #000;border: 1px solid silver;min-width: 96px!important;height: 24px!important;font-size: 15px!important;line-height: 12px;display: flex!important;justify-content: center;align-items: center;text-align: right;margin: 0 0 0 80px;">Xem trang</button></div>
                            <div></div>
                        </div>
                    </div>
                    <div class="row" style="padding: 15px 0 0 0;">
                        <div class="col" style="width: 50%;">
                            <div style="text-align: center;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-star-fill" style="color: var(--bs-orange);">
                                    <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                                </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-star-fill" style="color: var(--bs-orange);">
                                    <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                                </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-star-fill" style="color: var(--bs-orange);">
                                    <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                                </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-star-half" style="color: var(--bs-orange);">
                                    <path d="M5.354 5.119 7.538.792A.516.516 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.537.537 0 0 1 16 6.32a.548.548 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.52.52 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.58.58 0 0 1 .085-.302.513.513 0 0 1 .37-.245l4.898-.696zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.565.565 0 0 1 .162-.505l2.907-2.77-4.052-.576a.525.525 0 0 1-.393-.288L8.001 2.223 8 2.226v9.8z"></path>
                                </svg><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-star" style="color: var(--bs-orange);">
                                    <path d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"></path>
                                </svg></div>
                            <div style="width: 100%;">
                                <p style="text-align: center;">2 đánh giá</p>
                            </div>
                        </div>
                        <div class="col" style="width: 50%;border-left-style: solid;border-left-color: var(--bs-body-bg);">
                            <p style="font-size: 16px;text-align: center;font-weight: bold;">Phản hổi chat</p>
                            <p style="text-align: center;margin-bottom: 0px;">70%</p>
                        </div>
                    </div>
                    <div></div>
                </div>
                <div style="margin: 20px;"><button class="btn btn-primary" type="button" style="width: 100%;color: var(--bs-btn-active-color);background: #2e9f55;font-weight: bold;height: 70px;border-radius: 4px;">Mua ngay</button><button class="btn btn-primary" type="button" style="width: 100%;color: var(--bs-btn-active-color);background: #2e9f55;font-weight: bold;height: 70px;border-radius: 4px;margin: 10px 0;">0342661352</button><button class="btn btn-primary" type="button" style="width: 100%;background: var(--bs-btn-disabled-color);color: var(--bs-btn-border-color);font-weight: bold;height: 70px;border: 2px solid var(--bs-success);font-size: 80%;border-radius: 4px;margin: 10px 0;">Chat với người bán</button></div>
            </div>
        </div>
    </div>
    <footer class="text-center" style="background: var(--bs-body-bg);">
        <div class="container text-muted py-4 py-lg-5" style="padding: 0px 12px;">
            <ul class="list-inline" style="color: var(--bs-emphasis-color);">
                <li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook">
                        <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
                    </svg></li>
                <li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter">
                        <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
                    </svg></li>
                <li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram">
                        <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
                    </svg></li>
            </ul>
            <p class="mb-0" style="color: var(--bs-emphasis-color);">Copyright © 2023 CHOHAY</p>
        </div>
    </footer>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <script src="assets/js/script.min.js"></script>
</body>

</html>