-
Notifications
You must be signed in to change notification settings - Fork 0
/
give-it-to.html
169 lines (162 loc) · 9.4 KB
/
give-it-to.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="give-it-to.css">
</head>
<body>
<!-- header section -->
<header class="navbar">
<a href="index.html">Study at Cambridge</a>
<a href="Research.html">Reasearc at Cambridge</a>
<a href="About University.html">About University</a>
<a href="give-it-to.html">Give to Cambridge</a>
<div class="search">
<input type="text" placeholder="Search" class="input">
</div>
</header>
<div class="give-section">
<div class="sub-give-section">
<h1 style="color: white;">Give to Cambridge</h1>
</div>
<div class="sub1-give-section">
<img src="images/graduation_2.jpg" alt="" width="100%" height="500px">
</div>
</div>
<div class="body">
<div class="head">
<h1>How to Collegiate University Works.</h1>
</div>
<div class="sub-body">
<p>The University is a confederation of schools, faculties, departments and Colleges. The Colleges are governed by their own statutes and regulations, but are integral to the make-up of the University of Cambridge. The University of Cambridge is an exempt charity subject to regulation by the Higher Education Funding Council for England (HEFCE) under the UK Charities Act 2006. Read more details about the University’s charitable status.</p>
</div>
</div>
<div class="body1">
<div class="sub-body1">
<div class="sub-sub-body1">
<img src="images/1.jpg" alt="" width="607px" height="453px">
</div>
<div class="sub-sub-body1">
<h1>Our Ambition</h1>
<p>For 800 years, the world has invested in Cambridge and Cambridge has delivered. We gave you gravity, evolution, computers and pulsars. Next we could deliver clean energy sources, longer lives, quantum computers and parallel universes. But first we need to ask more from the world.</p>
<button class="btn">Read More About Our Mission</button>
</div>
</div>
<div class="sub-body1">
<div class="sub-sub-body1">
<h1>Why Cambridge?</h1>
<p>Our Dear World, Yours Cambridge campaign for the University and Colleges was launched in October 2015 and aims to raise £2bn for research, posts and facilities. Following Cambridge’s most successful fundraising year ever, raising more than £210m, the campaign total now stands at £745m.</p>
<button class="btn">Read More About the impact</button>
</div>
<div class="sub-sub-body1">
<img src="images/from-great-st-marys.jpg" alt="" width="607px" height="453px">
</div>
</div>
<div class="sub-body1">
<div class="sub-sub-body1">
<img src="images/spiralstaircasev2_1.jpg" alt="" width="607px" height="453px">
</div>
<div class="sub-sub-body1">
<h1>A College University</h1>
<p>Cambridge is a unique community of 31 Colleges, and home to more than 18,000 students. The Colleges are the home of our signature supervision system, where students are mentored by some of the world’s leading thinkers. Our 9,000 staff are spread across six schools and more than 150 departments, faculties and institutes.</p>
<button class="btn">Read More About our Community</button>
</div>
</div>
</div>
<div class="body2">
<div class="sub-body2">
<h1>Focus On Our Aspirations</h1>
</div>
<div class="sub1-body2">
<p style="font-size: 18px; color:grey;">For eight centuries, Cambridge has welcomed brilliant minds, set them free to collaborate and create, sending world-changing ideas in return. But we can never say: 'our work is done'. Help us ensure that our impact on the future will be as vital as our impact on the past.</p>
</div>
</div>
<div class="body3">
<div class="sub-body3">
<div class="sub-sub-body3">
<img src="images/laboratory_scientist_000022323132_w.jpg" alt="" width="260px" height="204px">
<p style="font-weight: bold;">“ Saving our planet's biodiversity, for the world"</p>
<p>Creating transformational solutions to environmental challenges: a partnership between international nature conservation organisations and University researchers. Students in front of one of our Colleges</p>
</div>
<div class="sub-sub-body3">
<img src="images/postgraduates1.jpg" alt="" width="260px" height="204px">
<p style="font-weight: bold;">“ Global talent to shape our global future: supporting graduate students"</p>
<p>There are thousands of students out there who could make their mark on the world.</p>
</div>
<div class="sub-sub-body3">
<img src="images/supervision.jpg" alt="" width="260px" height="204px">
<p style="font-weight: bold;">“ World-class teaching and mentoring: supporting undergraduate students"</p>
<p>Teaching the next generation of leaders how to think, not what to think. Here, teaching is a two-way process, revolving around an exchange of thinking and understanding. Family check-up</p>
</div>
<div class="sub-sub-body3">
<img src="images/herod1.jpg" alt="" width="260px" height="204px">
<p style="font-weight: bold;">“ Anticipating and preventing disease"</p>
<p>New approaches to the world's most debilitating health conditions</p>
</div>
</div>
<div class="sub1-body3">
<div class="sub-sub1-body3">
<img src="images/mit_spotlight.jpg" alt="" width="260px" height="204px">
<p style="font-weight: bold;">“ Saving our planet's biodiversity, for the world"</p>
<p>Creating transformational solutions to environmental challenges: a partnership between international nature conservation organisations and University researchers. Students in front of one of our Colleges</p>
</div>
<div class="sub-sub1-body3">
<img src="images/marinebiol_achoerodus_viridis_ccbysylkerohrlach.jpg" alt="" width="260px" height="204px">
<p style="font-weight: bold;">“ Global talent to shape our global future: supporting graduate students"</p>
<p>There are thousands of students out there who could make their mark on the world.</p>
</div>
<div class="sub-sub1-body3" >
<img src="images/smartpartnership.jpg" alt="" width="260px" height="204px">
<p style="font-weight: bold;">“ World-class teaching and mentoring: supporting undergraduate students"</p>
<p>Teaching the next generation of leaders how to think, not what to think. Here, teaching is a two-way process, revolving around an exchange of thinking and understanding. Family check-up</p>
</div>
<div class="sub-sub1-body3">
<img src="images/neuroscience-workshop-tanzania.jpg" alt="" width="260px" height="204px">
<p style="font-weight: bold;">“ Anticipating and preventing disease"</p>
<p>New approaches to the world's most debilitating health conditions</p>
</div>
</div>
<button class="btn">View All Inspiration</button>
</div>
<section class="sect5" id="section5">
<div class="footer">
<div class="sub-footer">
<h1>UNIVERSITY OF CAMBRIDGE</h1>
</div>
<div class="sub-footer1">
<div class="sub-sub-footer1">
<ul class="ul1">
<li><a href="">Colleges</a></li>
<li><a href="">Libraries and Faculties</a></li>
<li><a href="">Mueseum and Collection</a></li>
<li><a href="">Email and phone Search</a></li>
<li><a href="">Give it to Cambridge</a></li>
</ul>
</div>
<div class="sub-sub-footer">
<ul class="ul2">
<li><a href="">For Staff</a></li>
<li><a href="">For Cambridge Students</a></li>
<li><a href="">For Alumini</a></li>
<li><a href="">For Students</a></li>
<li><a href="">For visitors</a></li>
</ul>
</div>
</div>
<div class="sub-footer2">
<div class="sub-sub-footer2">
<p>Cambridge University London Kingston Lane
Uxbridge
Middlesex UB8 3PH
Tel: +44 (0)1895 274000 Fax: +44 (0)1895 232806 Security: +44 (0)1895 255786
Directions to the campus</p>
<i class="fa-fa-instagram"></i>
</div>
</div>
</div>
</section>
</body>
</html>