-
Notifications
You must be signed in to change notification settings - Fork 2
/
mainPage.html
119 lines (101 loc) · 4.18 KB
/
mainPage.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="mainPage.css">
<script>
window.onscroll = function () { showNavbar() };
function showNavbar() {
if (document.documentElement.scrollTop > 150) {
document.getElementById("navbar").style.top = "0";
}
else {
document.getElementById("navbar").style.top = "-100px";
}
}
</script>
<title>Acacia Camping Gear - Home Page</title>
</head>
<body class="homePage">
<div id="navbar" class="navbar">
<img id="logo" src="Images/logo.svg" alt="Image of the logo">
<a class="active" href="#home">HOME</a>
<a href="Student1/buyProducts.html">PRODUCTS</a>
<a href="Student2/Query.html">QUERY</a>
<a href="Student3/campquiz.html">QUIZ</a>
<a href="Student4/sitemap.html">SITEMAP</a>
<a href="Student4/thumbnail.html">THUMBNAILS</a>
<a href="Student3/aboutus.html">STUDENT DETAILS</a>
<a href="ExtraContent/Extracontent.html">MORE</a>
</div>
<div class="homeTitleBlock">
<div class="homeTitle">Acacia Camping Gear
<p> Start Your Adventure Today</p>
</div>
</div>
<div class="homeContents">
<div class="homeWhatIs">
<img class="homeImgL" src="Images/homeImg1.jpg" id="homeWhatIsImg" alt="What is camping">
<div class="homeTxtR" id="homeWhatIsTxt">
<h2>What is camping?</h2>
<p>Camping is a broad term but in its essence, camping is a way of getting away from the
hassle of urban life, to a more natural environment for a limited time.
</p>
</div>
</div>
<div class="homeTryCamping">
<img class="homeImgR" src="Images/homeImg2.jpg" id="homeTryCampingImage" alt="Try Camping">
<div class="homeTxtL" id="homeTryCampingTxt">
<h2>Why you should try camping?</h2>
<p>There are many benefits of camping.It can reduce your stress and also helps you to unplug from
your
screens
and embrace outdoors. It helps to strengthen bonds between people that camp together. You also
develop
new
skills as a person like setting up tents, tying knots, starting a fire. Most importantly, it
increases
your
survival skills, getting you a higher chance to win the hunger games if needed.
</p>
</div>
</div>
</div>
<div class="homeCampingSL">
<img class="homeImgL" src="Images/homeImg3.jpg" alt="Camping sites Sri Lanka">
<div class="homeTxtR" id="homeCampingSLTxt">
<h2>Camping Sites in Sri Lanka</h2>
<p>Camping in Sri Lanka can be the best experience you can have while being close to nature. Amidst the
scene
jungle location you have a chance to go for rainforest camping which will allow you to get deeply
absorbed
in the sound of the water being closer to the fall.
</p>
</div>
</div>
<div class="homeQuery">
<img class="homeImgR" src="Images/homeImg4.jpg" id="homeQueryTxt" alt="Query Image">
<div class="homeTxtL">
<h2>Query Form</h2>
<p>Share your suggestions and concerns with us!</p>
</div>
</div>
<div class="homeShop">
<img class="homeImgL" src="Images/homeImg5.jpg" alt="Shop Image">
<div class="homeTxtR" id="homeShopTxt">
<h2>Shopping</h2>
<p>Shop for the all latest camping
equipment in one place and make your
camping experience even more memorable!
</p>
</div>
</div>
<div class="homeQuiz">
<img class="homeImgR" src="images/homeImg6.jpg" alt="Quiz Image">
<div class="homeTxtL" id="homeQuizTxt">
<h2>Quiz</h2>
<p>Test your knowledge on camping here in just one minute.</p>
</div>
</div>
</body>
</html>