-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (121 loc) · 6.08 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>V FOR SOCIETY</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Header Section -->
<header>
<div class="container">
<img src="Logo.png" alt="V for Society Logo" class="logo">
<h1>< / V FOR SOCIETY ></h1>
<nav>
<ul>
<li><a href="#about"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">About</span></a></li>
<li><a href="#moto"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">Moto</span></a></li>
<li><a href="#mission"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">Mission</span></a></li>
<pre>. . .</pre>
<li><a href="#vision"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">Vision</span></a></li>
<li><a href="#socials"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">Socials</span></a></li>
<li><a href="#team"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">Team</span></a></li>
<pre>. . .</pre>
<li><a href="https://vforsociety.blogspot.com/" target="_blank"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">Blog</span></a></li>
</ul>
</nav>
</div>
</header>
<!-- About Section -->
<section id="about" class="section fade-in">
<div class="content-box">
<h2>About Us</h2>
<p>V for Society is a community-driven organization
dedicated to empowering individuals and fostering
positive change. We aim to unite voices for a better
tomorrow by promoting social welfare, education, and
sustainable development. Through collaborative
initiatives, we inspire collective action, uplift
communities, and build a more inclusive society for all.</p>
<div class="image-box"><img src="about-image.jpg" alt="About Us"></div>
</div>
</section>
<!-- Moto Section -->
<section id="moto" class="section fade-in">
<div class="content-box">
<h2>Motto</h2>
<p>Our motto is to "Empower, Educate, and Elevate" by creating meaningful opportunities for societal change.</p>
<div class="image-box"><img src="moto-image.jpg" alt="Moto"></div>
</div>
</section>
<!-- Mission Section -->
<section id="mission" class="section fade-in">
<div class="content-box">
<h2>Mission</h2>
<p>“To empower communities and individuals through collaboration and initiatives focused on education, social equity...</p>
<div class="image-box"><img src="mission-image.jpg" alt="Mission"></div>
</div>
</section>
<!-- Vision Section -->
<section id="vision" class="section fade-in">
<div class="content-box">
<h2>Vision</h2>
<p>“To create a world where inclusivity, justice, and sustainability are at the forefront, and every individual has the opportunity...</p>
<div class="image-box"><img src="vision-image.jpg" alt="Vision"></div>
</div>
</section>
<!-- Socials Section -->
<section id="socials" class="section fade-in">
<div class="content-box">
<h2>Connect with Us</h2>
<div class="social-links">
<a href="https://www.youtube.com/@VFORSOCIETY" target="_blank"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">YouTube</span></a> ...
<a href="https://www.x.com" target="_blank"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">Twitter</span></a>
<pre>. . . .</pre>
<a href="https://www.instagram.com/v_for_society/" target="_blank"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">Instagram</span></a> ...
<a href="https://www.linkedin.com/company/v-for-society/" target="_blank"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">LinkedIn</span></a>
</div>
<p>< / Socials ></p>
</div>
</section>
<section id="socials" class="section fade-in">
<div class="content-box">
<h2>Feedback...</h2>
<div class="social-links">
<a href="https://www.google.com/forms/about/" target="_blank"><span style="display: inline-block; padding: 2px 4px; border: 1px solid black;">..... FORMS.....</span></a>
</div>
<p>< / Drop it here... ></p>
</div>
</section>
<!-- Team Section
<section id="team" class="section fade-in">
<div class="content-box">
<h2>Meet the Team</h2>
<div class="team-photos">
<div class="photo">
<img src="team1.jpg" alt="Team Member 1">
<p>John Doe</p>
</div>
<div class="photo">
<img src="team2.jpg" alt="Team Member 2">
<p>Jane Smith</p>
</div>
<div class="photo">
<img src="team3.jpg" alt="Team Member 3">
<p>Alex Johnson</p>
</div>
</div>
<div class="image-box"><img src="team-image.jpg" alt="Team"></div>
</div>
</section> -->
<!-- Footer Section -->
<footer>
<div class="container">
<p>© 2024 V for Society | All Rights Reserved</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>