coding-project-2021/index.html at main · JeffJrShim/coding-project-2021 · 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
<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset = "UTF-8"/>
    <meta name="viewport" content="width=device=width, initial-scale=1.0">
        <title>My favorite Restaurants in Kuala Lumpur, Malaysia.</title>
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</head>
<body>
  <div style="text-align: center;">
    <button onclick="javascript:window.location.href='home.html';" class="button button1">Home</button>
    <button onclick="javascript:window.location.href='dtf.html';" class="button button1">Ding Tai Fung</button>
    <button onclick="javascript:window.location.href='gonoodle.html';" class="button button1">Go Noodle House</button>
    <button onclick="javascript:window.location.href='kimgary.html';" class="button button1">Kim Gary</button>
    <button onclick="javascript:window.location.href='mdmkwan.html';" class="button button1">Mdm Kwan</button>
    <button onclick="javascript:window.location.href='jogoya.html';" class="button button1">Jogoya</button>
  </div>
</div>
  <div class="wrapper">
    <div class="animate__animated animate__fadeIn animate__slower">
      <div class="header">
        <h1 class="animate__animated animate__rubberBand">My Favorite Restaurants in Kuala Lumpur, Malaysia.</h1>
      </div>
      </div>
      <div class="body">
        <p class="animate__animated animate__backInRight">In the city of Kuala Lumpur, there is a lot of fantastic restaurants.</p>
        <p class="animate__animated animate__backInLeft">In this website, we will be highlighting 5 of my favorite restaurants in Kuala Lumpur.</p>
      </div>
      <hr>
      <div class="animate__animated animate__bounceInDown">
      <div class="gallery">
        <a href="javascript:void(0);" onclick="javascript:window.location.href='kimgary.html';">
          <img src="img/kimgary.jpg" alt="Hong Kong Kim Gary" width="600" height="400">
        </a>
        <div class="desc">
          <h2>Hong Kong Kim Gary</h2>
          <p>The Hong Kong Kim Gary restaurant is available in multiple areas of Kuala Lumpur. To learn more about Hong Kong Kim Gary Restaurant, click here.</p>
          <h2>⭐⭐⭐⭐⭐</h2>
        </div>
      </div>

      <div class="gallery">
        <a href="javascript:void(0);" onclick="javascript:window.location.href='jogoya.html';">
          <img src="img/jogoya.jpg" alt="Jogoya" width="600" height="400">
        </a>
        <div class="desc">
          <h2>Jogoya</h2>
          <p>Jogoya is a japanese buffet, located at Starhill Gallery. Click here to learn more about Jogoya.</p>
          <h2>⭐⭐⭐⭐.5</h2>
        </div>
      </div>

      <div class="gallery">
        <a href="javascript:void(0);" onclick="javascript:window.location.href='gonoodle.html';">
          <img src="img/gonoodle.jpg" alt="GO Noodle House" width="600" height="400">
        </a>
        <div class="desc">
          <h2>GO Noodle House</h2>
          <p>GO Noodle House is a very popular noodle chain in Kuala Lumpur. Click here to learn more about this restaurant.</p>
          <h2>⭐⭐⭐⭐⭐</h2>
        </div>
      </div>

      <div class="gallery">
        <a href="javascript:void(0);" onclick="javascript:window.location.href='dtf.html';">
          <img src="img/dtf.jpg" alt="Din Tai Fung" width="600" height="400">
        </a>
        <div class="desc">
          <h2>Din Tai Fung</h2>
          <p>Din Tai Fung is one of the most prestigous restaurants on this list. Click here to learn more about Din Tai Fung.</p>
          <h2>⭐⭐⭐⭐⭐</h2>
        </div>
      </div>
      <div class="gallery">
        <a href="javascript:void(0);" onclick="javascript:window.location.href='mdmkwan.html';">
          <img src="img/mdmkwan.jpg" alt="Mountains" width="600" height="400">
        </a>
        <div class="desc">
          <h2>Madam Kwan's</h2>
          <p>Madam Kwan's serves authentic Malaysian cuisine, for anyone willing to dive in deeper into Malaysian cuisine. Click here to learn more about Madam Kwan's.</p>
          <h2>⭐⭐⭐⭐⭐</h2>
        </div>
      </div>
  </div>
  </div>
</body>
</html>