dino-world/index.html at master · Anurag-Singh-Rajput/dino-world · 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
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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>dinoWorld</title>
   <!-- Stylesheet  -->

   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
   integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous" />
 <link rel="stylesheet" href="stylesheets/style.css" />

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

 <!-- Fonts -->
 <link rel="preconnect" href="https://fonts.gstatic.com" />
 <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;900&family=Ubuntu&display=swap"
   rel="stylesheet" />

 <!-- Script  -->
 <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" data-auto-replace-svg="nest"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
   integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
   crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
   integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
   crossorigin="anonymous"></script>
</head>

<body>
 <section id="title">
   <div class="container-fluid">
     <!-- Nav Bar -->
     <nav class="navbar navbar-expand-lg navbar-light">
       <a class="navbar-brand" href="index.html">dinoWorld</a>
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav ms-auto">
             <li class="nav-item">
               <a class="nav-link" href="gallery.html">Gallery</a>
             </li>
           <li class="nav-item">
             <a class="nav-link" href="events.html">Events</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="about.html">About</a>
           </li>
           <li class="nav-item">
             <a class="nav-link book-link" href="book.html">BOOK</a>
           </li>
         </ul>
       </div>
     </nav>

     <!-- Title -->
     <div class="row">
       <div class="col-lg-6">
         <h1 class="home-content">Come and have fun in this world of dinosaurs, kids!</h1>
         <button class="home-button" type="button" ><a href="book.html">Book a Ticket</a>
         </button>
       </div>
       <div class="col-lg-6">
         <img class="title-image" src="images/bg2.png" alt="park" />
       </div>
     </div>
   </div>
 </section>
 <!-- Events -->

 <section id="events">
   <h2 class="event-head">Events</h2>
  <div id="event-carousel" class="carousel slide" data-ride="false">
    <div class="carousel-inner">
      <div class="carousel-item active container-fluid">
        <h3 class="event-text">GO KARTING</h3>
        <div class="event-detail"><em>Jurasik Park Inn has fastest Go Karting track, a go-kart (often referred to as simply a kart) is a small four-wheeled vehicle. You can have a race with your group, who completes the race in minimum time will be the winner. Get set for the ultimate go karting experience.</em></div>
      </div>
      <div class="carousel-item container-fluid">
        <h3 class="event-text">HORROR HOUSE</h3>
        <div class="event-detail"><em>If you in Jurasik Park Inn, make sure you do enter Horror House with your group to know who is the bravest and manages to escape from the Evil eyes it is a walk which you will always remember. So you should surely come with your kids, girlfriend, or even whole family.</em></div>
      </div>
      <div class="carousel-item container-fluid">
        <h3 class="event-text">MOUNTAIN CLIMBING</h3>
        <div class="event-detail"><em>50 feet high Artificial Wall created which gives you feel of real mountain climbing. We do provide harness considering your safety and protection. As safety is our major concern.So you should surely come with your kids, girlfriend, or even whole family....</em></div>
      </div>
    </div>
    <a class="carousel-control-prev" href="#event-carousel" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#event-carousel" role="button" data-slide="next">
      <span class="carousel-control-next-icon"></span>
    </a>
  </div>
</section>
 <!-- Footer -->

<footer id="footer">
  <div class="container-fluid foot">
    <a href="https://github.com/Anurag-Singh-Rajput" target="_blank"><i class="fab social-med fa-github" ></i></a>
    <a href="https://www.instagram.com/anurag.singh.rajput/" target="_blank"><i class="fab social-med fa-instagram"></i></a>
    <a href="mailto:anuragsingh0317@gmail.com" target="_blank"> <i class="fas social-med fa-envelope"></i></a>
    <p class="footer-text">© STUDIOS </p>
  </div>
</footer>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
 <script src="index.js"></script>
</body>
</html>