Touristapp/index.html at master · bugsb/Touristapp · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Slides</title>
  <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@4.7.4/dist/ionic/ionic.esm.js"></script>
  <script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core@4.7.4/dist/ionic/ionic.js"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@4.7.4/css/ionic.bundle.css"/>

  <style>
    :root {
      --ion-safe-area-top: 20px;
      --ion-safe-area-bottom: 22px;
    }
    .swiper-slide {
      display: block;
    }
    ion-slide > h2 {
      margin-top: 2.8rem;
    }
    ion-slide > img {
      max-height: 50%;
      max-width: 60%;
      margin: 36px 0;
    }
  </style>
</head>
<body>
  <ion-app>

    <ion-header translucent>

      <ion-toolbar>
        <ion-title>Slides</ion-title>
      </ion-toolbar>

    </ion-header>


    <ion-content fullscreen >
        <p align="right">Swipe-Left<ion-icon name="arrow-forward"></ion-icon></p>
      <ion-slides>

        <ion-slide>
          <img src="images\tourist.jpg"/>
          <h3>Welcome to the <b>Tourist Ghumao</b></h3>
          <p><h4>Tourism is travel for pleasure or business; also the theory and practice of touring, the business of attracting, accommodating, and entertaining tourists, and the business of operating tours.</h4></p>
        </ion-slide>

        <ion-slide>
          <img src="images\logo.jpg"/>
          <h3>What is Tourist Ghumao?</h3>
          <p><h4>To ease the comfort of tourist and provide them the most simplified guidance.</h4></p>
        </ion-slide>


        <ion-slide>
          <img src="images\tourist2.jpg"/>
          <h2>Ready to </h2>
          <ion-button fill="clear"href="trojan.html">Continue <ion-icon slot="end" name="arrow-forward"></ion-icon></ion-button>
        </ion-slide>

      </ion-slides>
    </ion-content>
  </ion-app>
</body>
</html>