-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (101 loc) · 4.15 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
132
133
134
135
136
137
<!DOCTYPE html>
<html>
<head>
<title>ImpactGrid</title>
<!--<base href="http://www.emilyjlin.com/sweetlink_website/" />-->
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat+Alternates' rel='stylesheet' type='text/css'>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>
<script type='text/javascript' src="http://twitter.github.com/bootstrap/assets/js/bootstrap.min.js"></script>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="main.css" />
<!-- <link rel="stylesheet" type="text/css" href="style/mobile.css" /> -->
<!--<link rel="stylesheet" type="text/css" href="style/about.css" /> -->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="//use.typekit.net/nlf8ijj.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-8662450-2', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="home page-about full-width">
<div id="outer-container">
<div id="container">
<div id="header" class="header-image">
<div class="header-image" style="background-image:url(impactgrid.png)">
<div class = "layer"></div>
</div>
<div class="title">
<h1>Network with other NGOs and <br> find projects to collaborate on </h1>
<h2>The Social Network <br> for Social Good </h2>
<h3>ImpactGrid</h3>
<a href="browse.html" target="_blank">Find a project</a>
</div>
<div id="nav">
<ul>
<a href="signin.html"><li class="about">Sign In</li></a>
<a href="signin.html"><li class="shop">Help</li></a>
<a href="signin.html"><li class="contact">Contact</li></a>
</ul>
</div>
</div>
<div id="content" class="bg">
<h4> ImpactGrid empowers NGOs to connect with other <br> NGOs who are working on similar projects </h4>
<img src = "heart.png" style = "width: 500px">
<h5> Browse NGO projects by category, location, resources, and more. <br>
Get notifications when other NGOs post projects that are similar to yours </h5>
</div>
<div id = "searching">
<!-- Split button -->
<h1> Browse projects </h1>
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">Choose a filter</button>
<div id="myDropdown" class="dropdown-content">
<a href="">Name</a>
<a href="">Location</a>
</div>
</div>
<!-- Split button -->
<script>
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown if the user clicks outside of it
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>
<form>
<input type="text" placeholder="Search..." required>
<input type="button" value="Search">
</form>
</div>
<div class="clear"></div>
<div id="footer">
<div id="footer-inner">
<h2> © IDHACK 2016 </h2>
</div>
</div>
</div>
</div>
</body>
</html>