-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
86 lines (74 loc) · 4.49 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sites For All</title>
<link rel="stylesheet" href="styles/index.css">
<link rel="stylesheet" href="styles/footer.css">
<script src="scripts/index.js"></script>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<link href="styles/logo.png" rel="icon"/>
</head>
<body>
<div class="navbar">
<a href="/">Home</a>
<a href="#about-us">About Us</a>
<a href="#services">Services</a>
<a href="#our-mission">Our Mission</a>
<a href="#contact-us">Contact Us</a>
</div>
<button id="myBtn">
<a href="#top" style="color: white">🠉</a>
</button>
<div class="frontpage b1">
<div class="frontpage-items-container">
<h1 data-aos="fade" data-aos-duration="1000">Sites For All</h1>
<h2 data-aos="fade" data-aos-duration="1500">We make websites for other non-profits.</h2>
<a href="#about-us"><p data-aos="fade" data-aos-duration="2000">Learn More</p></a>
</div>
</div>
<div class="frontpage b2" id="about-us">
<div class="aboutus-items-container">
<h2 data-aos="fade" data-aos-duration="1000">About Us</h2>
<p data-aos="fade" data-aos-duration="1500">
We are a nonprofit organization that aims to tackle the problem of many businesses and other organizations not having a website so that they can get their product or service to a larger group of people. We believe that having an online presence is crucial for success in today's digital age. By offering our services, we hope to empower these entities to reach their full potential and thrive. Our mission is to bridge the digital divide and create opportunities for growth and innovation.
</p data-aos="fade" data-aos-duration="1500">
</div>
</div>
<div class="frontpage b3" id="services">
<div class="aboutus-items-container">
<h2 data-aos="fade" data-aos-duration="1000">Services</h2>
<p data-aos="fade" data-aos-duration="1500">
We can provide you with our classic website or a more personalized premium option. If you already have a website, then you can get the upgrade option.
In the classic option, you will be able to describe your website and the information you want conveyed. Our coders will generate a site that shows your organization.
In the premium option, you will be able to more specifically describe how you want your site to be and customize your site so that it reflects you and your organization and displays what makes you unique.
In the upgrade option, you will be able to describe how you want your website to be changed and our coders will work on making your site better.
</p data-aos="fade" data-aos-duration="1500">
</div>
</div>
<div class="frontpage b4" id="our-mission">
<div class="aboutus-items-container">
<h2 data-aos="fade" data-aos-duration="1000">Our Mission</h2>
<p data-aos="fade" data-aos-duration="1500">
There are so many organizations that do not have websites and, as a result, are not able to get themselves out to the world. There are a lot of organizations that could truly make the world a better place. It was depressing to see these organizations never have a chance at becoming a major thing because of their lack of a website. In an effort to make sure that all organizations have a chance at reaching out to the masses, the members of our organization banded together to provide websites to these organizations so that these organizations may one day create a better tomorrow.
</p data-aos="fade" data-aos-duration="1500">
</div>
</div>
<div class="frontpage b5" id="contact-us">
<div class="aboutus-items-container">
<h2 data-aos="fade" data-aos-duration="1000">Our Mission</h2>
<p data-aos="fade" data-aos-duration="1500">
If you are an organization or a small buisness in need of a quick website, contact us. Our email address is [email protected].
</p data-aos="fade" data-aos-duration="1500">
</div>
</div>
<div class="footer">
<p>Copyright © 2024 Sites For All. All rights reserved.</p>
</div>
<script>
AOS.init();
</script>
</body>
</html>