-
Notifications
You must be signed in to change notification settings - Fork 105
/
Copy pathparallal.html
101 lines (100 loc) · 3.93 KB
/
parallal.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset= "UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Parallal-X Website</title>
<link rel="stylesheet" href="parallal.css">
<style>
html {
scroll-behavior: smooth;
}
.scroll-to-top {
position:fixed;
bottom:20px;
right:20px;
display:none;
background-color: #4CAF50;
color:white;
border:none;
padding:10px 15px;
border-radius: 5px;
cursor:pointer;
font-size: 18px;
}
.scroll-to-top:hover{
background-color: #45a049;
}
</style>
</head>
<body>
<header>
<!-- Move to up button -->
<div class="scroll-button">
<a href="#home"><i class="fas fa-arrow-up"></i></a>
</div>
<!-- navgaition menu -->
<nav>
<div class="navbar">
<div class="logo"><a href="#">GO-GREEN</a></div>
<ul class="menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#blog">Blog</a></li>
<div class="cancel-btn">
<i class="fas fa-times"></i>
</ul>
</div>
</div>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</nav>
</header>
<section class="parallal" id="home">
<img src="hill1.png" id="hill1" alt="">
<img src="hill2.png" id="hill2" alt="">
<img src="hill3.png" id="hill3" alt="">
<img src="tree.png" id="tree" alt="">
<img src="hill4.png" id="hill4" alt="">
<img src="hill5.png" id="hill5" alt="">
<div class="text" id="text1" >GO-GREEN</div>
<img src="plant.png" id="plant" alt="">
<img src="leaf.png" id="leaf" alt="">
</section>
<section class="content" id="about">
<div>GO-GREEN</div>
<br>
<br>
<div>GO-GREEN is dedicated to promoting environmental sustainability and fostering a culture of eco-friendly practices. Our mission is to inspire and empower individuals to make conscious choices that contribute to the well-being of our planet. By providing resources, education, and community support, we aim to create a greener, healthier future for everyone.
Join the Movement: Every small action counts. Whether it's reducing waste, conserving energy, or planting trees, together, we can make a significant impact. Embrace sustainable living and be a part of the change.</div>
<div class="quote">
<br>
<br>
"The Earth does not belong to us; we belong to the Earth."<br>
-Chief Seattle
</div>
</section>
<section class="content_blog" id="blog">
<div><h7>Blog Articles</h7></div>
<br>
<div>
<br>
<h2>The Importance of Going Green</h2>
<p>In today's world, going green is more important than ever.
Environmental sustainability ensures that we preserve natural resources for future generations. From reducing waste to conserving energy, every small action counts. In this section, we'll dive into practical tips and success stories of individuals making a difference.</p>
<br>
<h2>Eco-Friendly Practices to Adopt Today</h2>
<p>Adopting eco-friendly practices can significantly reduce your carbon footprint. Simple changes like using reusable bags, conserving water, and recycling can have a huge impact. Explore our detailed guides and find easy ways to incorporate green practices into your daily life.</p>
<br>
</div>
<div class="text_E">
<h8><span class="auto-input"></span></h8>
<h9 id="effect"></h9>
<button class="btn" onclick="textEffect()"></button>
</div>
</section>
<button class="scroll-to-top" onclick="scrollToTop()">↑</button>
<script src="parallal.js"></script>
</body>
</html>