Skip to content

Commit 5b2d656

Browse files
sarwansinghsarwansingh
committed
update
1 parent cba47f6 commit 5b2d656

File tree

7 files changed

+237
-0
lines changed

7 files changed

+237
-0
lines changed

‎ClassExamples/PJ128_AIML6m_Jan21/HTML/first.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<html>
2+
<body>
3+
<h1> Welcome</h1>
4+
<br>
5+
Hello champs of AIML jan 21
6+
</body>
7+
</html>

‎ClassExamples/PJ128_AIML6m_Jan21/HTML/img_5terre.jpg

133 KB
Loading

‎ClassExamples/PJ128_AIML6m_Jan21/HTML/layout1.html

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>CSS Template</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<style>
8+
* {
9+
box-sizing: border-box;
10+
}
11+
12+
body {
13+
font-family: Arial, Helvetica, sans-serif;
14+
}
15+
16+
/* Style the header */
17+
header {
18+
background-color: #666;
19+
padding: 30px;
20+
text-align: center;
21+
font-size: 35px;
22+
color: white;
23+
}
24+
25+
/* Create two columns/boxes that floats next to each other */
26+
nav {
27+
float: left;
28+
width: 30%;
29+
height: 300px; /* only for demonstration, should be removed */
30+
background: #ccc;
31+
padding: 20px;
32+
}
33+
34+
/* Style the list inside the menu */
35+
nav ul {
36+
list-style-type: none;
37+
padding: 0;
38+
}
39+
40+
article {
41+
float: left;
42+
padding: 20px;
43+
width: 70%;
44+
background-color: #f1f1f1;
45+
height: 300px; /* only for demonstration, should be removed */
46+
}
47+
48+
/* Clear floats after the columns */
49+
section::after {
50+
content: "";
51+
display: table;
52+
clear: both;
53+
}
54+
55+
/* Style the footer */
56+
footer {
57+
background-color: #777;
58+
padding: 10px;
59+
text-align: center;
60+
color: white;
61+
}
62+
63+
/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
64+
@media (max-width: 600px) {
65+
nav, article {
66+
width: 100%;
67+
height: auto;
68+
}
69+
}
70+
</style>
71+
</head>
72+
<body>
73+
74+
<h2>CSS Layout Float</h2>
75+
<p>In this example, we have created a header, two columns/boxes and a footer. On smaller screens, the columns will stack on top of each other.</p>
76+
<p>Resize the browser window to see the responsive effect (you will learn more about this in our next chapter - HTML Responsive.)</p>
77+
78+
<header>
79+
<h2>Cities</h2>
80+
</header>
81+
82+
<section>
83+
<nav>
84+
<ul>
85+
<li><a href="#">London</a></li>
86+
<li><a href="#">Paris</a></li>
87+
<li><a href="#">Tokyo</a></li>
88+
</ul>
89+
</nav>
90+
91+
<article>
92+
<h1>London</h1>
93+
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
94+
<p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p>
95+
</article>
96+
</section>
97+
98+
<footer>
99+
<p>Footer</p>
100+
</footer>
101+
102+
</body>
103+
</html>

‎ClassExamples/PJ128_AIML6m_Jan21/HTML/layout2.html

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<style>
6+
* {
7+
box-sizing: border-box;
8+
}
9+
.menu {
10+
float: left;
11+
width: 20%;
12+
}
13+
.menuitem {
14+
padding: 8px;
15+
margin-top: 7px;
16+
border-bottom: 1px solid #f1f1f1;
17+
}
18+
.main {
19+
float: left;
20+
width: 60%;
21+
padding: 0 20px;
22+
overflow: hidden;
23+
}
24+
.right {
25+
background-color: lightblue;
26+
float: left;
27+
width: 20%;
28+
padding: 10px 15px;
29+
margin-top: 7px;
30+
}
31+
32+
@media only screen and (max-width:800px) {
33+
/* For tablets: */
34+
.main {
35+
width: 80%;
36+
padding: 0;
37+
}
38+
.right {
39+
width: 100%;
40+
}
41+
}
42+
@media only screen and (max-width:500px) {
43+
/* For mobile phones: */
44+
.menu, .main, .right {
45+
width: 100%;
46+
}
47+
}
48+
</style>
49+
</head>
50+
<body style="font-family:Verdana;">
51+
52+
<div style="background-color:#f1f1f1;padding:15px;">
53+
<h1>Cinque Terre</h1>
54+
<h3>Resize the browser window</h3>
55+
</div>
56+
57+
<div style="overflow:auto">
58+
<div class="menu">
59+
<div class="menuitem">The Walk</div>
60+
<div class="menuitem">Transport</div>
61+
<div class="menuitem">History</div>
62+
<div class="menuitem">Gallery</div>
63+
</div>
64+
65+
<div class="main">
66+
<h2>The Walk</h2>
67+
<p>The walk from Monterosso to Riomaggiore will take you approximately two hours, give or take an hour depending on the weather conditions and your physical shape.</p>
68+
<img src="img_5terre.jpg" style="width:100%">
69+
</div>
70+
71+
<div class="right">
72+
<h2>What?</h2>
73+
<p>Cinque Terre comprises five villages: Monterosso, Vernazza, Corniglia, Manarola, and Riomaggiore.</p>
74+
<h2>Where?</h2>
75+
<p>On the northwest cost of the Italian Riviera, north of the city La Spezia.</p>
76+
<h2>Price?</h2>
77+
<p>The Walk is free!</p>
78+
</div>
79+
</div>
80+
81+
82+
<div style="background-color:#f1f1f1;text-align:center;padding:10px;margin-top:7px;font-size:12px;"> This web page is a part of a demonstration of fluid web design made by w3schools.com. Resize the browser window to see the content respond to the resizing.</div>
83+
84+
</body>
85+
</html>

‎ClassExamples/PJ128_AIML6m_Jan21/flask/flask5/app.py

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
from flask import *
2+
app = Flask(__name__)
3+
4+
@app.route('/')
5+
def abc():
6+
return render_template('login.html')
7+
8+
@app.route('/login',methods = ['POST'])
9+
def login():
10+
uname=request.form['uname']
11+
passwrd=request.form['pass']
12+
if uname== "ram" and passwrd=="sita":
13+
#return "Welcome %s" %uname
14+
return render_template('welcome.html')
15+
else :
16+
return render_template('login.html')
17+
#return " Invalid user "
18+
19+
if __name__ == '__main__':
20+
app.run()

‎ClassExamples/PJ128_AIML6m_Jan21/flask/flask5/templates/login.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<html>
2+
<body>
3+
<form action = http://localhost:5000/login method = "post">
4+
<h1> Login </h1>
5+
<table border=1 bgcolor=cyan>
6+
<tr><td>Name</td>
7+
<td><input type ="text" name ="uname"></td></tr>
8+
<tr><td>Password</td>
9+
<td><input type ="password" name ="pass"></td></tr>
10+
<tr><td colspan=2 align=center><input type = "submit"></td></tr>
11+
</table>
12+
</form>
13+
</body>
14+
</html>

‎ClassExamples/PJ128_AIML6m_Jan21/flask/flask5/templates/welcome.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<html>
2+
<body bgcolor=yellow>
3+
<h1> Welcome AIML Champs </h1>
4+
<hr>
5+
@written in flask
6+
<a href=/> back to home </a>
7+
</body>
8+
</html>

0 commit comments

Comments
 (0)