Spacepidia/japan.html at main · AhamadAlii/Spacepidia · 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
<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- Bootstrap css CDN link -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
   <!-- Bootstrap JS CDN link -->
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
      crossorigin="anonymous"></script>
   <link rel="stylesheet" href="css/style_china.css" class="css">
   <title>Document</title>
</head>

<body id="body">
   <div class="container1">
      <div>
         <h1>Spaceipedia</h1>
      </div>
      <nav>
         <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">Contact</a></li>
            <!-- <li><a href="">Service</a></li> -->
         </ul>
      </nav>
   </div>
   <br>
   <br>
   <div class="container1">
    <h2>Japan</h2>
   </div>

   <div class="box1">
      <div class="card">
         <div class="imgBx">
            <img src="images/japan1.png" alt="images">
         </div>
         <div class="details">
            <h2>Micro-LabSat</h2>
            <a href="japan1.html" class="btn btn-primary">Know more</a>
         </div>
      </div>

      <div class="card">
         <div class="imgBx">
            <img src="images/japan2.png" alt="images">
         </div>
         <div class="details">
            <h2>Hayabusa2</h2>
            <a href="japan2.html" class="btn btn-primary">Know more</a>
         </div>
      </div>

      <div class="card">
         <div class="imgBx">
            <img src="images/japan3.png" alt="images">
         </div>
         <div class="details">
            <h2>SPRINT-A</h2>
            <a href="japan3.html" class="btn btn-primary">Know more</a>
         </div>
      </div>
   </div>
<br>
<br>
<br>

<button onclick="goToCNSAPage()">Get to know about the missions's of JAPAN</button>

<script>
    function goToCNSAPage() {
        window.location.href = "https://global.jaxa.jp/projects/index.html";
    }
</script>

</body>

</html>