Skip to content

Instantly share code, notes, and snippets.

@alandsilva26
Last active September 2, 2020 18:40
Show Gist options
  • Select an option

  • Save alandsilva26/37fba19905ecc3d312672c9da3da8bca to your computer and use it in GitHub Desktop.

Select an option

Save alandsilva26/37fba19905ecc3d312672c9da3da8bca to your computer and use it in GitHub Desktop.
WDL Assignment 1 - Basic hometown page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vasai</title>
</head>
<style>
* {
line-height: 1.4;
}
section > .container {
display: flex;
margin-bottom: 30px;
}
.content {
flex: 7;
}
.media {
flex: 3;
padding: 2px;
border: 1px solid grey;
}
.media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.content > article {
padding: 10px;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
</style>
<body style="width: 95%; margin: 0 auto">
<header>
<!-- CSS Flexible Box Layout, commonly known as Flexbox, is a CSS 3 web layout model. It is in the W3C's candidate recommendation stage. The flex layout allows responsive elements within a container to be automatically arranged depending upon screen size. -->
<nav
style="
display: flex;
justify-content: space-between;
align-items: center;
"
>
<div id="heading"><h1>My Hometown - Vasai</h1></div>
<div>
<span style="color: grey">21 Alan Dsilva TE CMPNA 182028</span>
</div>
</nav>
<hr />
</header>
<main>
<section id="intro">
<div class="container">
<div class="content">
<article>
<strong>Vasai</strong> is a historical place and important village
in Mumbai's western suburbs, located in Palghar district. It also
forms a part of Vasai-Virar village in the state of Maharashtra in
the Konkan division in India. Vasai was in the Thane district
prior to 2014. <br />
<br />
The Portuguese built the
<a href="https://en.wikipedia.org/wiki/Vasai_Fort">Vasai Fort</a>
here to strengthen their naval superiority over the Arabian Sea.
The fort was taken over by the Maratha Army in 1739, ending the
Battle of Vasai.
<br />
<br />
The British then took over the territory from the Maratha Empire
in 1780 during the First Anglo-Maratha War. Map of Vasai (c. 1539)
Ruins of St. Paul's (c. 1855-1862) St. Gonsalo (1st Indian-born
saint) Saint Gonsalo Garcia Church Mumbai Suburban Local Train
Roman Catholic Diocese of Vasai Horse riding at Suruchi Beach.
<br />
<br />
As a legacy of Portuguese colonialism, East Indian Catholics form
a small minority of the population.
</article>
</div>
<div class="media">
<img
src="https://www.travelindiadestinations.com/wp-content/uploads/2016/09/Vasai-East-Township.jpg"
alt="vasai fort ruins"
/>
</div>
</div>
</section>
<section id="fort">
<div class="container">
<div class="media" style="flex: 4">
<img
src="https://www.travelindiadestinations.com/wp-content/uploads/2016/09/Fishing-Boats-in-Vasai.jpg"
alt="vasai fort ruins"
/>
</div>
<div class="content">
<article>
<h3>Fort Bassein</h3>
<hr />
<strong>Fort Bassein</strong>, also known as the Vasai Fort or
Corte de Baçaim meaning "Court of Bassein" in Indo-Portuguese
creole, वसई चा किल्ला in Maharashtrian Konkani, is a ruined fort
in the town of Vasai (Bassein) in the Palghar district of Konkan
division in Maharashtra, India. <br />
The name "Bassein" is the anglicised version of the Portuguese
Baçaim (the "ç" pronounced as "s" and with the "m" silent), which
is itself a derivation of an apparently native name that may have
a connection to the tribal Vasa Konkani people of the North Konkan
region, extending from Mumbai (Bombay) into "South Gujarat".
Bassein's alternate official name is Vasai.
<br />
The full form of the Portuguese name is "Fortaleza de São
Sebastião de Baçaím" or the Fort of St. Sebastian of Vasai.
<br />
The fort is a monument of national importance and is protected by
the Archaeological Survey of India.The fort and the town are
accessible via the
<a
target="_blank"
href="https://en.wikipedia.org/wiki/Vasai_Road_railway_station"
>Vasai Road railway station</a
>
which itself is in Navghar-Manikpur, a part of the city of
Vasai-Virar, and lies to the immediate north of the city of Mumbai
and Mira Road in Bhayandar. The Vasai Road railway station is on
the Western Railway line (formerly the Bombay, Baroda and Central
India Railway) in the direction of the Virar railway station.
</article>
</div>
</div>
</section>
<table border="2px" cellspacing="0px" cellpadding="5px" style="border-collapse: collapse; margin: 0 auto">
<caption>Form</caption>
<tr>
<td>Name</td>
<td>
<input type="text" name="name" id="name" />
</td>
</tr>
<tr>
<td>Comment</td>
<td>
<textarea name="comment"></textarea>
</td>
</tr>
<tr>
<td colspan="2"><button type="submit" style="margin: 0 auto; display: block">Submit</button></td>
</tr>
</table>
</main>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment