-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (71 loc) · 3.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sustainable City</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<button id="scrollTop" title="Scroll to Top">
<span class="material-symbols-outlined">arrow_upward</span>
</button>
<header>
<div class="hdsub">
<a href="/Sustainable-City"><span class="material-symbols-outlined">home_app_logo</span></a>
<div class="header">
<h2>Sustainable City</h2>
<p>A Guide on Sustainable living and development</p>
</div>
</div>
</header>
<main class="blog">
<div class="about">
<h4>Welcome to Sustainable City</h4>
<p class="bd">Here at Sustainable City, we believe in the power of sustainable living to transform our cities into thriving, eco-friendly hubs for generations to come. Our mission is to inspire and guide individuals, communities, and policymakers toward a more sustainable future.</p>
<h4>Why Sustainability Matters:</h4>
<p class="bd">In an era where the health of our planet is at a critical juncture, embracing sustainable practices is not just an option—it's a necessity. Climate change, pollution, and depletion of natural resources are urgent issues that demand our attention. We are passionate about sharing information, ideas, and actionable steps to create cities that prioritize both environmental and social well-being.</p>
<br><br><br><br>
</div>
<br><br>
<div class="card-container">
<div class="card"><a href="solar.html">
<img src="img/4.jpg" alt="solar-roof">
<h2>Solar Energy</h2></a>
</div>
<div class="card">
<a href="ev.html"><img src="img/5.jpg" alt="ev-car">
<h2>Electric Vehicles</h2></a>
</div>
<div class="card">
<a href="hydrogen.html"><img src="img/6.jpg" alt="hydrogen-vehicle">
<h2>Hydrogen Vehicles</h2></a>
</div>
<div class="card">
<a href="wind.html"><img src="img/7.jpg" alt="wind-mill">
<h2>Wind Energy</h2></a>
</div>
<div class="card">
<a href="water.html"><img src="img/8.jpg" alt="water-drip">
<h2>Water Conservation</h2></a>
</div>
<div class="card">
<a href="building.html"><img src="img/13.jpg" alt="green-building">
<h2>Green Architecture</h2></a>
</div>
<div class="card">
<a href="wastemgmt.html"><img src="img/17.jpg" alt="waste-management">
<h2>Waste Management</h2></a>
</div>
</div>
</main>
<footer>
<p>Project Guide: Ms. Anly Antony M, Asst. Professor, SCET</p>
<p>Project Members: Daniel Paul Perinchery, Selin Varghese, Nihel Sony, Masood Rila, Mohammed Fazil KA</p>
<p>2023 All Rights Reserved. Project Group 11 S3CSC</p>
<p>Follow this Project on <a href="https://www.github.com/danielpaul-123/Sustainable-City">Github</a></p>
</footer>
<script src="script.js"></script>
</body>
</html>