altalunehotel/detail_deluxe.html at main · vellandth/altalunehotel · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title> Deluxe Room </title>

    <meta charset="UTF-8" />
    <title> Room Types </title>
    <link rel="stylesheet" href="detail_standard.css">
    <link rel="shortcut icon" href="logo.png">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Paytone+One&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600;1,800;1,900&display=swap" rel="stylesheet">

</head>
<body>
    <header>
        <img src="logo.png" class="logo" width="80px">
            <nav class="menubar">
                <ul>
                    <li><a href="home.html">HOME</a></li>
                    <li><a href="pilihan kamar.html">ACCOMMODATION</a>
                        <ul>
                            <li><a href="pilihan kamar.html">ROOM</a>
                                <ul>
                                    <li><a href="detail_standard.html">Standard Room</a></li>
                                    <li><a href="detail_superior.html">Superior Room</a></li>
                                    <li><a href="detail_deluxe.html">Deluxe Room</a></li>
                                    <li><a href="detail_twin.html">Twin Room</a></li>
                                    <li><a href="detail_family.html">Family Room</a></li>
                                </ul>
                            </li>
                            <li><a href="pilihan kamar.html">SUITE</a>
                                <ul>
                                    <li><a href="detail_juniorsuite.html">Junior Suite</a></li>
                                    <li><a href="detail_suite.html">Suite Room</a></li>
                                    <li><a href="detail_presidential.html">Presidential Suite</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="home.html">GALERY</a></li>
                    <li><a href="home.html">FOUNDER</a></li>
                    <li><a href="home.html">REVIEW</a></li>

                </ul>
            </nav>
    </header>

    <br> <br>
    <!--deluxe-->
    <div class="about" id="About">

        <h1>Deluxe <span>Room</span></h1>

        <div class="about_main">
            <div class="about_image">
                <div class="about_small_image">
                    <img src="deluxeroom.jpg" onclick="functio(this)">
                    <img src="kamar1.jpg" onclick="functio(this)">
                    <img src="kamar2.jpg" onclick="functio(this)">
                    <img src="kamar3.jpg" onclick="functio(this)">
                </div>

                <div class="image_contaner">
                    <img src="deluxeroom.jpg" id="imagebox">
                </div>

            </div>
            <div class="about_text">

                <p>
                    Spacious and comfortable room atmosphere to enjoy your day!<br>
                    <b> Rp 1.550.000,- / day </b>
                </p>

                <p>
                    <b> Room Facilities: </b> <br>
                        - Bed <br>
                        - AC <br>
                        - Television <br>
                        - Drinking water <br>

                    <b>  Hotel facility: </b> <br>
                        - WIFI <br>
                        - Restaurant <br>
                        - Room cleanliness <br>
                </p>

                <p>
                    Terms and Conditions apply. Making a reservation is the same as complying with the terms and conditions that apply at the Altalune Hotel. If you violate, you will be subject to sanctions in accordance with applicable regulations.
                </p>
                <a href="checkin.html" class="about_btn"> RESERVE NOW </a>
                <script>
                    function functio(small){
                        var full = document.getElementById("imagebox")
                        full.src = small.src
                    }
                </script>
            </div>
        </div>
    </div>

    <!--Footer-->
    <footer>
        <div class="waves">
            <div class="wave" id="wave1"></div>
        </div>


        <div class="zoom">
            <ul class="social_icon">

                <li><a href="www.linkedin.com/in/fildzahnurizzati"><ion-icon name="logo-linkedin"></ion-icon>
                    </a></li>

                <li><a href="instagram.com/fildzahnr_"><ion-icon name="logo-instagram"></ion-icon>
                    </a></li>
            </ul>

        </div>

        <p>Design by Fildzah Nur Izzati</p>


    </footer>

    <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>


</body>
</html>