-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (126 loc) · 7.49 KB
/
index.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bangalore Diaries</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
<link rel="icon" href="images/logo.png">
</head>
<body>
<div id="header-wrapper">
<div id="header" class="container">
<div id="menu">
<ul>
<li class="current_page_item"><a accesskey="1" title="">Home</a></li>
<li><a href="Food.html" accesskey="2" title="">Food</a></li>
<li><a href="ITHubs.html" accesskey="3" title="">IT Hubs</a></li>
<li><a href="SocialForum.html" accesskey="4" title="">Social Forum</a>
<li><a href="ExternalDTD.xml" accesskey="5" title="">WeekEnd Getaways</a>
<li><a href="About Me.html" accesskey="6" title="">About Me</a></li>
<li><a href="Contactme.html" accesskey="7" title="">Contact Me</a></li>
<li><a href="payment.html" accesskey="7" title="">Payment</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Bangalore Diaries</a></h1>
<h2>Food | Tech | Career | Health | Getaways</h2>
<span>Blog by Sandhya Margabandhu</span> </div>
<a href="https://www.facebook.com/"><img src="images/fb.png" align="right"></a>
<a href="https://www.instagram.com/"><img src="images/instagram.png" align="right"></a>
<a href="https://www.linkedin.com/in/sandhya-margabandhu-b56408182/"><img src="images/LinkedIn.png" align="right"></a>
<a href="https://twitter.com/sandhya_m115"><img src="images/twitter.png" align="right"></a>
<a href="https://www.behance.net/sandhyam11"><img src="images/behance.png" height="48" width="48" align="right"></a>
</div>
</div>
<div id="wrapper1">
<div id="welcome" class="container">
<div class="title">
<h2>Namma Bengaluru</h2>
<span class="byline">Metropolitan City</span> </div>
<div class="content">
<p><b>Bengaluru (also called Bangalore)</b> is the capital of India's southern Karnataka state. The center of India's high-tech industry, the city is also known for its parks and nightlife. By Cubbon Park, Vidhana Soudha is a Neo-Dravidian legislative building. Former royal residences include 19th-century Bangalore Palace, modeled after England’s Windsor Castle, and Tipu Sultan’s Summer Palace, an 18th-century teak structure.</p>
</div>
<figure><img src="images/map.png" height="10%" width="30%" alt="UIGif1" usemap="#workmap">
<figcaption>Fig. Bangalore Map(Move cursor on the top left)</figcaption></figure>
<video width="800" height="350" controls>
<source src="images/video.mp4" type="video/mp4">
</video><h2 align="center">Glimpse of the City</h2>
<map name="workmap">
<area shape="rect" coords="34,44,100,250" alt="Computer" href="https://en.wikipedia.org/wiki/Ulsoor_Lake"></map>
</div>
</div>
<div id="wrapper3">
<div id="portfolio" class="container">
<div class="title">
<h2 id="001">Top 4 Reasons Why “Namma Bengaluru” Is Just Awesome!</h2>
<span class="byline">You don't just live, You experience</span>
<img src="images/collage.jpg" height="50%" width="50%" alt="" align="center">
</div>
<div class="pbox1">
<div class="column1">
<div class="box">
<h3>Food</h3>
<p>Bangalore is no doubt the birthplace of Coffee Days. With at least one CCD at every corner of the street, you will never have to look for hangout places in Bangalore.</p>
</div>
<ol>
<center><img class="circular--square" src="images/food_bg.jpg" height="150" width="150"></center>
<li>Food Street Bangalore, V V Puram</li>
<li>Shri Sagar - CTR - Malleshwaram</li>
<li>Brahmin’s Coffee Bar – Basavanagudi</li>
<li>Eat Street – Koramangala</li>
</ol>
</div>
<div class="column2">
<div class="box">
<h3>Metro</h3>
<p>Namma Metro, also known as Bengaluru Metro is a rapid transit system serving the city of Bengaluru, India. It is the fourth longest operational metro network in India.</p>
</div>
<ol>
<center><img class="circular--square" src="images/metro_bg.jpg" height="150" width="150" ></center>
<li>Halasuru</li>
<li>MG Road</li>
<li>Mysore Road</li>
<li>LalBagh</li>
</ol>
</div>
<div class="column3">
<div class="box">
<h3>IT Hubs</h3>
<p>Bangalore is the IT Capital of India and a global information technology hub in the country. The city is known as the Silicon Valley of India with large number of software companies in India. </p>
</div>
<ol>
<center><img class="circular--square" src="images/it_bg.jpg" height="150" width="150"></center>
<li>Manyata Tech park</li>
<li>Embassy TechVillage</li>
<li>ITPL-International Tech Park</li>
<li>JP Software Park</li>
</ol>
</div>
<div class="column4">
<div class="box">
<h3>Malls</h3>
<p>From a young crowd of students from north India to a group of foreigners who are working here for a couple of years now. From west to north east Indians, Bangalore has a place for all.</p>
</div>
<ol>
<center><img class="circular--square" src="images/shop.jpg" height="150" width="150"></center>
<li>Orion Mall, Rajaji Nagar</li>
<li>Royal Meenakshi Mall</li>
<li>Gopalan Mall, Bannerghatta Road</li>
<li>Mantri Square, Malleswaram</li>
</ol>
</div>
</div>
</div>
</div>
<div id="footer-wrapper">
<footer>
<div class="copyright"><font color="#d6efc7"><center><strong> © Sandhya M. All rights reserved (2020) |
Christ (Deemed to be University) Bangalore - 560029</strong></center></font></div>
</footer>
</div>
</body>
</html>