-
Notifications
You must be signed in to change notification settings - Fork 0
/
Gallery.html
143 lines (122 loc) · 6.02 KB
/
Gallery.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
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="icon" type="image/x-icon" href="assets/img/favicon.png">
<!-- Bootstrap icon CDN-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
<link rel="stylesheet" href="assets/vendor/bootstrap-icons.css">
<!-- CDN Bootstrap-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!-- Offline-->
<link rel="stylesheet" href="assets/vendor/bootstrap.min.css">
<!-- CDN Slick-theme.css-->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css"/>
<!-- CDN slick-theme.css -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/>
<!--offline bootstrap-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Smooth Scroll-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
<!-- Smooth Scroll-->
<title>Home</title>
</head>
<body>
<div id="wrapper">
<!-- Nav-->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#index.html" class='col-md-4'
><img src="assets/img/logo-landscape.png" alt="too large to display" width="160px"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown" style="margin-left: 50px;">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="About.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Services.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Contacts.html">Contact</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
more
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#Partners">Partners</a>
<a class="dropdown-item" href="#">Blog</a>
<a class="dropdown-item" href="#">Our Profile</a>
</div>
</li>
</ul>
</div>
<img src="assets/img/kenya.gif" alt="">
</nav>
</header>
<div class="pos-f-t">
<div class="collapse" id="navbarToggleExternalContent" style="margin-left: 50px;">
<div class="bg-dark p-4">
<h5 class="text-white h4">History</h5>
<hr style="background:rgba(255, 255, 255, 0.712);">
<span class="text-muted">
How the culture of growing trees started
<div class="row">
<div class="col-sm-4">
In the industrial countries, voluntary environmental agreements often provide a platform for companies to be recognized for moving beyond the minimum regulatory standards and thus support the development of the best environmental practice.
</div>
<div class="col-sm-4">
<br>
The ancient Greeks and Romans were great planters. The Romans have left evidence in their extensive horticultural manuals of how they planted trees. Advice included avoiding damage to roots, digging a large enough hole, and marking a tree with red ochre on one side before it was dug up,
</div>
<div class="col-sm-4">
<br>
Planting of fruit, nut and ornamental trees in gardens continued in times of peace and prosperity. Once towns and settlements no longer needed to be crowded behind fortifications, space became available for gardens and
</div>
</div>
</span>
</div>
</div>
<nav class="navbar navbar-dark bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
</div>
<marquee behavior="scroll" direction="left">
<h5><span style="color: green;">Green Planet Foundation</span> is A Non-Governmental Organisation with the main <red style="color:red">intention</red> of Greenifying The planet </h5>
</marquee>
<!-- Nav End-->
<!-- ==================================================
GALLERY
=====================================================-->