-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.php
138 lines (118 loc) · 5.75 KB
/
about.php
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
<?php
require "header.php";
?>
<main class="single-page about-page">
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-12">
<h1>About Us</h1>
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .container -->
</div><!-- .page-header -->
<div class="welcome-wrap">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 order-2 order-lg-1">
<div class="welcome-content">
<header class="entry-header">
<h1 class="entry-title">Wellcome to our Charity</h1>
</header><!-- .entry-header -->
<div class="entry-content mt-5">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempus vestib ulum mauris quis aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempus vestibulum mauris quis aliquam. Integer accumsan sodales odio, id tempus velit ullamcorper id. Quisque at erat eu libero consequat tempus. Quisque molestie convallis tempus. Ut semper purus metus, a euismod sapien sodales ac. Duis viverra eleifend fermentum.</p>
</div><!-- .entry-content -->
<div class="entry-footer mt-5">
<a href="#" class="btn btn-primary">Read More</a>
</div><!-- .entry-footer -->
</div><!-- .welcome-content -->
</div><!-- .col -->
<div class="col-12 col-lg-6 order-1 order-lg-2">
<img src="images/welcome.jpg" alt="welcome">
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .container -->
</div><!-- .home-page-icon-boxes -->
<div class="about-stats">
<div class="container">
<div class="row">
<div class="col-12 col-sm-6 col-lg-3">
<div class="circular-progress-bar">
<div class="circle">
<div class="chart" data-percent="85" data-scale-color="#ffb400">85%</div>
<strong class="d-flex justify-content-center"></strong>
</div>
<h3 class="entry-title">Hard Work</h3>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="circular-progress-bar">
<div class="circle">
<div class="chart" data-percent="100" data-scale-color="#ffb400">100%</div>
<strong class="d-flex justify-content-center"></strong>
</div>
<h3 class="entry-title">Pure Love</h3>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="circular-progress-bar">
<div class="circle">
<div class="chart" data-percent="70" data-scale-color="#ffb400">70%</div>
<strong class="d-flex justify-content-center"></strong>
</div>
<h3 class="entry-title">Smart Ideas</h3>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="circular-progress-bar">
<div class="circle">
<div class="chart" data-percent="65" data-scale-color="#ffb400">65%</div>
<strong class="d-flex justify-content-center"></strong>
</div>
<h3 class="entry-title">Good Decisions</h3>
</div>
</div>
</div>
</div>
</div>
<div class="about-testimonial">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-5">
<div class="testimonial-cont">
<div class="entry-content">
<p>We love to help all the children that have problems in the world. After 15 years we have many goals achieved.</p>
</div>
<div class="entry-footer d-flex flex-wrap align-items-center mt-5">
<img src="images/testimonial-1.jpg" alt="">
<h4>Maria Williams, <span>Volunteer</span></h4>
</div>
</div>
</div>
<div class="col-12 col-md-6 offset-lg-2 col-lg-5">
<div class="testimonial-cont">
<div class="entry-content">
<p>We love to help all the children that have problems in the world. After 15 years we have many goals achieved.</p>
</div>
<div class="entry-footer d-flex flex-wrap align-items-center mt-5">
<img src="images/testimonial-2.jpg" alt="">
<h4>Cristian James, <span>Volunteer</span></h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="help-us">
<div class="container">
<div class="row">
<div class="col-12 d-flex flex-wrap justify-content-between align-items-center">
<h2>Help us so we can help others</h2>
<a class="btn btn-primary" href="#">Donate now</a>
</div>
</div>
</div>
</div>
<?php
require "footer.php";
?>