forked from rohankatakam/The-Cutting-Edge-Foundation
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdonate.html
170 lines (114 loc) · 4.84 KB
/
donate.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
170
<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>The Cutting Edge Foundation</title>
<link rel="icon"
type="image/png"
href="images/favicon.ico">
<meta name="description" content="The Cutting Edge Foundation - Advancing health through surgical innovations">
<meta name="author" content="Rohan Katakam">
<!-- Mobile Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Web Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:700,400,300' rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Font Awesome CSS -->
<link href="fonts/font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- Plugins -->
<link href="css/animations.css" rel="stylesheet">
<!-- Core CSS file -->
<link href="css/style1.css" rel="stylesheet">
</head>
<body>
<div class = "container">
<ul class="nav nav-tabs">
<li role="presentation"><a href="#">Home</a></li>
<li role="presentation" class ="active"><a href="javascript:history.go(0)">Donate</a></li>
</ul>
</div>
<div class ="space"></div>
<div class ="container">
<div class="jumbotron">
<h1 class ="donate" style= "color:#6E80AF" data-animation-effect="fadeInDownSmall">Take Action Today</h1>
</div>
<div class ="space"></div>
<div class="jumbotron" data-animation-effect= "fadeInUpSmall" style = "background-color:#6E80AF">
<div class="row">
<div class="col-sm-6 col-md-4">
<div class ="social-media-content">
<a href="https://www.facebook.com/CuttingEdgeFoudationproject" target="_blank"><div class="fb-icon-bg"></div>
<div class="fb-bg"></div></a>
<a href="https://twitter.com/CuttingEdgeSOC" target ="_blank"><div class="twi-icon-bg"></div>
<div class="twi-bg"></div></a>
<a href="https://plus.google.com/103420170795166627611/about" target ="_blank"><div class="g-icon-bg"></div>
<div class="g-bg"></div></a>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<div class ="item">
<span class="glyphicon glyphicon-user" style ="font-size:5em;">
</span>
</div>
<div class="caption">
<h3 class ="caption-title">You.</h3>
<p>You are making a difference. Every dollar has its purpose.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<div class ="item">
<span class="glyphicon glyphicon-plus" style ="font-size:5em;">
</span>
</div>
<div class="caption">
<h3 class = "caption-title">Aid</h3>
<p>You can help start saving lives today by funding the future of healthcare.</p>
</div>
</div>
</div>
</div>
</div>
<div class = "space"></div>
<div class="jumbotron">
<div class="ph-container">
<div class="ph-float">
<a href="https://secure.squarespace.com/commerce/donate?donatePageId=554ce660e4b019d5490d2b6c" class='ph-button ph-btn-blue'>Donate</a>
</div>
</div>
<div class="ph-clear"></div>
<!-- <div class = "space"></div>-->
<!--
<h1 class ="donate" style= "color:#6E80AF" data-animation-effect="fadeInDownSmall">Become Informed </br>
Become Empowered</h1>
-->
</div>
</div>
<!-- JavaScript files placed at the end of the document so the pages load faster
================================================== -->
<!-- Jquery and Bootstap core js files -->
<script type="text/javascript" src="plugins/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<!-- Modernizr javascript -->
<script type="text/javascript" src="plugins/modernizr.js"></script>
<!-- Isotope javascript -->
<script type="text/javascript" src="plugins/isotope/isotope.pkgd.min.js"></script>
<!-- Backstretch javascript -->
<script type="text/javascript" src="plugins/jquery.backstretch.min.js"></script>
<!-- Appear javascript -->
<script type="text/javascript" src="plugins/jquery.appear.js"></script>
<!-- Initialization of Plugins -->
<script type="text/javascript" src="js/template.js"></script>
<!-- Custom Scripts -->
<script type="text/javascript" src="js/custom.js"></script>
</body>
</html>