-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (97 loc) · 5.27 KB
/
index.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
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>Raima PlayLand</title>
<link rel="stylesheet" href="assets/styles/gaya.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header class="siteheader">
<div class="kontenheader" id ="headerkonten">
<img src="assets/gambar/logo-2.png" class="featured-logo" alt="banner">
<nav>
<ul>
<li><a href="#About Us">Tentang Kami</a></li>
<div class="dropdown">
<li><a class="dropbtn">Bermain</a>
<div class="dropdown-content">
<a href="#sewa">Mandi Bola</a>
<a href="#sewa">Pasir Ajaib</a>
<a href="#statues">Mewarnai Patung</a>
<a href="#sewa">memancing</a>
</div>
</li>
</div>
<li><a href="#Location">Lokasi</a></li>
<li><a href="#Profile">Social Media</a></li>
</ul>
</nav>
</div>
<img src="assets/gambar/banner.jpg" class="featured-banner" alt="banner">
<marquee>Bermain Belajar Bersama</marquee>
</header>
<main>
<div id="content">
<article id="About Us" class="card">
<h2>Tentang Kami</h2>
Raima PlayLand adalah tempat yang khusus dirancang agar anak-anak dapat bermain , metargetkan anak-anak usia 1 tahun ke atas hingga 10 tahun.
dengan hadirnya Raima PlayLand diharapkan dapat menjadi wadah anak-anak di kabupaten waykanan untuk berkreasi sambil belajar
</article>
<article id="play" class="card"><h2>Aktivitas Permainan</h2>
<section id="Styrofoam" class>
<img src="assets/gambar/styro.jpg" class="featured-image2" alt="Styrofoam">
<h3>Mewarnai Styrofoam</h3>
<p>Manfaat dalam permainan ini adalah dapat mengekspresikan diri, melatih motorik halus anak, mengenak berbagai jenis warna, mengembangkan kreatifitas dan imajinasi anak, dan melatih kesabaran anak.</p>
<div class="clear"></div>
</section>
<section id="statues">
<img src="assets/gambar/patung.jpg" class="featured-image3" alt="Patung">
<h3 align="right">Mewarnai patung</h3>
<p align="right">Manfaat dalam permainan ini adalah dapat mengekspresikan diri, melatih motorik halus anak, mengenak berbagai jenis warna, mengembangkan kreatifitas dan imajinasi anak, dan melatih kesabaran anak.</p>
<div class="clear2"></div>
</section>
<section id="sewa">
<img src="assets/gambar/sewa.jpg" class="featured-image2" alt="sewa">
<h3>Pasir Ajaib</h3>
<p>Manfaat dalam permainan ini adalah dapat mengekspresikan diri, Memberi sensasi baru pada alat sensori si kecil, Memberi sensasi baru pada alat sensori si kecil, melatih motorik halus anak, mengenak berbagai jenis warna, mengembangkan kreatifitas dan imajinasi anak, dan melatih kesabaran anak.</p>
<h3>Mandi Bola</h3>
<p>Manfaat dalam permainan ini adalah dapat mengenalkan berbagai jenis warna, melatih motorik halus dan kasar, kemampuan bersosialisasi dengan lainnya</p>
<h3>Memancing</h3>
<p>Manfaat dalam permainan ini adalah dapat melatih kesabaran anak,mengenal bentuk-bentuk ikan, melatih motorik halus.</p>
<div class="clear"></div>
</section>
</article>
<article id="Location" class="card">
<h2>Lokasi</h2>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d248.5160185741428!2d104.5488211!3d-4.7254852!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e38917217d59e7f%3A0x1e3ed7cc589fef16!2sRaima%20PlayLand!5e0!3m2!1sen!2sid!4v1599125414837!5m2!1sen!2sid" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0" align=""></iframe>
</article>
<article id="Profile" class="card center">
<h2>Social Media</h2>
<div align="center">
<a href="https://www.facebook.com/raimaplayland/" class="fa fa-facebook"></a>
<a href="https://www.youtube.com/channel/UCquXFz1Vid1s5-0wIu3TVdg?" class="fa fa-youtube"></a>
<a href="https://www.instagram.com/raimaplayland/?hl=en" class="fa fa-instagram"></a>
</div>
</article>
</div>
</main>
<footer>
<figure>
<p>Raima PlayLand : Bermain Belajar Bersama</p>
</figure>
</footer>
<script>
window.onscroll = function() {myFunction()};
var navbar = document.getElementById("headerkonten");
var sticky = headerkonten.offsetTop;
function myFunction() {
if (window.pageYOffset >= sticky) {
headerkonten.classList.add("sticky")
} else {
headerkonten.classList.remove("sticky");
}
}
</script>
</body>
</html>