Untitled

mail@pastecode.io avatar
unknown
plain_text
8 months ago
2.7 kB
2
Indexable
Never
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Reservation Completed</title>

    </head>
    <body>
        <%@include file ="Header.jsp" %>
        <main>
            <div class="left-div">
                <form action="searchservicebyname"method ="get">
                    Search Value: <input type="text" name="search"/>          
                    <input type="submit" value="Search" name="btAction" />
                </form><br/>
                <p style="font-size: 24px; font-weight: bold ">Service category :</p>
                <form action="searchservicebycategory" method="get">
                    <c:forEach items="${requestScope.serc}" var = "sc">
                        <input type="submit" name="searchbyccname" value="${sc.cname}" class="btn-link"/><br/>
                    </c:forEach>
                </form>

                <ul>
                    <li><a href="#"><span class="fa fa-facebook"><i>Fan Page :</i></span></a></li>
                    <li>Hotline: <a href="tel:0855809219">0855.809.219 (8h - 22h)</a></li>
                    <li><a href="#"><span class="fa fa-dribbble"><i>Address :</i></span></a></li>
                </ul>

            </div>

            <div class="right-div">
                <div class="notification">
                    <h1>Reservation Completed</h1>
                    <p>Your reservation has been submitted. Please wait for our manager's confirmation.</p>
                    <a href="home" class="button">Return to Home</a>
                </div>
            </div>
           
        </main>
        
        <style>
            body {
                height: 100%;
                margin: 0;
                padding: 0;
            }
            .left-div {
                width: 26%;
                height : 50%;
                float: left; /* X?p c?nh trái */
                background-color: #e0f2f1; /* Màu n?n xanh lam nh?t */
                margin: 1%; /* Kho?ng cách xung quanh div */
                padding: 1%; /* Kho?ng cách bên trong div */

            }

            .btn-link {
                width: 100%; /* Chi?u r?ng 100% c?a ph?n t? cha */
                margin-bottom: 5px; /* Kho?ng cách gi?a các nút */
            }


            .right-div {
                width: 70%; /* Chi?m ph?n còn l?i bên ph?i */
                float: left; /* X?p c?nh trái */
            }

            /* Xóa float và thi?t l?p kho?ng cách gi?a các nhóm div */
            .clearfix::after {
                content: "";
                clear: both;
                display: table;
            }
        </style>

    </body>
</html>