-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex
164 lines (162 loc) · 5.66 KB
/
index
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
<!DOCTYPE html>
<html lang ='en'>
<head>
<title>Task</title>
<link href="style.css" rel="stylesheet"/>
</head>
<body>
<header>
<div class="topBar">
<div class="logo"><img src="img/logo.png"/></div>
<div class="navbar">
<ul>
<li><a href="#" class="button joinus last">Join us</a></li>
<li><a href="#">The blog</a></li>
<li><a href="#" class="first">About open charity</a></li>
</ul>
</div>
</div>
</header>
<div id="Hero" class="hero">
<div class="hero_img" >
<img src="img/hero.jpg" style="width:100%; height:100%"/>
<ul>
<li><p id="title">Sharing ideas for charities</p></li>
<li><p>Many charities' goals are similar, as is the functionality we require, but little shared working takes place.</p></li>
<li><p>By working together, driving shared areas of interest and influencing open source developments we can bring efficientes, improve the digital experience for our users, and have great impact.</p></li>
<li><p><h4>Together we can make a bigger difference.<h4></p></li>
<ul>
</div>
</div>
<div class="content front">
<div class="banner">
<h4><a href="#">Next Event:</a> <strong>June 23rd 2016 18:30-21:30</strong></h4>
<h4 style="color:#686e81;font-weight:500;">Cancer Research UK, Angel Building, 407 St John Street, London EC1V 4AD</h4>
<span><a href="#" class="register button">Register</a></span>
</div>
<div class="get_involved">
<div class="involved">
<h2>Get Involved</h2>
<ul>
<li id="first">
<div class="logos1"><img src="img/meetup.png" /></div>
<h3>We do meetings</h3>
<h4>We organise our meetings through the OpenCharity MeetUp group</h4>
<a href="#" class="button">MeetUp group</a>
</li>
<li id="middle">
<div class="logos1"><img src="img/cardinal.png" /></div>
<h3>We communicate</h3>
<h4>OpenCharity have a slack group for daily communication</h4>
<a href="#" class="button">Slack group</a>
</li>
<li id="last">
<div class="logos1"><img src="img/message.png" /></div>
<h3>We collaborate</h3>
<h4>We have a Wiki group set up to share tools and documents</h4>
<a href="#" class="button">Wiki group</a>
</li>
</ul>
</div>
</div>
<div class="mission">
<div class="mission-content">
<h2>Our mission</h2>
<h4></h4>
<h4></h4>
<ul>
<li>
<div class="disc-outer">
<div class="disc-inner">
<img class="icon" src="img/lamp.png"/>
</div>
</div>
<div class="bottom-text">
<h2></h2>
<h5></h5>
</div>
</li>
<li id="middle">
<div class="disc-outer">
<div class="disc-inner">
<img class="icon" src="img/people.png"/>
</div>
</div>
<div class="bottom-text">
<h2></h2>
<h5></h5>
</div>
</li>
<li>
<div class="disc-outer">
<div class="disc-inner">
<img class="icon" src="img/yes.png"/>
</div>
</div>
<div class="bottom-text">
<h2></h2>
<h5></h5>
</div>
</li>
</ul>
</div>
</div>
<div class="thin_bar"></div>
<div class="members">
<div class="members-content">
<h2>Our members</h2>
<ul>
<li class="first"><img src="img/cancer.png" alt="Cancer" /></li>
<li><img src="img/compucorp.png" alt="compucorp" /></li>
<li><img src="img/kop.png" alt="Kop" class="kop"/></li>
<li><img src="img/zing.png" alt="Zing" class="zing"/></li>
<li class="last"><img src="img/comic.png" alt="Comic" class="comic"/></li>
</ul>
<div class=""></div>
</div>
</div>
<div class="blog">
<div class="background-blog1"></div>
<div class="blog-content">
<h2>Blog</h2>
<ul>
<li class="previous"><img src="img/previous.png" alt="Previous"/></li>
<li class="blog-first">
<h4 ><a href="#">Online Donations Special...</a></h4>
<h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h4> <div class="thin_bar"></div>
<h5>14 Nov 2016</h5>
</li>
<li>
<h4 ><a href="#">Online Donations Special...</a></h4>
<h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h4>
<h5>14 Nov 2016</h5>
</li>
<li>
<h4 ><a href="#">Online Donations Special...</a></h4>
<h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h4>
<h5>14 Nov 2016</h5>
</li>
<li class="blog-last">
<h4 style="color:#5fc0c3;"><a href="#">Online Donations Special...</a></h4>
<h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h4>
<h5>14 Nov 2016</h5>
</li>
<li class="next" ><img src="img/next.png" alt="Previous"/></li>
</ul>
</div>
</div>
<div class="blog-wrap"></div>
</div>
<footer>
<div class="social">
<ul>
<li class="so_first"><a href="#"><img src="img/facebook.png" alt="" /></a></li>
<li><a href="#"><img src="img/twitter.png" alt="" /></a></li>
<li class="so_last"><a href="#"><img src="img/google.png" alt="" /></a></li>
</ul>
</div>
<div class="thin_bar"></div>
<h4>This site was built as a collaboration between <span ><a href="#">Manifesto Digital</a></span> and <span><a href="#">Compucorp</a></span></h4>
</footer>
</body>
</html>