-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathai.html
71 lines (70 loc) · 2.48 KB
/
ai.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="aiStyle.css">
<title>AI-Generated</title>
</head>
<body>
<a id="back-button" href="index.html">Back</a>
<div id="prompt-box">
<p><strong>Provided prompt:</strong></p>
<p>Could you create an html file that a tree theme with HTML art of a tree?
Let there be a "back" button at the top left of the screen with color
#C4A484 and outline color black. The button should link to "index.html".
Let the title of the page be "AI-Generated". Include my prompt that I am
providing to you in a box with background color #bde0fe and "Provided prompt:".
Create a table with title "US Region Forest Cover Percentage". In the data,
include U.S. territories with 55.74%, Southern region with 50.13%,
Pacific Northwest region with 37.52%, Northern region with 28.14%,
and Interior West region with 28.14%. Fill the rest of the page with
more HTML art of trees. The tree should have a trunk and leaves, and
it should be near the bottom left of the screen. Let there be separate
CSS and HTML files. The name of the CSS file should be "aiStyle.css".
Make the background color for the page pastel green.</p>
</div>
<h2>US Region Forest Cover Percentage</h2>
<table>
<tr>
<th>Region</th>
<th>Percentage</th>
</tr>
<tr>
<td>U.S. territories</td>
<td>55.74%</td>
</tr>
<tr>
<td>Southern region</td>
<td>50.13%</td>
</tr>
<tr>
<td>Pacific Northwest region</td>
<td>37.52%</td>
</tr>
<tr>
<td>Northern region</td>
<td>28.14%</td>
</tr>
<tr>
<td>Interior West region</td>
<td>28.14%</td>
</tr>
</table>
<!-- HTML art of trees -->
<div id="tree-container">
<div class="tree">
<div class="trunk"></div>
<div class="leaves"></div>
</div>
<div class="tree">
<div class="trunk"></div>
<div class="leaves"></div>
</div>
<div class="tree">
<div class="trunk"></div>
<div class="leaves"></div>
</div>
</div>
</body>
</html>