-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebpage.html
99 lines (97 loc) · 2.65 KB
/
webpage.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Cutties</title>
</head>
<style>
.wrapper {
background-color: aqua;
}
div {
/* border: 2px solid black; */
/* display: flex;
flex-direction: column; */
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
div + h1 {
color: goldenrod;
}
@media screen and(min-width:320px) and (max-width: 425px) {
div {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
}
</style>
<body style="background-color: lightpink">
<h1>All about happy faces</h1>
<a
href="http://getwallpapers.com/wallpaper/full/6/d/0/868430-download-free-cute-puppies-wallpaper-hd-1920x1280-free-download.jpg"
><img
src="https://tse4.mm.bing.net/th?id=OIP.7ng8jCJZOZ8YC5Pfq4y1fgHaE8&pid=Api&P=0&h=180"
/></a>
<h2>All about happy faces</h2>
<div
style="
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0);
"
></div>
<h1>Contact Us</h1>
<form action="submit-form.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" required />
<label for="email">Email:</label>
<input type="email" id="email" required /><br /><br />
<label for="message">Message:</label><br />
<input type="text" required />
<button type="submit">Submit</button>
</form>
<ul>
<li>
<a
href="http://getwallpapers.com/wallpaper/full/6/d/0/868430-download-free-cute-puppies-wallpaper-hd-1920x1280-free-download.jpg"
>puppies</a
>
</li>
<li>kittens</li>
<li>squirrels</li>
<li>hamster</li>
</ul>
<ol>
<li>
<a href="/index.html">puppies</a>
</li>
<li>kittens</li>
<li>squirrels</li>
<li>hamster</li>
</ol>
<p style="margin: 100px 40px 45px 56px">Say hello to all cuties</p>
<div>
<div class="h">
<div style="background-color: aliceblue"><h1>Hello</h1></div>
<div style="background-color: blue"><h1>Hello</h1></div>
</div>
<div style="background-color: rgb(182, 22, 22)"><h1>Hello</h1></div>
<div style="background-color: blueviolet"><h1>Hello</h1></div>
</div>
<h1 style="background-color: rgb(159, 128, 187)">Hello</h1>
</body>
</html>
<script>
let arr = [
[1, 2, 3, 4, 5],
[6, 7, 8, 9, 10],
[11, 12, 13, 14, 15],
[16, 17, 18, 19, 20],
];
for (let i = 0; i < arr[i].length; i++) {
for (let j = 0; j < arr[i].length; j++) {
console.log(i + "" + j, arr[i][j]);
}
}
</script>