-
Notifications
You must be signed in to change notification settings - Fork 117
/
Copy pathparallal.html
104 lines (103 loc) · 4.9 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
102
103
104
<!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 class="Content_header">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>
<i>"The Earth does not belong to us; we belong to the Earth."</i><br>
-Chief Seattle
</div>
</section>
<section class="content_blog" id="blog">
<div><h6>Blog Articles</h6></div>
<br>
<div>
<br>
<h2>The Importance of Going Green</h2>
<p>In today's world, going green is more important than ever.<br>
Going green is essential for preserving the planet's resources and combating climate change, ensuring a healthier environment for future generations. It reduces pollution, conserves energy, and minimizes waste, contributing to sustainable living. Green initiatives promote biodiversity by protecting ecosystems and wildlife. They also encourage innovation and economic growth in renewable energy and eco-friendly industries. Adopting green practices fosters a sense of responsibility and inspires others to join the movement toward a more sustainable future.<br>
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.<br>
Adopt eco-friendly practices by reducing single-use plastics and switching to reusable items like bottles, bags, and containers. Conserve energy by using energy-efficient appliances, turning off lights, and embracing renewable energy sources like solar power. Reduce water waste by fixing leaks, using water-saving fixtures, and practicing mindful consumption. Support sustainable transportation by walking, biking, carpooling, or using public transit whenever possible. Compost organic waste, recycle responsibly, and buy locally to minimize your carbon footprint and support the environment<br>
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>