-
Notifications
You must be signed in to change notification settings - Fork 2
/
social-blog.php
173 lines (163 loc) · 7.67 KB
/
social-blog.php
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
<!DOCTYPE html>
<html>
<head>
<title>People and Plants</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="CSS/exhibit-styles.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Sansita+Swashed&display=swap" rel="stylesheet">
<link rel="icon" href="images/logo_greenLeaf.ico">
<style>
body
{
font-family: Josefin Sans;
background-image: url('https://img.freepik.com/free-photo/monstera-leaf-border-frame-leaf-banner-background_53876-97380.jpg?w=2000');
}
pre
{
font-family: 'Sansita Swashed', cursive;
}
</style>
</head>
<body>
<section class="my-5">
<div style="padding-top:5%;">
<h1 class="text-center">People And Plants</h1>
</div>
</section>
<section class="my-5">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-6 col-12" style="padding-left:8%;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/uidl6zPC0nM" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
<div class="col-lg-6 col-md-6 col-12">
<pre style="line-height:1.75; font-size:180%; padding-top:8%; color:#656565;">❝Someone is sitting in the shade
today because someone planted a tree
a long time ago.❞
-Warren Buffett
</pre>
</div>
</div>
</div>
</section>
<section class="my-5">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<pre style="line-height:1.75; font-size:180%; padding-top:5%; color:#656565;"> ❝I grow plants for many reasons: to please my eye or
to please my soul, to challenge the elements or to
challenge my patience, for novelty or for nostalgia,
but mostly for the joy in seeing them grow.❞
-David Hobson
</pre>
</div>
<div class="col-lg-6 col-md-6 col-12" style="padding-right:8%;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/SikQVWGXEfU" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<section class="my-5">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-6 col-12" style="padding-left:8%;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/smnv_qlwZxw" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
<div class="col-lg-6 col-md-6 col-12">
<pre style="line-height:1.75; font-size:180%; padding-top:8%; color:#656565;">❝Before the reward there must be labor.
You plant before you harvest. You sow in tears
before you reap joy.❞
-Ralph Ransom
</pre>
</div>
</div>
</div>
</section>
<section class="my-5">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<pre style="line-height:1.75; font-size:180%; padding-top:8%; color:#656565;"> ❝A beautiful plant is like having a friend around the house.❞
-Beth Ditto
</pre>
</div>
<div class="col-lg-6 col-md-6 col-12" style="padding-right:8%;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/6BfYfI1D_6Q" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<section class="my-5">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-6 col-12" style="padding-left:8%;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/pYTeIqDNFLc" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
<div class="col-lg-6 col-md-6 col-12">
<pre style="line-height:1.75; font-size:180%; padding-top:2%; color:#656565;">❝Like a plant that starts up in showers and sunshine
and does not know which has best helped it to grow,
it is difficult to say whether the hard things or the
pleasant things did me the most good.❞
-Lucy Larcom
</pre>
</div>
</div>
</div>
</section>
<section class="my-5">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<pre style="line-height:1.75; font-size:180%; padding-top:8%; color:#656565;"> ❝It is only the farmer who faithfully plants seeds
in the Spring, who reaps a harvest in the Autumn.❞
-B. C. Forbes
</pre>
</div>
<div class="col-lg-6 col-md-6 col-12" style="padding-right:8%;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/kWr8SvbUGMo" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<section class="my-5">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-6 col-12" style="padding-left:8%;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/gA9wsmO832U" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
<div class="col-lg-6 col-md-6 col-12">
<pre style="line-height:1.75; font-size:180%; padding-top:8%; color:#656565;">❝A person cannot love a plant after he has
pruned it, then he has either done a poor job
or is devoid of emotion.❞
-Liberty Hyde Bailey
</pre>
</div>
</div>
</div>
</section>
<?php include 'menu.php'; ?>
<footer>
<p style="color: #367E18" class="p-3 bg-light text-center">@GreenLeaf 2022</p>
</footer>
</body>
</html>