-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
197 lines (168 loc) · 11.9 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Story</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- ---------Jumbotron--------- -->
<div class="jumbotron">
<h1>Oru kadha sollata sir!</h1>
</div>
<!-- ---------Description--------- -->
<div class="container">
<h2 class="desc">Description:</h2>
<p class="desc-content">A story was given in each module. That story is related to any one Programming based term. It means, the story is like
the definition of that term (not- technically).</p>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">View Example</button>
</div>
<!-- -------------Modal--------------- -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="exampleModalLongTitle">Example</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<h5 class="model-def">Definition:</h5>
<p class="model-content">If the condition satisfies, the statement which is given inside the if statement will run.</p>
<h5 class="model-story">Story:</h5>
<p class="model-content">A student studying 10th standard, if he pass the 10th standard exam, he will be admitted in the 11th standard.</p>
<p><strong class="badge badge-warning">Note: </strong> Actual story contains 10-15 lines.</p>
</div>
</div>
</div>
</div>
<br><br>
<!-- ---------Rules----------->
<div class="container">
<h2 class="rules">Rules:</h2>
<ul>
<li>The story gives the definition of a single term in programming</li>
<li>You can try several times.</li>
<li>The answer must be in CAPITAL LETTER. No Plural form.</li>
<li>Forum decision is final</li>
</ul>
<p class="rule"><strong class="badge badge-warning">Note: </strong> If you find any other term relating the story, you can write email to <a href="mailto:[email protected]" class="badge badge-primary" target="_blank">us</a></p>
</div><br>
<!-- ----------Story - I------------>
<div class="container">
<h2 class="story-head">It's tym for Story</h2>
<form method="post" action="db.php">
<div class="form-group" id="email">
<label class="badge badge-success" for="email">Enter your Email here:</label>
<input class="form-control" type="email" name="email" required autocomplete="off">
</div>
<div class="story">
<h2 class="story-title">Story - I</h2>
<div class="story-content">
<p>Once upon a time, there was a beautiful village near Madurai. The president of the village planned to take census to
know the population rate of the village. He ordered to take census. The census work was started. Men and women were
allocated to take census in area wise. One day, Hero went to a home. Knocked the door!!</p>
<p>An old man came and asked that what he wanted. The Hero said, I am here to take census and kindly asked that how many
people are staying in your house and what was their age?</p>
<p>The old man replied to the Hero that his home consists of 100 members. The Hero stunned and asked how? The old man said,
we are living as a joint family and are staying in this home since 7 generations. Then he exclaimed, Oh! Is your family
members always marry within your family member and you are living as a joint family? The old man said, No, Not like
that. In our family we allow all type of members to stay here and our family members married with other caste and
religion people also. We have all religion & caste people in our home and they may follow their own culture in this
home. The Hero was very surprised about that and then he take took the census and felt happy about that.</p>
</div>
<div class="form-group ">
<label class="badge badge-success" for="story1">Answer:</label>
<input class="form-control" type="text" name="story1" required autocomplete="off">
</div>
</div><br>
<!-- ----------Story - II------------>
<div class="story">
<h2 class="story-title">Story - II</h2>
<div class="story-content">
<p>Alarm was ringing, Akshay woke up after snoozing it number of times. It was a fine summer morning and a weekend. Without
any hurry he took his mobile and started to look into the notifications that was showing up. One such notification
caught his attention which reminded him of a tour with his friends. Those memories started to took over Akshay which
made him to decide to go on for a vacation with all his 20 buddies. Akshay took his phone, sent a message in the group
saying that they should go on for this beautiful trip to Coorg. Everyone was initially excited with this idea and all
agreed to join in. But as time goes on, few pgjjeople backed away from joining saying stupid reasons</p>
<p>As Askhay initiated all this, obviously he has to take care of all the responsibility, starting from day 1 of trip. To
make the trip even more memorable he wanted to go by train. In the website, he decided on two trains and was confused to
finalize one among them. One train takes relatively short duration for their journey but with only around 25 vacancies.
While the other one takes a rather long time for the travel but only one third of the seats were booked. Akshay wanted
their travel time to be short on the other hand, he knows his friends very well, that they might want to join at the
last moment. So he preferred the other train in which there is zero possibility of not getting seats at the last moment.</p>
</div>
<div class="form-group">
<label class="badge badge-success" for="story2">Answer:</label>
<input class="form-control" type="text" name="story2" autocomplete="off" required>
</div>
</div><br>
<!-- ----------Story - III------------>
<div class="story">
<h2 class="story-title">Story - III</h2>
<div class="story-content">
<p>A man finished his engineering last year and got a job in Chennai. He packed his things and went to Chennai. He rented a
house near to his company. But he didn’t know how to cook. Basically, he is a lazy person. He found a hotel for eating
food, but he have to travel for that and took some time. In the beginning, whenever he need food, he travel and went to
the hotel and ate. But after swiggy, zomato came, he simply ordering the food (Mentioning what he want) from the home,
calling the delivery men and they deliver the food he asked for. So, he saves lot of time and doing many other work in
the meantime.</p>
</div>
<div class="form-group">
<label class="badge badge-success" for="story3">Answer:</label>
<input class="form-control" type="text" name="story3" autocomplete="off" required>
</div>
</div><br>
<!-- ----------Story - IV------------>
<div class="story">
<h2 class="story-title">Story - IV</h2>
<div class="story-content">
<p>There was a well settled family in a village. One day, a boy was birth in that family. After few years, they decided to
join him in the school. They have several choices for him, they decided one choice and joined him in that school. After
few years, he completed the SSLC, again he have several choices for 11th standard. Then he chose one of the choice and
then finished his schooling. Then again after schooling, for joining in the college, he has several choices and he will
choose one of them and do that. Like that, he choose any one of the choice provided to him and did that and came out of
that choices.</p>
</div>
<div class="form-group">
<label class="badge badge-success" for="story4">Answer:</label>
<input class="form-control" type="text" name="story4" autocomplete="off" required>
</div>
</div><br>
<!-- ----------Story - V------------>
<div class="story">
<h2 class="story-title">Story - V</h2>
<div class="story-content">
<p>A family of 4 members (father, mother and their children) were living in a village. The father is a daily wages working
man. The family needs 500 rupees to run a day and they are leading their life perfectly. The father goes to work daily
morning and start his work. When he earn 500 rupees that is the money required for the next day, he skips the further
work and return to home and then he again goes to work in the next morning. Their life is running like a loop where he
goes to work daily but if his earning is sufficient, he skips work for that day and goes work on the next day.</p>
</div>
<div class="form-group">
<label class="badge badge-success" for="story5">Answer:</label>
<input class="form-control" type="text" name="story5" autocomplete="off" required>
</div>
</div>
<center><input class="form-control btn btn-primary" type="submit" name="submit"></center>
</form>
</div>
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous">
</script>
</body>
</html>