Lavanya 2

A Internship Report on
WEB DEVELOPMENT
Submitted in partial fulfilment of the requirement for the award of degree of
BACHELOR OF TECHNOLOGY
In
COMPUTER SCIENCE & ENGINEERING

Submitted By
J. LAVANYA DEVI 20FF1A0520
K. SANTHOSH 20FF1A0524
R. UDAY KUMAR REDDY 20FF1A0538
Under the guidance of
Mr. D. VENKATESWARLU
Assistant Professor
Mr. M. SUNDARPAUL
Assistant Professor
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

MANDAVA INSTITUTE OF ENGINEERING &TECHNOLOGY
(Affliated to Jawaharalal Nehru Technological University, KAKINADA)
JAGGAYYAPET, KRISHANA DISTRICT, (A.P) PIN-52117
2023
MINOR PROJECT
Create A Web Page On Historical Places In India
The Web Page Must Have
1) Webpage Should Includes Images, A Brief Description Of That Images

2) The Web Page Must Be Responsive Using Either Grid Box Or Flex Box
3) The Web Page Should Have a Fixed Header And Footer
4) The Footer should Have Your Name As "Designed And Developed By
(Your Name)"
………. HTML CODE………
<!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 href="project.css" rel="stylesheet">
</head>
<body>
<div align="center">
<header>
<marquee>Historical placess in India</marquee>

</header>
<br><br><br><br>
<div>
<img src=" my projects/lotus.jpg">
<fieldset>
<legend><h1>Lotus temple</h1></legend>
<p id="s">The Lotus Temple, located in Delhi, India, is a Bahá'í House of Worship that was
dedicated in December 1986, costing $10 million.
Notable for its flowerlike shape, it has become a prominent attraction in the city.</p>
<p><a href=" https://en.wikipedia.org/wiki/Lotus_Temple">Read More....</a></p>
</fieldset>
</div>
<br><br><br><br><br><br>
<div>
<img src="my projects/hampi.jpg">
<fieldset>
<legend><h1>Hampi</h1></legend>
<p id="t">Hampi is located in hilly terrain formed by granite boulders The Hampi
monuments comprising the UNESCO
world heritage site are a subset of the wider-spread Vijayanagara ruins.
Almost all of the monuments were built between 1336 and 1570 CE during the
Vijayanagara rule.</p>
<p><a href="https://en.wikipedia.org/wiki/Hampi">Read More.. .</a></p>
</fieldset>
</div>
<div>
<img src="my projects/mysore.webp">
<fieldset>
<legend><h1>mysore palace</h1></legend>
<p id="m">Mysore Palace is built in the Indo-Saracenic style with a touch of Hindu, Mughal,
Rajput, and Gothic architectural styles.
The three-storied palace along with a 145 feet five-storied tower
was built using fine grey granite while deep pink marble was used for the domes.</p>
<p><a href="https://en.wikipedia.org/wiki/Mysore_Palace">Read More....</a></p>
</fieldset>
</div>
<div>
<img src="my projects/ajanta.jpg">
<fieldset>
<legend><h1>Ajanta cavas</h1></legend>
<p id="u">The caves at Ajanta are excavated out of a vertical cliff above the left bank of the
river Waghora in the hills of Ajanta.
They are thirty in number, including the unfinished ones, of which five
(caves 9, 10, 19, 26 and 29) are chaityagrihas (sanctuary) and the rest,
sangharamas or viharas (monastery).</p>
<p><a href="https://en.wikipedia.org/wiki/Ajanta_Caves">Read More....</a></p>
</fieldset>
</div>
<div>
<img src="my projects/hawa-mahal.webp">
<fieldset>
<legend><h1>Hawa Mahal</h1></legend>
<p id="y">The Hawa Mahal is a five-storey building, and it is the tallest building in the
world that has been built without a foundation.
It has a curved architecture that leans at an 87 degree angle,
and a pyramidal shape which has helped it stay erect for centuries.
The Hawa Mahal is dedicated to Lord Krishna.</p>
<p><a href="https://www.hawa-mahal.com/">Read More....</a></p>
</fieldset>
</div>
<div>
<img src="my projects/gateway.jpg">
<fieldset>
<legend><h1 >Gateway of india</h1></legend>
<p id="w">The Gateway of India is an arch monument built during the 20th century in
Bombay, India.
monument was erected to commemorate the landing of King George V
and Queen Mary at Apollo Bunder on their visit to India in 1911.</p>
<p><a href="https://en.wikipedia.org/wiki/Gateway_of_India">Read More.....</a></p>
</fieldset>
</div>
<br><br><br><br><br><br><br><br>
<div>
<img src="my projects/tajmahal1.webp" >
<fieldset>
<legend><h1>Tajmahal</h1></legend>
<p id="z">
The Taj Mahal is an ivory-white marble mausoleum on the south bank of the Yamuna river
in the Indian city of Agra.
It was commissioned in 1632 by the Mughal emperor, Shah Jahan (reigned from 1628
to 1658), to house the tomb of his favourite wife, Mumtaz
Mahal.
</p>
<p><a href="https://en.wikipedia.org/wiki/Taj_Mahal">Read more......</a></p>
</fieldset>
</div>
<br><br><br><br><br><br><br>
<div>
<img src="my projects/Jantar-Mantar.webp">
<fieldset>
<legend><h1>Jantar mantar</h1></legend>
<p class="k">
Jantar Mantar is located in the modern city of New Delhi. "Jantar Mantar" means
"instruments for measuring the harmony of the heavens".
It consists of 13 architectural astronomy instruments.
The site is one of five built by Maharaja Jai Singh II of Jaipur, from 1723 onwards,
revising the calendar and astronomical tables.
</p>
<p><a href="https://en.wikipedia.org/wiki/Jantar_Mantar,_New_Delhi">Read
More......</a></p>
</fieldset>
</div>
<div>
<img src="my projects/Victoria.webp">
<fieldset>
<legend><h1>Victoria Memorial </h1></legend>
<p class="m">
The Victoria Memorial is a large marble building on the Maidan in Central Kolkata,
having its entrance on the Queen's Way.
It was built between 1906 and 1921 by the British government.
It is dedicated to the memory of Queen Victoria, Empress of India from 1876 to 1901.
</p>
<p><a href="https://en.wikipedia.org/wiki/Victoria_Memorial,_Kolkata">Read
More......</a></p>
</fieldset>
</div>
<div>
<img src="my projects/chola.webp">
<fieldset>
<legend><h1>Chola Temples </h1></legend>

<p class="n">
The Great Living Chola Temples is a UNESCO World Heritage Site designation for a
group of
Chola dynasty era Hindu temples in the Indian state of Tamil Nadu.
Brihadeshwara Temple at Tanjore, Airavateshwara Temple in Darasuram, and

Brihadeeshwara Temple in Gangaikonda Cholapuram.
<p><a href="https://en.wikipedia.org/wiki/Great_Living_Chola_Temples">Read
More......</a></p>
</fieldset>
</div>
<div>
<img src="my projects/cellularjail.webp">
<fieldset>
<legend><h1>Cellular Jail </h1></legend>
<p class="o">
Cellular Jail is one of the most popular attractions in Port Blair.
The jail is stranded on a secluded island and was used by Britishers to punish
miscreants.
Cellular Jail means Kala Pani that translates to exile till death.
<p><a href="https://en.wikipedia.org/wiki/Cellular_Jail">Read More.....</a></p>
</fieldset>
</div>
<div>
<img src="my projects/meenakshi.webp">
<fieldset>
<legend><h1> Meenakshi Amman Temple</h1></legend>

<p class="o">
A historic hindu temple located on the southern bank of the Vaigai River in Madurai,
this majestic temple is all about seeking good vibes, positivity and wholesome
spirituality.
It is dedicated to Parvati, known as Meenakshi, and her spouse, Shiva.
<p><a href="https://en.wikipedia.org/wiki/Meenakshi_Temple">Read More......</a></p>
</fieldset>
</div>
<div>
<img src="my projects/Amer-Fort.webp">
<fieldset>
<legend><h1> Amer Fort</h1></legend>
<p class="c">
Only 11 km from the Pink City Jaipur, Amer Fort is one of the most magnificent forts in
India.
Built by Maharaja Man Singh in 1592, it was truly the residence of kings.
Another UNESCO site in the heart of Rajasthan.
<p><a href="https://en.wikipedia.org/wiki/Amber_Fort">Read More......</a></p>
</fieldset>
</div>
<div>
<img src="my projects/charminar.webp">
<fieldset>
<legend><h1>Charminar</h1></legend>
<p class="d">
It was believed that Muhammad Quli Qutb Shah built the Charminar in 1591 to honor
Allah.
However in reality this historical tourist place in India was built to signify the end of
plague in the city.
<p><a href="https://en.wikipedia.org/wiki/Charminar">Read More.....</a></p>
</fieldset>
</div>
<div>
<h1><marquee durection="2.0" direction="left">National Anthem</marquee></h1>
<audio controls loop>
<source src="C:\Users\lavan\Downloads\Jana Gana Mana Song

Download(SongsZilla.Net).mp3">
</audio>
</div>
<br><br><br>
</div>
<div>
<footer>Design & Developed by kondagorri Santhosh</footer>
</div>
</body>
</html>
……….CSS CODE………
header{ background-color:
rgb(213, 249, 4); color:rgb(250,
246, 246) ; position:fixed; left:
0px; top:0px; width: 100%;

font-size: 30px; border-
radius: 20px; font-family:
fantasy; text-shadow: 4px
4px 4px black;
background:linear-gradient( to bottom right,rgb(27, 146, 190) 25%,rgb(171, 28, 137),rgb(156, 156,

52)); border-style:groove;
border-width: 5px; border-
color: rgb(255, 255, 0);
footer{ background-
color: blue;
color:rgb(246, 247, 245);
position:fixed; left: 0px;
bottom:0px; width: 100%; font-size: 30px; border-radius: 20px; text-align:
center; font-family: fantasy; text-shadow: 3px 3px 3px black; background: linear-
gradient(rgb(209, 22, 169) 25%,rgb(147, 177, 37),rgb(148, 94, 40)); border-
style:groove; border-color: chartreuse; border-bottom: fuchsia; border-width:
5px;
body{ margin:0; padding:0;
font-family: sans-serif;
background-color: #6ca3b4;
myanim; animation-name:
myanim;
animation-duration: 3s; animation-iteration-count:
5;
}
@keyframes myanim{
0%{background-color: #433bb2;}
30%{background-color: rgb(180, 11, 110);}
50%{background-color: rgb(12, 239,
99);} 75%{background-color:
cornflowerblue;} 100%{background-
color: khaki;}
h1{
color:#fff;
padding:20px;
color:rgb(238, 110, 74);
decoration:underline;
.box{ position: absolute; top:20%;
left:20%; transform: translate(-20% ,-
20%); width:1200px; padding: 60px; box-
sizing: border-box; background-color:red;
border-radius: 20px; box-shadow: 0 5px
15px rgba(0, 0, 0, 0.5); display: flex;
transition: .5s;
}
img{ margin:50px;
width:30%;
height:30%;
border-radius:60px;
float:left; text-align: center;
border-color: rgb(3, 253, 7);
box- shadow: 10px 10px 10px
blue;
p{ color:#0e0f0f;
text-align:center;
font-size: 20px;
#x{ text-align:
justify;
margin:20px; font-
size:
23px;
} #t{ text-align:
justify;
margin:20px; font-
size: 23px;
#u{
text-align: justify;
margin:22px; font-size:
23px;
#w{
margin:22px; font-
size: 23px;
#y{ text-align:
justify;
margin:22px; font-
size: 23px;
#z{ text-align:
justify;
margin:22px; font-
size: 23px; }
#m{
margin:22px; font-size:
23px;
} #s{ text-align:
justify;
margin:22px;
font-size:
24px;
.k{ text-align:
justify;
margin:22px; font-
size: 23px;
.m{
margin:20px; font-
size: 23px;
.o{ text-align:
justify;
margin:20px;
font-size:
23px;
} .c{ text-align:
justify;
margin:20px;
font-size:
23px;
} .d{ text-align:
justify;
margin:20px;
font-size:
23px;
a{ color:rgb(244, 238,
238); text-align: center;
font-size: 15px;
fieldset{ background-color: #fff; border-radius: 20px; border-color: blue; box-
shadow: 20px 20px 20px rgb(10, 10, 10); background-image: linear-gradient(rgb(204,
218, 218),rgb(135, 135, 46),rgb(155, 87, 87)); text-align: center;
h1{ background-color: coral; color:rgb(17, 255, 0); font-family: Georgia, 'Times New Roman',
Times, serif; text-shadow: 3px 3px 3px rgb(11, 10, 10); border-radius: 30px; box-shadow: 5px
5px 5px blue; background: linear-gradient(rgb(146, 28, 119), rgb(52, 45, 163), rgb(168, 168,
23),rgb(36, 172, 26));
}
Major Project Web Development
Weather Forecast App
Make a web app for users to see the current weather and the weather forecast
for the next 7 days. Requirements An input for users to type city name Display
current weather including weather condition, temperature, humidity, wind
speed, and date and time Visualization to display the temperature change,
humidity change, and weather conditions of each day. Suggested
Implementation Fetch user's device position. If you're unable to get the user's
position, set Delhi as the default location. Fetch weather data (forecast data and
current weather data) of the location from weather API Format the data into
charts Display the chart and current weather
……….HTML CODE………
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Weather App Project </title>
<link rel="stylesheet" href="C:\Users\lavan\OneDrive\Desktop\we.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="C:\Users\lavan\OneDrive\Desktop\we.js" defer></script>
</head>
<body>
<h1>Weather forecasting</h1>
<div class="container">
<div class="weather-input">
<h3>Enter a City Name</h3>
<input class="city-input" type="text" placeholder="delhi">
<button class="search-btn">Search</button>
<div class="separator"></div>
<button class="location-btn">Use Current Location</button>
</div>
<div class="weather-data">
<div class="current-weather">
<div class="details">
<h2> ( )</h2>
<h6>Temperature: °C</h6>
<h6>Wind: M/S</h6>
<h6>Humidity: %</h6>
</div>
</div>
<div class="days-forecast">
<h2>5-Day Forecast</h2>
<ul class="weather-cards">
<li class="card">
<h3>( )</h3>
<h6>Temp: °C</h6>
<h6>Wind: M/S</h6>
</li>
<li class="card">
<h3>( )</h3>
<h6>Temp: °C</h6>
<h6>Wind: M/S</h6>
</li>
<li class="card">
<h3>( )</h3>
<h6>Temp: °C</h6>
<h6>Wind: M/S</h6>
</li>
<li class="card">
<h3>( )</h3>
<h6>Temp: °C</h6>
<h6>Wind: M/S</h6>
</li>
<li class="card">
<h3>( )</h3>
<h6>Temp: °C</h6>
<h6>Wind: M/S</h6>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
………...CSS CODE………
@import
url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
*{
margin: 0; padding: 0; box-sizing:
border-box; font-family: 'Open
Sans', sans-serif;
body { background:linear-gradient(rgb(229, 229, 96) 25%,hsl(193, 87%, 50%),rgb(207,
142, 20));
h1 { background:
#f59d03; font-size:
1.75rem; text-align:
center; padding: 18px
0;
color: #fff;
.container {
display: flex; gap:
35px; padding:
30px;
.weather-input {
width: 550px;
.weather-input input {
height: 46px; width:
100%; outline: none;
font-size: 1.07rem;
padding: 0 17px;
margin: 10px 0 20px
0; border-radius: 4px;
border: 1px solid #ccc;
.weather-input input:focus {
padding: 0 16px; border:
2px solid #514cde;
.weather-input .separator
{ height: 1px; width: 100%;
margin: 25px 0;
background: #BBBBBB;
display: flex; align-
items: center; justify-
content: center;
.weather-input .separator::before{
content: "or"; color: #6C757D;
font-size: 1.18rem; padding: 0
15px; margin-top: -4px;
background: #E3F2FD;
.weather-input button
{ width: 100%;
padding: 10px 0;
cursor: pointer;
outline: none; border:
none; border-radius:
20px; font-size: 1rem;
color: #fff;
background: #5372F0;
transition: 0.2s ease;
.weather-input .search-btn:hover
{ background: #f43703; color:
black;
.weather-input .location-btn
{ background: #f008cd;
.weather-input .location-btn:hover {
background: hsl(118, 92%, 45%);
color:rgb(238, 13, 13);
.weather-data {
width: 100%;
.weather-data .current-weather {
color: #ffffff;
background:linear-gradient(rgb(250, 4, 4),rgb(244, 148, 3),rgb(226, 250, 7),rgb(61, 166, 61),rgb(68,

68, 189),indigo,violet); border-
radius: 5px; padding: 20px 70px
20px 20px;
display: flex; justify-content:
space-between;
.current-weather h2 { font-
weight: 700; font-size:
1.7rem;
}
.weather-data h6 { margin-
top: 12px; font-size: 1rem;
font-weight: 500;
.current-weather .icon { text-
align: center;
.current-weather .icon img {
max-width: 120px; margin-top:
-15px;
.current-weather .icon h6 {
margin-top: -10px; text-transform:
capitalize;
.days-forecast h2 {
margin: 20px 0; font-size:
1.5rem;
h2{
color: white; text-shadow:12px 12p 12px
rgb(21, 20, 20) ;
.days-forecast .weather-cards
{ display: flex; gap: 20px;
.weather-cards .card {
color: #fff;
padding: 18px
16px; list-style:
none;
width: calc(100% / 5);
background: #4ae71a;
border-radius: 5px;
.weather-cards .card h3 { font-
size: 1.3rem; font-weight:
600;
.weather-cards .card img {
max-width: 70px; margin:
5px 0 -12px 0;
@media (max-width: 1400px) { .weather-
data .current-weather { padding: 20px;
.weather-cards {
flex-wrap: wrap;
width: calc(100% / 4 - 15px);
@media (max-width: 1200px) {
.weather-cards .card { width:
calc(100% / 3 - 15px);
}
@media (max-width: 950px) {
.weather-input { width:
450px;
width: calc(100% / 2 - 10px);
@media (max-width: 750px)
{ h1 { font-size:
1.45rem; padding:
16px 0;
.container { flex-
wrap: wrap;
padding: 15px;
.weather-input {
width: 100%;
.weather-data h2 { font-
size: 1.35rem;
………JAVA SCRIPT CODE……..

const cityInput = document.querySelector(".city-input"); const
searchButton = document.querySelector(".search-btn"); const
locationButton = document.querySelector(".location-btn"); const
currentWeatherDiv = document.querySelector(".current-weather");
const weatherCardsDiv = document.querySelector(".weather-cards");
const API_KEY = "a42bd73aed75a9a0db72873159ff510f";
const createWeatherCard = (cityName, weatherItem, index) =>
{ if(index === 0) { return
`<div class="details">
<h2>${cityName} (${weatherItem.dt_txt.split(" ")[0]})</h2>
<h6>Temperature: ${(weatherItem.main.temp - 273.15).toFixed(2)}°C</h6>
<h6>Wind: ${weatherItem.wind.speed} M/S</h6>
<h6>Humidity: ${weatherItem.main.humidity}%</h6>
</div>
<div class="icon">
<img
src="https://openweathermap.org/img/wn/${weatherItem.weather[0].icon}@4x.png"
alt="weathericon">
<h6>${weatherItem.weather[0].description}</h6>
</div>`;
} else {
return `<li class="card">
<h3>(${weatherItem.dt_txt.split(" ")[0]})</h3>
<img
src="https://openweathermap.org/img/wn/${weatherItem.weather[0].icon}@4x.png"
alt="weathericon">
<h6>Temp: ${(weatherItem.main.temp - 273.15).toFixed(2)}°C</h6>
<h6>Wind: ${weatherItem.wind.speed} M/S</h6>
<h6>Humidity: ${weatherItem.main.humidity}%</h6>
</li>`;
}
const getWeatherDetails = (cityName, latitude, longitude) => {
const WEATHER_API_URL =
`https://api.openweathermap.org/data/2.5/forecast?lat=${latitude}&lon=${longitude}&appid=${API
_KEY}`;
fetch(WEATHER_API_URL).then(response => response.json()).then(data =>
{ const uniqueForecastDays = []; const fiveDaysForecast =
data.list.filter(forecast => { const forecastDate =
new Date(forecast.dt_txt).getDate(); if
(!uniqueForecastDays.includes(forecastDate)) { return
uniqueForecastDays.push(forecastDate);
});
cityInput.value = "";
currentWeatherDiv.innerHTML = "";
weatherCardsDiv.innerHTML = "";
fiveDaysForecast.forEach((weatherItem, index) => {
const html = createWeatherCard(cityName,
weatherItem, index);
if (index === 0) {
currentWeatherDiv.insertAdjacentHTML("beforeend", html);
} else {
weatherCardsDiv.insertAdjacentHTML("beforeend", html);
});
}).catch(() => {
alert("An error occurred while fetching the weather forecast!");
});
const getCityCoordinates = () => { const
cityName = cityInput.value.trim(); if
(cityName === "") return;
const API_URL =
`https://api.openweathermap.org/geo/1.0/direct?q=${cityName}&limit=1&appid=${API_KEY}`;
fetch(API_URL).then(response => response.json()).then(data => { if (!data.length) return
alert(`No coordinates found for ${cityName}`); const { lat, lon, name } = data[0];
getWeatherDetails(name, lat, lon);
}).catch(() => { alert("An error occurred while
fetching the coordinates!");
});
const getUserCoordinates = () => {
navigator.geolocation.getCurrentPosition(
position => { const { latitude, longitude }
= position.coords; const API_URL =
`https://api.openweathermap.org/geo/1.0/reverse?lat=${latitude}&lon=${longitude}&limit=1&appid
=${API_KEY}`; fetch(API_URL).then(response =>
response.json()).then(data => {
const { name } = data[0];
getWeatherDetails(name, latitude, longitude);
}).catch(() => { alert("An error occurred
while fetching the city name!");
});
},
error => {
if (error.code === error.PERMISSION_DENIED) { alert("Geolocation request denied.
Please reset location permission to grant access again.");
} else {
alert("Geolocation request error. Please reset location permission.");
});
locationButton.addEventListener("click", getUserCoordinates);
searchButton.addEventListener("click", getCityCoordinates); cityInput.addEventListener("keyup",
e => e.key === "Enter" && getCityCoordinates());

Lavanya 2

Uploaded by

Copyright:

Available Formats

You might also like

Lavanya 2

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Lavanya 2

Uploaded by

Copyright:

Available Formats

A Internship Report on

COMPUTER SCIENCE & ENGINEERING

J. LAVANYA DEVI 20FF1A0520

R. UDAY KUMAR REDDY 20FF1A0538

Under the guidance of

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

Create A Web Page On Historical Places In India

The Web Page Must Have

1) Webpage Should Includes Images, A Brief Description Of That Images

………. HTML CODE………

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="project.css" rel="stylesheet">

<marquee>Historical placess in India</marquee>

<img src=" my projects/lotus.jpg">

<p><a href=" https://en.wikipedia.org/wiki/Lotus_Temple">Read More....</a></p>

<img src="my projects/hampi.jpg">

world heritage site are a subset of the wider-spread Vijayanagara ruins.

<p><a href="https://en.wikipedia.org/wiki/Hampi">Read More.. .</a></p>

<img src="my projects/mysore.webp">

The three-storied palace along with a 145 feet five-storied tower

<p><a href="https://en.wikipedia.org/wiki/Mysore_Palace">Read More....</a></p>

<img src="my projects/ajanta.jpg">

sangharamas or viharas (monastery).</p>

<p><a href="https://en.wikipedia.org/wiki/Ajanta_Caves">Read More....</a></p>

<img src="my projects/hawa-mahal.webp">

It has a curved architecture that leans at an 87 degree angle,

The Hawa Mahal is dedicated to Lord Krishna.</p>

<p><a href="https://www.hawa-mahal.com/">Read More....</a></p>

<img src="my projects/gateway.jpg">

<legend><h1 >Gateway of india</h1></legend>

monument was erected to commemorate the landing of King George V

and Queen Mary at Apollo Bunder on their visit to India in 1911.</p>

<p><a href="https://en.wikipedia.org/wiki/Gateway_of_India">Read More.....</a></p>

<img src="my projects/tajmahal1.webp" >

<p><a href="https://en.wikipedia.org/wiki/Taj_Mahal">Read more......</a></p>

<img src="my projects/Jantar-Mantar.webp">

It consists of 13 architectural astronomy instruments.

<img src="my projects/Victoria.webp">

<legend><h1>Victoria Memorial </h1></legend>

It was built between 1906 and 1921 by the British government.

<img src="my projects/chola.webp">

<legend><h1>Chola Temples </h1></legend>

Brihadeshwara Temple at Tanjore, Airavateshwara Temple in Darasuram, and

<img src="my projects/cellularjail.webp">

<legend><h1>Cellular Jail </h1></legend>

Cellular Jail is one of the most popular attractions in Port Blair.

<p><a href="https://en.wikipedia.org/wiki/Cellular_Jail">Read More.....</a></p>

<img src="my projects/meenakshi.webp">

<legend><h1> Meenakshi Amman Temple</h1></legend>

It is dedicated to Parvati, known as Meenakshi, and her spouse, Shiva.

<p><a href="https://en.wikipedia.org/wiki/Meenakshi_Temple">Read More......</a></p>

<img src="my projects/Amer-Fort.webp">

<legend><h1> Amer Fort</h1></legend>

Another UNESCO site in the heart of Rajasthan.

<p><a href="https://en.wikipedia.org/wiki/Amber_Fort">Read More......</a></p>

<img src="my projects/charminar.webp">

<p><a href="https://en.wikipedia.org/wiki/Charminar">Read More.....</a></p>