-
Notifications
You must be signed in to change notification settings - Fork 1
/
sites-we-love.html
99 lines (98 loc) · 4.39 KB
/
sites-we-love.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> planet green</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="sites.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="sites.js" defer></script>
</head>
<body id= "home">
<div id="lk">
<div class="topnav">
<a href="#home" class="active"></a>
<div id="myLinks">
<a href = "index.html">home</a>
<a href="about-us.html">about us</a>
<a href="get-informed.html">get informed</a>
<a href="ways-to-help.html">ways 2 help</a>
<a href="sites-we-love.html">sites we love</a>
</div>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<center>
<div class="titleCard">
<br>
<h1 id="title">sites we love </h1>
</div>
<!-- <h1 id="title">planet green</h1> </center> -->
<div id="describe"> <p><center> <i>We know how hard it is to transition into a new and beneficial lifestyle without a sense of community or resources. Here are a few of our favorite sites, inspiring people, and videos/movies that made our transistion easier. </i> </center> </p> </div>
</center>
<br>
<br>
</div>
<br>
<div id="youtube">
<center><h1><i>A few of our favorite and most inspiring green youtubers.</i></h1></center>
<br>
<br>
<center><iframe width="460" height="315" src="https://www.youtube.com/embed/PIAKXPbzSlM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="460" height="315" src="https://www.youtube.com/embed/Ta87zUqO52k" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="460" height="315" src="https://www.youtube.com/embed/fR7bXsoNwwE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="460" height="315" src="https://www.youtube.com/embed/j2iB39g-_Pg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</center>
</div>
<br>
<br>
<div id="youtubeM">
<center> <h1> <i>Films that have helped pave the way for others.</i></h1> </center>
<center><iframe width="460" height="315" src="https://www.youtube.com/embed/nV04zyfLyN4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="460" height="315" src="https://www.youtube.com/embed/NDx711ibD1M" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</center> </div>
<div id="stores">
<h1><i><center> Our favorite eco friendly, sustainable shops. (prices vary from $-$$$)
</center></i></h1>
<center><p id="shopcont">
</p></center>
<center><button id="button" class="block">
click me!</button></center>
<center><img id="shoppic" src=" "></center>
</div>
<h2>
(our faves via list)
<br>
Depop (app)
<br>
<a href="http://www.everlane.com/">Everlane</a>
<br>
<a href="https://www.thereformation.com/">Reformation</a>
<br>
<a href="https://www.stellamccartney.com/ch">Stella McCartney</a>
<br>
<a href="https://www.wholesomeculture.com/">Wholesome Culture</a>
<br>
<a href="https://us.kotn.com/collections/womens">Kotn</a>
<br>
<a href="http://palomawool.com/">Paloma Wool</a>
<br>
<a href="https://shopredone.com/">Re/Done</a>
<br>
<a href="http://patagonia.com">Patagonia</a>
<br>
<a href="http://girlfriend.com/">Girlfriend Collective</a>
<br>
<a href="http://cloudhunterco.com/">Cloud Hunter</a>
<br>
Buffalo Exchange (in person store)
<br>
<a href="http://thredup.com/">thred Up</a>
</h2>
<script src="sites.js"type="text/javascript"></script>
</body>
</html>