/
about.html
151 lines (116 loc) · 4.51 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<!-- Meta Tags that tell the browser how to behave -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favbar Title and Favicon -->
<title>About | Envirma Education</title>
<link rel="icon" href="https://www.freeiconspng.com/uploads/education-png-30.png" sizes="16x16" type="image/png">
<!-- Style Sheets for my main content and animations -->
<link rel="stylesheet" type="text/css" media="screen" href="main.css">
<link rel="stylesheet" type="text/css" media="screen" href="animate.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
</head>
<body>
<style>
/*=============================================================================*/
/* Per Page CSS file (Cannot be put in main.css as it will be applied globally */
/* Column and Row */
.column {
float: left;
width: 50%;
}
.row:after {
content: "";
display: table;
clear: both;
}
img {
box-sizing: border-box;
height: auto;
}
.row {
display: flex;
max-width: 70%;
}
.column {
flex: 33.33%;
padding: 3px;
}
/* Horizontal rule */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
</style>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="about.html#testimonials">Testimonials</a>
</nav>
<div class="alt-wrapper">
<section id="about-us">
<br>
<div class="alt-title">
<h1>About Envirma Education</h1>
</div>
<div class="alt-subtitle">
<p>Envirma is an American-values British school that focuses on the educational curriculum provided by the British government while keeping the values of American schools - compromising on the quality of teaching and subjects with the comfort of the students.
<br />
<br>
Envirma has a 98.54% success rate and our previous Year 11 students had all passed with a grade 4, or higher.
<br />
<br>
Envirma is located in the countryside of Britain, close to the South West in Bideford. Bideford is a historic port town on the estuary of the River Torridge in north Devon, south-west England. It is the main town of the Torridge local government district. </p>
<br>
<p>Our students excel in a wide range of subjects and courses. Below is an example video from our Creative Media course that is created by a student.</p>
<video style="padding-left: 10%" class="alt-wrapper" width="340px" controls>
<source src="example_course.mp4">
</video>
<br><br>
</div>
</section>
<hr>
<section id="testimonials">
<div class="alt-title">
<h1>Testimonials from Students</h1>
</div>
<div class="alt-subtitle">
<blockquote>Natalie Castillo (Parent)</blockquote>
<p style="font-size: 18px;">Envirma is our partner in parenting and educating our children. The values that are important to us are reflected in our school family.</p>
<br />
<blockquote>Hazel Baron (Student)</blockquote>
<p style="font-size: 18px;">I chose Envirma Education because it is the best school in Sefton and teachers are very kind and helpful.</p>
<br>
</div>
</section>
</div>
<br />
<hr>
<center>
<div class="row">
<div class="column">
<img src="https://i.imgur.com/JHLMmjR.jpg" alt="Group of teen/adult students working in a room." style="width:100%">
</div>
<div class="column">
<img src="https://i.imgur.com/46YdSme.jpg" alt="Child estatic about a book." style="width:100%">
</div>
<div class="column">
<img src="https://i.imgur.com/BSNz3fP.jpg" alt="Students in classroom" style="width:100%">
</div>
</div>
</center>
<br />
<!-- Contact Button Bottom Right-->
<a href="mailto:ben@bjgreen.co.uk?subject=Envirma Education | Media Production Unit 6&body=To the attention of sir/madam,
Envirma Education | Media Production Unit 6" class="contact-us">Click here to contact us! <i class="far fa-envelope-open"></i>
</a>
<!-- End of Contact contact-us-->
</body>
</html>