-
Notifications
You must be signed in to change notification settings - Fork 14
Expand file tree
/
Copy pathindex.html
More file actions
179 lines (169 loc) · 7.16 KB
/
index.html
File metadata and controls
179 lines (169 loc) · 7.16 KB
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE HTML>
<html>
<head>
<title>TechNGO</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">Who we are</a></li>
<li><a href="#two">What we do</a></li>
<li><a href="#three">Get in touch</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Tech NGO</h1>
<p>Hey! We are a bunch of geeks who would like to make your website better - <strong><u>for free</u></strong>.</a><br />
Currently we are concentrating on NGOs and other not-for-profit projects, so if you work for one, or know of one that could use a better website, <a href="#three" >get in touch</a> with us.
</p>
<ul class="actions">
<li><a href="#one" class="button scrolly">Learn more</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<a href="#" class="image"><img src="images/helloquence-61189-unsplash-comp.jpg" alt="Photo by Helloquence on Unsplash" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Who are we?</h2>
<p>We are a diverse cast of people, from various walks of life and from all over the world. What unites us is our love for web development.</p>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/jules-marchioni-424070-unsplash-comp.jpg" alt="Photo by Jules Marchioni on Unsplash" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>For free?! Really?</h2>
<p>Yup! But only if you're a not-for-profit organization/group.<br />
<i>But why free?</i><br />
Well, for one, it's our way of saying thank you for all the amazing work you're doing.<br />
Two, we all got into web development as we love it. So this is just a way for us to continue doing what we love, while at the same time, giving back to the society.
</p>
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up">
<div class="inner">
<h2>What we do</h2>
<p>
Somewhere far away, there is a huge airconditioned place with floor to ceiling shelves/racks. And on each of these racks, there are lots of disks, each measured in terabytes. Here, with a bit of magic, we get you a few megabytes of your own, that you can call home.
<br />Basically, we design websites. That's what we do.</p>
<div class="features">
<section>
<span class="icon major fa-desktop"></span>
<h3>Looks Smooth</h3>
<p>We ensure that our UI is eye-catching and at the same time, easy to read.</p>
</section>
<section>
<span class="icon major fa-cog"></span>
<h3>Handles Smoother</h3>
<p>Good looks need not compromise on performance. Every animation is so smooth, you'll keep scrolling on and on and on...</p>
</section>
<section>
<span class="icon major fa-code"></span>
<h3>Code-Free</h3>
<p>We'll do the heavy-lifting and manage the code. So ]you can concentrate on doing what you do best.</p>
</section>
<section>
<span class="icon major fa-diamond"></span>
<h3>Free of charge</h3>
<p>For not-for-profit group/organization. You get an awesome website, we get a ton of experience.</p>
</section>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch</h2>
<p>Hey, thanks for your interest in us. We'll be sure to get back to you as soon as possible.</p>
<div class="split style1">
<!-- HTML Form field to use once we have a working email
Suggestion is to use a free form data collecting agent like formspree.io or something
-->
<!-- FORM -->
<!--<section>
<form method="post" action="#">
<div class="field half first">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="5"></textarea>
</div>
<ul class="actions">
<li><a href="" class="button submit">Send Message</a></li>
</ul>
</form>
</section>-->
<section>
<ul class="contact">
<li>
<h3>Address</h3>
<span><i>Currently we don't have a physical office and hence live among the clouds (not the fluffy kind :P )</i></span>
</li>
<li>
<!--<h3>Email</h3>
<a href="mailto:contact@techngo.in?subject=Website-Contact">contact@techngo.in</a>
</li>
<li>
<h3>Phone</h3>
<a href="tel:+910000000000">+91-00000-00000</a>
</li>
<li>-->
<h3>Social</h3>
<span><i>For now, please contact us via GitHub.</i><br /></span>
<ul class="icons">
<li><a href="https://github.com/Technical-NGO/Technical-NGO.github.io" target="_blank" class="fa-github"><span class="label">GitHub</span></a></li>
<!--<li><a href="#" class="fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="fa-facebook"><span class="label">Facebook</span></a></li>-->
<!--<li><a href="#" class="fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="fa-linkedin"><span class="label">LinkedIn</span></a></li>-->
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© TechNGO, 2018. All rights reserved.</li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>