-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (121 loc) · 4.23 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
<!DOCTYPE html>
<html lang="en">
<!--the head has all the stuff that doesn't actually get displayed. -->
<head>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<meta charset="UTF-8" />
<meta name="viewport" ceontent="width=device-width, initial-scale=1.0 " />
<meta name="keywords" content="HTML, CSS" />
<meta
name="description"
content="The true story of The Frogs and their Ally, a hyperadvanced society of evolved Frogs in the late 1700s and their one trusted human, referred to as Ally"
/>
<title>The Frogs and their Ally</title>
<style>
/* CSS = Cascading Style Sheeets - the sytle stuff is CSS */
img {
width: 500px;
border-radius: 10px;
float: left;
margin-right: 10px;
}
.title {
font-weight: bold;
}
em {
color: green;
font-style: normal;
font-weight: bold;
}
</style>
<script>
//this is a valid comment in @
</script>
<!--comments in HTML have tag bang dash dash-->
</head>
<!-- body is for the things that actually show up in the page-->
<body>
<div class="div-1">
<a href="about.html">About The Ally</a>
<br />
<a href="donate.html">
Buy a $0.50 frog sticker and donate to the Amazon Forest!</a
>
</div>
<h1>Frog Society Story</h1>
<h2>The society's beginning, and the ally</h2>
<!-- you need src, and can put a path on your computer. or a link to the picture from the internet. -->
<img
title="how sophisticated"
src="images/6.1.jpg"
alt="image of an interaction in The Frogs' society"
/>
<!-- this alt text does not show up on my -->
<div class="div-2">
<p class="title">THE FROGS</p>
<p>
In the late 1700s, for about 6 years, Earth's environment had the ideal
conditions that allowed frogs to evolve to have a society as regal and
complex as human society. A little girl discovered The Frogs
civilization when she went to her nearest lake to take some tadpoles and
raise them for her science project. The Frogs were initially indignant
and traumatized by her intentions, but decided to explain their feelings
calmly, as they recognized she was a child in human years. She was won
over by their small world, and became The Frogs' friend. Her strong
committment to the success of their society earned her the title of The
Ally.
</p>
<p>
This website was made by
<span style="color: green"> The Ally</span> herself.
</p>
</div>
<div class="div-3">
<a href="about.html">Learn about The Ally and her agenda</a>
</div>
</body>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-EGTJFRS2TX"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-EGTJFRS2TX");
</script>
<body>
<!-- <div id="fb-root"></div>
<script
async
defer
crossorigin="anonymous"
src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v14.0"
nonce="qZ5kugGk"
></script> -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v14.0" nonce="vzaOZVhI"></script>
<!-- <div
class="fb-like"
data-href="https://github.com/buffeinstein.github.io"
data-width=""
data-layout="standard"
data-action="like"
data-size="small"
data-share="true"
></div> -->
<div class="fb-like" data-href="https://buffeinstein.github.io/" data-width="" data-layout="standard" data-action="like" data-size="small" data-share="true"></div>
</body>
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"
><img
alt="Creative Commons License"
style="border-width: 0"
src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a
><br />This work is licensed under a
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"
>Creative Commons Attribution 4.0 International License</a
>.
</html>