Website_HTML_CSS/HomePage.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
<!DOCTYPE html>
<html>
<head>
	<title>HomePage</title>
	<link rel="stylesheet" href="Stylesheets/StyleHome.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 style="background-image: url('Images/jungle2.jpg');">
	<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>

	<main>
        <div class="box">
		   <h1 class="intro">Welcome To<br>The Mika World !</h1>
		   <p class="det">Leave the chaos of busy cities and crowded streets behind and welcome to Jungle.</p>
		</div>
		<a class="button" href="FacilitiesPage.html">Explore</a>
	</main>

	<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>
</html>