-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (93 loc) · 6.25 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
<!DOCTYPE html>
<html lang="multi">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<title>Garbagepla.net - Earth, spotless.</title>
<meta name="copyright" content="© #garbageplanet"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.3/css/bootstrap-select.css">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/bootstrap3-ms-class.css">
<link rel="stylesheet" href="css/index.css">
<link href='https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="container">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<div class="pull-right">
<ul class="nav navbar-nav">
<li class="collapsed-menu-fifth"><a href="https://www.facebook.com/roskaproject" target="_blank"><span class="fa fa-facebook"></span></a></li>
<li class="collapsed-menu-fifth"><a href="https://twitter.com/garbagepla_net" target="_blank"><span class="fa fa-twitter"></span></a></li>
<li class="collapsed-menu-fifth"><a href="https://www.instagram.com/garbageplanet/" target="_blank"><span class="fa fa-instagram"></span></a></li>
<li class="collapsed-menu-fifth"><a href="https://plus.google.com/communities/113995626012569006306" target="_blank"><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>
</div>
</div>
</nav>
</div><!-- menu -->
<div class="container-fluid banner">
<div class="container banner-shading">
<div class="row">
<div class="banner-logo center-block"></div>
<div class="banner-text center-block">
<h1>Garbagepla.net</h1>
</div>
<div class="banner-text center-block">
<h2>An online platform to keep tabs on environmental trash and pollution.</h2>
</div>
<div class="col-sm-12 col-xl-4 col-lg-4 col-md-4">
<a class="btn btn-large btn-block btn-orange center-block" href="https://garbagepla.net" target="_self" role="button">Use it now <span class="fa fa-fw fa-arrow-right"></span></a>
</div>
<div class="col-sm-12 col-xl-4 col-lg-4 col-md-4">
<a class="btn btn-large btn-block btn-violet center-block" href="https://github.com/garbageplanet" target="_self" role="button">See the code <span class="fa fa-fw fa-github"></span></a>
</div>
<div class="col-sm-12 col-xl-4 col-lg-4 col-md-4">
<a class="btn btn-large btn-block btn-green center-block" href="https://telegram.me/litter_bot " target="_self" role="button">@litter_bot <span class="hidden-sm hidden-xs">on Telegram </span><span class="fa fa-fw fa-telegram"></span></a>
</div>
</div>
</div>
<div class="more hidden-sm hidden-xs"><i class="fa fa-3x fa-fw fa-chevron-down"></i></div>
</div>
<div class="container">
<div class="container center-block">
<div class="row content-row">
<div class="col-md-6 col-xs-12">
<h3 class="text-uppercase">
<span class="snippet-fa fa fa-fw fa-map-marker">
</span>Put pollution on the map</h3>
<p class="lead">Garbage is accumulating in nature at an alarming rate everywhere, even in the most remote and pristine places. Accumulation of garbage and other types of pollution in nature is not only harmful to us but to all the living organisms that rely upon a clean environment for survival.</p>
</div>
<div class="col-md-6 col-xs-12">
<h3 class="text-uppercase">
<span class="snippet-fa fa fa-fw fa-book style">
</span>For environmental actions</h3>
<p class="lead">The platform is being developed for crowfunding environmental and cleaning actions based on an area system. This will allow schools and associations to generate revenues through meaningful actions.</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-xs-12">
<h3 class="text-uppercase">
<span class="snippet-fa fa fa-fw fa-mobile">
</span>Access on any device</h3>
<p class="lead">The platform is compatible with all devices as a responsive webpage. Use it with the <a href="https://telegram.org/apps" target="_blank">Telegram</a> messaging app by sending geotagged images to "@litter_bot".</p>
</div>
<div class="col-md-6 col-xs-12">
<h3 class="text-uppercase">
<span class="snippet-fa fa fa-fw fa-lightbulb-o">
</span>Share your ideas</h3>
<p class="lead">Every contribution is welcome. Whether you have thought of a feature which would make the <a href="https://github.com/garbageplanet" target="_blank">software</a> more useable or you just want to encourage us. You can follow us on <a href="https://www.facebook.com/garbageplanet" target="_blank">Facebook</a>, <a href="https://twitter.com/garbagepla_net" target="_blank">Twitter</a> or <a href="https://plus.google.com/communities/113995626012569006306" target="blank">Google+</a> and shoutout with the tag <strong>#garbageplanet</strong>.</p>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.3/js/bootstrap-select.min.js"></script>
</body>
</html>