Website_HTML_CSS/OfferPage.html at webmain · vimalehaan/Website_HTML_CSS · 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
<!DOCTYPE html>
<html>
<head>
    <title>FacilitiesPage</title>
    <link rel="stylesheet" href="Stylesheets/StyleOffer.css">
    <link rel="stylesheet" href="Stylesheets/StyleHeader.css">
    <link rel="stylesheet" href="Stylesheets/StyleFooter.css">
    <link rel="icon" href="Images/log.png" type="image/icon type">
    <link rel="stylesheet" href="C:\Users\ASUS\OneDrive\Desktop\WebPage_Hotel-main\Stylesheets\fonts.css">
</head>

<body>
    <header>
        <nav>
            <ul>
                <li><a href="HomePage.html">Home</a></li>
                <li><a href="FacilitiesPage.html">Facilities</a></li>
                <li><a href="OfferPage.html">Offers</a></li>
                <li><a href="ContactPage.html">Contact</a></li>
            </ul>
        </nav>
    </header>

    <img class="im1" src="Images/log.png" alt="Logo">
    <h1 class="title">Mika <span style="color:#68b1dce9">Hotels</span></h1>
    <div class="vl1"></div>
    <div class="vl2"></div>

    <div class="prm">
        <img class="prm_img" src="Images/bird2.jpg">
        <h1 class="ttl">Explore The<br>Bird Paradise!</h1>
        <p class="exp">Discover the beauty of nature with our bird watching experience at Mika Hotel!</p>
        <a class="btn1" href="#sam">View more..</a>
    </div>

    <h1 class="pr_hd">PROMOTIONS</h1>

    <div class="pr1">
        <div class="com">
            <img src="Images/coup.png" alt="cpl">
            <h3>25% off for Newlyweds!</h3>
            <p>"Begin your happily ever after with our exclusive offer for newlyweds!
                Enjoy a romantic stay in our luxurious hotel and save 25% on your booking.""
            </p>
            <a href="#ds">Explore..</a>
       </div>
    </div>

    <div class="pr2">
        <div class="com">
            <img src="Images/fam2.png" alt="cpl">
            <h3>Family Fun for Less: Enjoy 15% off!</h3>
            <p>"Make unforgettable memories with your family while
                enjoying a comfortable and relaxing stay at our hotel.We are pleased to offer a special discount of 15% on your booking."
            </p>
            <a href="#ds">Explore..</a>
       </div>
    </div>

    <div class="pr3">
        <div class="com">
            <img src="Images/contest.png" alt="cpl">
            <h3>Enter to Win: 30% off!</h3>
            <p>"Get ready for the ultimate getaway with our exciting contest! Five lucky winners will receive
                 an incredible 30% off their stay at our hotel. Don't miss out on this amazing
                 opportunity"
            </p>
            <a href="#ds">Register now..</a>
       </div>
    </div>

    <div class="pr4">
        <div class="com">
            <img src="Images/gvay.png" alt="cpl">
            <h3>Giveaway: 50% off!</h3>
            <p>"Are you ready for an unforgettable escape? Enter our social media giveaway for a chance to
            win 50% off your dream stay at our hotel for 2! You could be one of the two lucky winners. Hurry up!
            </p>
            <a href="#ds">About Giveaway..</a>
       </div>
    </div>

    <footer>
        <img src="Images/log.png" alt="Logo">
        <p class="ltn"><span class="material-symbols-outlined">location_on</span><br>Mika Hotels,<br>22/A, Ruwana Paradeshi Hills,<br>Kandy,<br>SriLanka.</p>
        <p class="call"><span class="material-symbols-outlined">call</span><br>081-7583934<br>081-5842253</p>
        <p class="mail"><span class="material-symbols-outlined">mail</span><br><a href="mailto:mikaworlds.kd@gmail.com">mikaworlds.kd@gmail.com</a></p>
        <div class="vl"></div>
        <p class="cr">All copyrights reserved by Mika Hotels - &copy 2023</p>
    </footer>

</body>
</html>