Last active
September 2, 2020 18:40
-
-
Save alandsilva26/37fba19905ecc3d312672c9da3da8bca to your computer and use it in GitHub Desktop.
WDL Assignment 1 - Basic hometown page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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