-
Notifications
You must be signed in to change notification settings - Fork 47
/
gallery.html
102 lines (98 loc) · 5.71 KB
/
gallery.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav class="navbar">
<span class="hamburger-btn material-symbols-rounded">menu</span>
<a href="#" class="logo">
<img src="logo1.png" alt="VISIEUM">
<h2>VISIEUM</h2>
</a>
<input type="checkbox" id="click" />
<label for="click">
<i class="menu_btn bx bx-menu"></i>
<i class="close_btn bx bx-x"></i>
</label>
<ul class="links">
<span class="close-btn material-symbols-rounded">close</span>
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Gallary</a></li>
<li><a href="index.html">Museums</a></li>
<li><a href="index.html">Explore</a></li>
<li><a href="index.html">About Us</a></li>
<li><a href="index.html">Contact</a></li>
</ul>
<!--<button class="login-btn">LOG IN</button> -->
</nav>
</header>
<!-- Gallery Section -->
<section class="gallery" id="gallery">
<h2 class="section_title">Gallery</h2>
<div class="section_container">
<div class="gallery_container">
<div class="col-sm-4 ">
<div class="card" style="width: 18rem;">
<img src="https://t0.gstatic.com/licensed-image?q=tbn:ANd9GcQCiwO-CMm_SxCy96AkCxZ4NrUwEM80rwW3pxjDAqbJMvdTmbt_GAaXfXXHoMktb--N" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="title" style="text-align: center;padding: 10px;">Chhatrapati Shivaji Maharaj Vastu Sangrahalaya</h4>
<p class="card-text">Chhatrapati Shivaji Maharaj Vastu Sangrahalaya, formerly named the Prince of Wales Museum of Western India, is a museum in Mumbai.</p>
</div>
</div>
</div>
<div class="col-sm-4 ">
<div class="card" style="width: 18rem;">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRniisOjfixmms7EH9qwJEXuEWBkVdm82WkDMEjzfnoOq-nvIdXRCgoYbIcduvMaTYyoCc&usqp=CAU" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="title" style="text-align: center;padding: 10px;">National Rail Museum</h4>
<p class="card-text">The National Rail Museum (NRM) is one of the world's prominent Railway museums. Its collections speaks of over 160 years of Rail history in the Indian sub-continent.</p>
</div>
</div>
</div>
<div class="col-sm-4 ">
<div class="card" style="width: 18rem;">
<img src="https://t0.gstatic.com/licensed-image?q=tbn:ANd9GcTXRqVV3xt3Uj7qCOkS20O436jlx0wTry9vnTrr47yT-CddsXvcqiC9rR7u5a-I6xRZ" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="title" style="text-align: center;padding: 10px;">The City Palace</h4>
<p class="card-text">The City Palace, Jaipur is a royal residence and former administrative headquarters of the rulers of the Jaipur State in Jaipur, Rajasthan.</p>
</div>
</div>
</div>
<div class="col-sm-4 ">
<div class="card" style="width: 18rem;">
<img src="https://t2.gstatic.com/licensed-image?q=tbn:ANd9GcTk0hbxyJNhNtOXjGYl_yvgH-PKhVVxqmW0x000UEpmW072qEjjAorC6WA6XYzOicjh" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="title" style="text-align: center;padding: 10px;">Victoria Memorial</h4>
<p class="card-text">The Victoria Memorial is a large marble monument on the Maidan in Central Kolkata, having its entrance on the Queen's Way. It was built between 1906 and 1921 by the British Raj.</p>
</div>
</div>
</div>
<div class="col-sm-4 ">
<div class="card" style="width: 18rem;">
<img src="https://t0.gstatic.com/licensed-image?q=tbn:ANd9GcRooghlT12EKGKZKXDNBNo_SULH5ASxBRstnMXB79rfyP5pRRi0LQwhv5XeYfLsA8XK" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="title" style="text-align: center;padding: 10px;">Indian Museum , Kolkata</h4>
<p class="card-text">The Indian Museum is a massive museum in Central Kolkata, West Bengal, India. It is the ninth oldest museum in the world and the oldest and largest museum in Asia, by size of collection. </p>
</div>
</div>
</div>
<div class="col-sm-4 ">
<div class="card" style="width: 18rem;">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQseYbVBr1ZZUTwxJczqSlhx_vKKiv_qgh9xwo990UTx0OhBzT-PShQQxBELEgYJI-3zFs&usqp=CAU" class="card-img-top" alt="...">
<div class="card-body">
<h4 class="title" style="text-align: center;padding: 10px;">Science City Ahmedabad</h4>
<p class="card-text">Gujarat Science City is a science education and entertainment centre located in Ahmedabad, Gujarat, India. It was followed by constructions of various exhibitions such as Hall of Science, Hall of Space.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="app.js"></script>
</body>
</html>