forked from Its-Aman-Yadav/Community-Site
-
Notifications
You must be signed in to change notification settings - Fork 0
/
our program.html
121 lines (112 loc) · 4.93 KB
/
our program.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Community Startup</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.css" crossorigin="">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/et-line-font.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/vegas.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<link href='https://fonts.googleapis.com/css?family=Rajdhani:400,500,700' rel='stylesheet' type='text/css'>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="css/animate.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="ourprogram.css" />
<link
href="https://fonts.googleapis.com/css2?family=Gorditas&family=Playpen+Sans:wght@100;500&family=Poppins&family=Prompt&family=Roboto&family=Satisfy&family=Ubuntu:wght@300;400&display=swap"
rel="stylesheet"
/>
<link rel="icon" href="favicon.ico">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<style>
</style>
</head>
<body>
<script type="text/javascript">
window.addEventListener("scroll", function(){
var header= document.querySelector("nav");
header.classList.toggle("sticky", window.scrollY >50)
})
</script>
<!-- Navbar -->
<div class="navbar">
<nav>
<a class="logo-link" href="#home"> <label class="logo" style="margin-left:10px;">
<img src="images/fav.png" alt="logo">
<span class="logo-text" style="margin-left: 0;">Open Source Village</span>
</label></a>
<ul>
<li><i class="fa-solid fa-house" style="filter:invert(1)"></i><a class="active" href="index.html">Home</a></li>
<li><i class="fa-solid fa-address-card" style="filter:invert(1)"></i><a href="about us.html">About</a></li>
<li><i class="fa-solid fa-screwdriver-wrench" style="filter:invert(1)"></i><a href="#services">Services</a></li>
<li><i class="fa-solid fa-pen-to-square" style="filter:invert(1)"></i><a href="#testimonials">Reviews</a></li>
<li><i class="fa-solid fa-address-book" style="filter:invert(1)"></i><a href="#contact">Contact Us</a></li>
<li><i class="fa-solid fa-right-to-bracket" style="filter:invert(1)"></i><a href="login.html">Login/Register</a></li>
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox" />
<div class="slider round" id="toggle"></div>
</label>
<img id="image" onclick="ProfileClicked()" />
</ul>
</nav>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const toggleButton = document.getElementById('checkbox');
toggleButton.addEventListener('change', function() {
document.body.classList.toggle('dark-mode');
});
});
</script>
<header>
<div class="container">
<h1>Welcome to Our Community Startup</h1>
<p class="changes">
We are a group of like-minded individuals who believe in the power of
coming together to achieve shared goals.
</p>
</div>
</header>
<section class="mission">
<div class="container borderbox">
<h2>Our Mission</h2>
<p>
Our mission is to create a safe and inclusive space where members can
connect, collaborate, and make a positive impact in the world.
</p>
</div>
</section>
<section class="join-us">
<div class="container grids">
<img src="fav.png">
<div class="left-sec">
<h2>Join Us</h2>
<p>
Be a part of something bigger than yourself.<br> Join us and help make a
difference!
</p>
</div>
<a href="https://discord.gg/mM9qFh2uZR" class="btn">Get Started</a>
</div>
</section>
<special-footer></special-footer>
<script src="footer/footer.js"></script>
</body>
</html>