1+ {% load static %}
2+ <!doctype html>
3+ < html lang ="en ">
4+
5+ < head >
6+ < meta charset ="utf-8 ">
7+ < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
8+ < title > Metro Fare</ title >
9+ < link rel ="stylesheet " href ="{% static 'style.css'%} ">
10+ < link href ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css " rel ="stylesheet "
11+ integrity ="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD " crossorigin ="anonymous ">
12+ </ head >
13+
14+ < body style ="background-color: rgb(101,95,210);background: linear-gradient(90deg, rgba(101,95,210,1) 0%, rgba(9,9,121,1) 0%, rgba(0,212,255,1) 100%) ">
15+ < nav class ="navbar navbar-expand-lg bg-body-tertiary ">
16+ < div class ="container-fluid ">
17+ < a class ="navbar-brand " href ="/ "> Metro Fare Calculator</ a >
18+ < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse "
19+ data-bs-target ="#navbarSupportedContent " aria-controls ="navbarSupportedContent " aria-expanded ="false "
20+ aria-label ="Toggle navigation ">
21+ < span class ="navbar-toggler-icon "> </ span >
22+ </ button >
23+ < div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
24+ < ul class ="navbar-nav me-auto mb-2 mb-lg-0 ">
25+ < li class ="nav-item ">
26+ < a class ="nav-link active " aria-current ="page " href ="# "> Home</ a >
27+ </ li >
28+ < li class ="nav-item ">
29+ < a class ="nav-link " href ="# "> Link</ a >
30+ </ li >
31+
32+
33+
34+ < li class ="nav-item ">
35+ < a class ="nav-link disabled "> Disabled</ a >
36+ </ li >
37+ </ ul >
38+
39+ </ div >
40+ </ div >
41+ </ nav >
42+ < h3 class ="text-center text-light my-2 "> Chennai Metro</ h3 >
43+ < div class ="container-whole-whole ">
44+ < div class ="container-whole ">
45+ < div class ="entry ">
46+ < div class ="card card-height ">
47+ < div class ="card-body entry-height ">
48+ < div class ="container text-center ">
49+ < div >
50+ < h5 class ="titlecss "> Fare Calculator</ h5 >
51+ </ div >
52+ < div >
53+ < form action ="/chennai_result " method ="get ">
54+ < h3 > From</ h3 >
55+ < select name ="origin " id ="origin " style ="width:75% ">
56+ < option value ="ald "> Alandur</ option >
57+ < option value ="aip "> Airport</ option >
58+ < option value ="mnb "> Meenambakkam Metro</ option >
59+ < option value ="ngn "> Nanganallur Road</ option >
60+ < option value ="ekt "> Ekkatutthangal</ option >
61+ < option value ="asn "> Ashok Nagar</ option >
62+ < option value ="vdp "> Vadapalani</ option >
63+ < option value ="arb "> Arumbakkam</ option >
64+ < option value ="cmbt "> CMBT Metro Station</ option >
65+ < option value ="kym "> Koyambedu</ option >
66+ < option value ="trm "> Thirumangalam</ option >
67+ < option value ="ant "> Anna Nagar Tower</ option >
68+ < option value ="ane "> Anna Nagar East</ option >
69+ < option value ="snn "> Shenoy Nagar</ option >
70+ < option value ="pyp "> Pachaiyappa</ option >
71+ < option value ="klp "> Kilpauk</ option >
72+ < option value ="nhp "> Nehru Park</ option >
73+ < option value ="egm "> Egmore Metro</ option >
74+ < option value ="mgr "> Puratchi Thalaivar Dr. MG Ramachandran Central Metro</ option >
75+ < option value ="hgc "> High Court</ option >
76+ < option value ="mnd "> Mannadi</ option >
77+ < option value ="wmp "> Washermanpet</ option >
78+ < option value ="tgy "> Thigayaraya College Metro</ option >
79+ < option value ="tdp "> Tondiarpet Metro</ option >
80+ < option value ="nwm "> New Washermanpet Metro</ option >
81+ < option value ="tgm "> Tollgate Metro</ option >
82+ < option value ="kdm "> Kaladipet Metro</ option >
83+ < option value ="tvm "> Thiruvotriyur Metro</ option >
84+ < option value ="wim "> Wimco Nagar Metro</ option >
85+ < option value ="ges "> Government Estate</ option >
86+ < option value ="lic "> LIC</ option >
87+ < option value ="tsl "> Thousand Light</ option >
88+ < option value ="dms "> AG-DMS</ option >
89+ < option value ="tyn "> Teynampet</ option >
90+ < option value ="ndm "> Nandanam</ option >
91+ < option value ="sdp "> Saidapet</ option >
92+ < option value ="ltm "> Little Mount</ option >
93+ < option value ="gdy "> Guindy</ option >
94+ < option value ="stm "> St Thomas Mount</ option >
95+
96+
97+ </ select >
98+ < h3 class ="my-3 "> To</ h3 >
99+ < select name ="dest " id ="dest " style ="width:75% ">
100+ < option value ="ald "> Alandur</ option >
101+ < option value ="aip "> Airport</ option >
102+ < option value ="mnb "> Meenambakkam Metro</ option >
103+ < option value ="ngn "> Nanganallur Road</ option >
104+ < option value ="ekt "> Ekkatutthangal</ option >
105+ < option value ="asn "> Ashok Nagar</ option >
106+ < option value ="vdp "> Vadapalani</ option >
107+ < option value ="arb "> Arumbakkam</ option >
108+ < option value ="cmbt "> CMBT Metro Station</ option >
109+ < option value ="kym "> Koyambedu</ option >
110+ < option value ="trm "> Thirumangalam</ option >
111+ < option value ="ant "> Anna Nagar Tower</ option >
112+ < option value ="ane "> Anna Nagar East</ option >
113+ < option value ="snn "> Shenoy Nagar</ option >
114+ < option value ="pyp "> Pachaiyappa</ option >
115+ < option value ="klp "> Kilpauk</ option >
116+ < option value ="nhp "> Nehru Park</ option >
117+ < option value ="egm "> Egmore Metro</ option >
118+ < option value ="mgr "> Puratchi Thalaivar Dr. MG Ramachandran Central Metro</ option >
119+ < option value ="hgc "> High Court</ option >
120+ < option value ="mnd "> Mannadi</ option >
121+ < option value ="wmp "> Washermanpet</ option >
122+ < option value ="tgy "> Thigayaraya College Metro</ option >
123+ < option value ="tdp "> Tondiarpet Metro</ option >
124+ < option value ="nwm "> New Washermanpet Metro</ option >
125+ < option value ="tgm "> Tollgate Metro</ option >
126+ < option value ="kdm "> Kaladipet Metro</ option >
127+ < option value ="tvm "> Thiruvotriyur Metro</ option >
128+ < option value ="wim "> Wimco Nagar Metro</ option >
129+ < option value ="ges "> Government Estate</ option >
130+ < option value ="lic "> LIC</ option >
131+ < option value ="tsl "> Thousand Light</ option >
132+ < option value ="dms "> AG-DMS</ option >
133+ < option value ="tyn "> Teynampet</ option >
134+ < option value ="ndm "> Nandanam</ option >
135+ < option value ="sdp "> Saidapet</ option >
136+ < option value ="ltm "> Little Mount</ option >
137+ < option value ="gdy "> Guindy</ option >
138+ < option value ="stm "> St Thomas Mount</ option >
139+ </ select >
140+ < br >
141+ < button type ="submit " class ="btn btn-primary my-5 "> Check fare</ button >
142+ < a class ="btn btn-primary " href ="# " role ="button "> Check Timings</ a >
143+ </ form >
144+ </ div >
145+ </ div >
146+
147+
148+
149+
150+
151+ </ div >
152+
153+ </ div >
154+ </ div >
155+ < div class ="result ">
156+ < div class ="card ">
157+ < div class ="card-body cardbodycss ">
158+ {% block main %}
159+
160+ {% endblock main %}
161+ </ div >
162+ </ div >
163+ </ div >
164+ </ div >
165+ < div class ="map ">
166+ < a href ="https://wcag.chennaimetrorail.org/wp-content/uploads/sites/3/2015/11/cmrl_schematic_map-791x1024.jpg "> < img class ="imgsize " src ="{% static 'cmrl_schematic_map-791x1024.jpg'%} " alt =""> </ a >
167+ </ div >
168+ </ div >
169+ < div class ="card text-center " style ="margin-top: 9rem; ">
170+ < div class ="card-body ">
171+ < h5 class ="card-title "> Metro fare Calculator</ h5 >
172+ < p class ="card-text "> Unofficial Metro fare calculator</ p >
173+ </ div >
174+
175+ < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js "
176+ integrity ="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN "
177+ crossorigin ="anonymous "> </ script >
178+ </ body >
179+
180+ </ html >
0 commit comments