-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndividucalContent.html
105 lines (104 loc) · 5.14 KB
/
IndividucalContent.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="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Synerger</title>
<!--Importing CSS for the page-->
<link rel="stylesheet" href="IndividualContent.css">
<link rel="stylesheet" href="footer.css">
<!--Navigation Bar CSS and JS-->
<link rel="stylesheet" href="navbar.css">
<script src="navbar.js"></script>
</head>
<body>
<!--Navigation Bar-->
<header>
<a href="" class="logo">Synerger</a>
<nav class="navbar">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="AboutUs.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="sitemap.html">SiteMap</a></li>
<li><a href="products.html">Shop</a></li>
<li><a href="feedback.html">Feedback</a></li>
<li><a href="User_Profile.html">User Profile</a></li>
</ul>
</nav>
</header>
<!-- Solar energy heading. -->
<div class="heading">
<h1>SOLAR ENERGY<br><br> Join the Solar <br> Energy Revolution</h1>
</div>
<!--Navigation Bar-->
<div class="content">
<a href="aboutUs.html">About Us</a>
<h1> Power Your Life <br> With Sunshine</h1>
<p> Solar power is solar radiation that is transformed into electrical or thermal energy.
The United States possesses some of the world's most abundant solar resources,
making solar energy the most prolific and clean renewable energy source currently in use.
This energy can be captured by solar technology and used for a number of purposes,
such as producing electricity, lighting or creating a comfortable interior space,
and heating water for use in homes, businesses, or industries.
Solar energy is a highly adaptable energy source that can be installed as a utility-scale,
central-station solar power plant (like typical power plants) or as distributed production,
with the generator situated at or close to the point of use.
Using state-of-the-art solar storage technologies,
both of these approaches may also store the energy they generate for later distribution when the sun sets.
In order to help the United States move to a clean energy economy,
solar power operates alongside other technologies like wind power within a complicated and interconnected electrical grid.
</p>
<h2> Advantages of Solar Energy</h2>
</div>
<!--Advantages of Solar in Boxes with background color-->
<div class="advantages">
<p> Solar energy is a renewable energy source and reduces carbon emition</p>
<p > Solar energy can reduce your home’s electricity bill</p>
<p> Homes with solar panels installed may improve home value</p>
<p> Solar panels have low maintenance costs</p>
</div>
<div class="content">
<h2> Disadvantages of Solar Energy</h2>
</div>
<!--Disdvantage of Solar in Boxes with background color and H3 text and Our project H2 text-->
<div class="advantages">
<p> The high initial costs of installing panels </p>
<h3> Solar energy is the optimal choice for sustainable power generation.
Its sole drawback, high initial costs, is mitigated by flexible installment options,
You can view the installment options in the shop page.</h3>
<a href="products.html"> Link to Shop Page </a>
<h2> Our Solar Projects </h2>
</div>
<!--Importing project images-->
<div class="images">
<img src="images_Stu3/Project1.jpeg" alt="Project1">
<img src="images_Stu3/Project2.jpeg" alt="Project2">
<img src="images_Stu3/Project3.png" alt="Project3">
</div>
<!--Back to Top Button-->
<button onclick="topFunction()" id="backToTop">Back to Top</button>
<!--JavaScript for Back to Top Button-->
<script>
function topFunction() {
// For Safari
document.body.scrollTop = 0;
// For Chrome, Firefox, IE and Opera
document.documentElement.scrollTop = 0;
}
</script>
<!--Footer-->
<footer>
<div class="footer-content">
<a href="PageEditor_Stu3.html"> Page Editor : Yuthmika Gamage</a>
<ul class="footer-links">
<li><a href="home.html">Home</a></li>
<li><a href="aboutUs.html">About</a></li>
<li><a href="sitemap.html">Site Map</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
<p class="copyright">© 2024 Synerger. All rights reserved.</p>
</div>
</footer>
</body>
</html>