Skip to content

Commit bd7eeee

Browse files
AngelaRProjectsAngelaRProjects
authored
Add files via upload
1 parent 7de7d2b commit bd7eeee

3 files changed

Lines changed: 250 additions & 0 deletions

File tree

‎BentonSans-Regular.woff‎

16.4 KB
Binary file not shown.

‎index.html‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!DOCTYPE html>
2+
<html lang="en-us">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width">
6+
<title>St Huxley's Community College</title>
7+
<link href="style.css" type="text/css" rel="stylesheet">
8+
</head>
9+
<body>
10+
<header>
11+
<h1>St Huxley's Community College</h1>
12+
</header>
13+
14+
<nav>
15+
16+
<ul>
17+
<li><a href="#">Home</a></li>
18+
<li><a href="#">Finding us</a></li>
19+
<li><a href="#">Courses</a></li>
20+
<li><a href="#">Staff</a></li>
21+
<li><a href="#">Media</a></li>
22+
<li><a href="#">Prospectus</a></li>
23+
</ul>
24+
25+
</nav>
26+
27+
<section>
28+
<h2>Brave new world</h2>
29+
30+
<p>It's a brave new world out there. Our children are being put in increasing more competitive situations, both during recreation, and as they start to move into the adult world of <a href="https://en.wikipedia.org/wiki/Examination">examinations</a>, <a href="https://en.wikipedia.org/wiki/Jobs">jobs</a>, <a href="https://en.wikipedia.org/wiki/Career">careers</a>, and other life choices. Having the wrong mindset, becoming <a href="https://en.wikipedia.org/wiki/Emotion">too emotional</a>, or making the wrong choices can contribute to them experiencing difficulty in taking their rightful place in today's ideal society.</p>
31+
32+
<p>As concerned parents, guardians or carers, you will no doubt want to give your children the best possible start in life — and you've come to the right place.</p>
33+
34+
<h2>The best start in life</h2>
35+
36+
<p>At St. Huxley's, we pride ourselves in not only giving our students a top quality education, but also giving them the societal and emotional intelligence they need to win big in the coming utopia. We not only excel at subjects such as genetics, data mining, and chemistry, but we also include compulsory lessons in:</p>
37+
38+
<ul>
39+
<li>Emotional control</li>
40+
<li>Judgement</li>
41+
<li>Assertion</li>
42+
<li>Focus and resolve</li>
43+
</ul>
44+
45+
<p>If you are interested, then you next steps will likely be to:</p>
46+
47+
<ol>
48+
<li><a href="#">Call us</a> for more information</li>
49+
<li><a href="#">Ask for a brochure</a>, which includes signup form</li>
50+
<li><a href="#">Book a visit</a>!</li>
51+
</ol>
52+
</section>
53+
54+
<aside>
55+
56+
<h2>Top course choices</h2>
57+
58+
<ul>
59+
<li><a href="#">Genetic engineering</a></li>
60+
<li><a href="#">Genetic mutation</a></li>
61+
<li><a href="#">Organic Chemistry</a></li>
62+
<li><a href="#">Pharmaceuticals</a></li>
63+
<li><a href="#">Biochemistry with behaviour</a></li>
64+
<li><a href="#">Pure biochemistry</a></li>
65+
<li><a href="#">Data mining</a></li>
66+
<li><a href="#">Computer security</a></li>
67+
<li><a href="#">Bioinformatics</a></li>
68+
<li><a href="#">Cybernetics</a></li>
69+
</ul>
70+
71+
<p><a href="#">See more</a></p>
72+
73+
</aside>
74+
75+
<footer>
76+
77+
<p>&copy; 2016 St Huxley's Community College</p>
78+
79+
</footer>
80+
81+
</body>
82+
</html>

‎style.css‎

Lines changed: 168 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,168 @@
1+
/* General setup */
2+
3+
* {
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
margin: 0 auto;
9+
min-width: 1000px;
10+
max-width: 1400px;
11+
}
12+
13+
/* Layout */
14+
15+
section {
16+
float: left;
17+
width: 50%;
18+
}
19+
20+
aside {
21+
float: left;
22+
width: 30%;
23+
}
24+
25+
nav {
26+
float: left;
27+
28+
}
29+
30+
footer {
31+
clear: both;
32+
}
33+
34+
header, section, aside, nav, footer {
35+
padding: 20px;
36+
}
37+
38+
/* header and footer */
39+
header, footer {
40+
border-top: 5px solid #a66;
41+
border-bottom: 5px solid #a66;
42+
}
43+
44+
/* WRITE YOUR CODE BELOW HERE */
45+
46+
body {
47+
margin: 0 auto;
48+
font-size: 10px;
49+
background-color: azure;
50+
min-width: 1000px;
51+
max-width: 1400px;
52+
}
53+
@font-face {
54+
font-family: 'BentonSans-Regular';
55+
font-style: normal;
56+
font-weight: normal;
57+
src: local('BentonSans-Regular'), url('BentonSans-Regular.woff') format('woff');
58+
}
59+
60+
section, aside {
61+
font-family: 'BentonSans-Regular';
62+
font-style: normal;
63+
font-weight: normal;
64+
src: local('BentonSans-Regular'), url('BentonSans-Regular.woff') format('woff');
65+
}
66+
67+
header, footer {
68+
font-family: Georgia, 'Times New Roman', Times, serif;
69+
background-color: #0033a0;
70+
color: azure;
71+
border-top: 5px solid #b1b3b3;
72+
border-bottom: 5px solid #b1b3b3;
73+
text-align: center;
74+
}
75+
76+
header {
77+
padding: 15px;
78+
font-size: 1.5rem;
79+
margin: 0;
80+
}
81+
82+
footer {
83+
padding: 10px;
84+
font-size: 1rem;
85+
position: absolute;
86+
bottom: 0;
87+
width: 100%;
88+
max-width: 1400px;
89+
}
90+
91+
nav {
92+
padding: 10px;
93+
width: 100%;
94+
font-family: Georgia, 'Times New Roman', Times, serif;
95+
background-color: #0033a0;
96+
color: azure;
97+
border-bottom: 5px solid #b1b3b3;
98+
}
99+
100+
nav ul {
101+
list-style-type: none;
102+
margin: 0;
103+
padding: 0;
104+
overflow: hidden;
105+
}
106+
107+
nav li {
108+
float: left;
109+
}
110+
111+
nav li a {
112+
display: block;
113+
color: azure;
114+
text-align: center;
115+
padding: 14px 16px;
116+
text-decoration: none;
117+
width: auto;
118+
font-size: 1.5em;
119+
}
120+
121+
section {
122+
float: left;
123+
width: 75%;
124+
margin: auto;
125+
}
126+
aside {
127+
float: left;
128+
width: 25%;
129+
}
130+
131+
nav li a:hover:not(.active) {
132+
background-color: #b1b3b3;
133+
color: black;
134+
}
135+
136+
section a:link {
137+
color: purple;
138+
}
139+
section a:visited {
140+
color: #0033a0;
141+
}
142+
section a:hover {
143+
text-decoration: none;
144+
}
145+
section a:active {
146+
font-weight: bold;
147+
font-size: 12px;
148+
}
149+
aside a:link {
150+
color: purple;
151+
}
152+
aside a:visited {
153+
color: #0033a0;
154+
}
155+
aside a:hover {
156+
text-decoration: none;
157+
}
158+
aside a:active {
159+
font-weight: bold;
160+
font-size: 12px;
161+
}
162+
ul {
163+
list-style-type: disc;
164+
}
165+
166+
167+
168+

0 commit comments

Comments
 (0)