Skip to content

Commit dfe33bd

Browse files
The-User-PythonThe-User-Python
authored
Add files via upload
1 parent 5c37759 commit dfe33bd

File tree

2 files changed

+166
-0
lines changed

2 files changed

+166
-0
lines changed

‎css/style.css‎

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
body {
2+
max-width: 1000px;
3+
float: none;
4+
margin: auto;
5+
padding: 10px;
6+
}
7+
p {
8+
padding: 0px;
9+
font-family: 'Roboto Slab', serif;
10+
font-size: 1.3em;
11+
}
12+
a {
13+
font-family: 'Roboto Slab', serif;
14+
font-size: 1.3em;
15+
}
16+
header {
17+
width: 100%;
18+
display: inline-block;
19+
background-color: #e6e6e6;
20+
padding: 10px;
21+
}
22+
.aside-left {
23+
width: 30%;
24+
float: left;
25+
display: block;
26+
min-height: 300px;
27+
background-color: #e6e6e6;
28+
padding: 0px;
29+
30+
}
31+
main {
32+
width: 33%;
33+
float: left;
34+
display: block;
35+
min-height: 300px;
36+
background-color: #e6e6e6;
37+
}
38+
aside {
39+
width: 30%;
40+
float: right;
41+
display:block;
42+
min-height: 300px;
43+
background-color: #e6e6e6;
44+
}
45+
footer {
46+
width: 100%;
47+
display: inline-block;
48+
background-color:#333;
49+
}
50+
.left-footer {
51+
width: 30%;
52+
float: left;
53+
display: block;
54+
min-height: 200px;
55+
background-color: #333;
56+
color: #fff;
57+
}
58+
.center-footer {
59+
width: 33%;
60+
float: left;
61+
display: block;
62+
min-height: 200px;
63+
background-color: #333;
64+
color: #fff;
65+
}
66+
.right-footer {
67+
width: 33%;
68+
float: right;
69+
display: block;
70+
min-height: 200px;
71+
background-color: #333;
72+
color: #fff;
73+
}
74+
.copyright {
75+
width: 100%;
76+
display: inline-block;
77+
background-color: #555;
78+
}
79+
80+
/* Menu CSS */
81+
/* Add a black background color to the top navigation */
82+
.topnav {
83+
background-color: #333;
84+
overflow: hidden;
85+
}
86+
87+
/* Style the links inside the navigation bar */
88+
.topnav a {
89+
float: left;
90+
display: block;
91+
color: #f2f2f2;
92+
text-align: center;
93+
padding: 14px 16px;
94+
text-decoration: none;
95+
font-size: 17px;
96+
}
97+
98+
/* Change the color of links on hover */
99+
.topnav a:hover {
100+
background-color: #ddd;
101+
color: black;
102+
}
103+
104+
/* Add an active class to highlight the current page */
105+
.topnav a.active {
106+
background-color: #04AA6D;
107+
color: white;
108+
}
109+
110+
/* Hide the link that should open and close the topnav on small screens */
111+
.topnav .icon {
112+
display: none;
113+
}

‎index.html‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!Doctype html>
2+
<html>
3+
<head>
4+
<!-- Metas -->
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="A website for Mount Carmel School Students For Helping Math students.">
7+
8+
<!--Stylesheets -->
9+
<link rel="stylesheet" type="text/css" href="css/style.css">
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
11+
12+
<title>MCS | the-mcsnetwork.com</title>
13+
</head>
14+
<body>
15+
<?php include 'assests/header.html' ?>
16+
<header>
17+
<div class="topnav" id="myTopnav">
18+
<a href="#home" class="active">Home</a>
19+
<a href="#news">News</a>
20+
<a href="#contact">Contact</a>
21+
<a href="#About">About</a>
22+
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
23+
<i class="fa fa-bars"></i>
24+
25+
</a>
26+
</div>
27+
</header>
28+
<div clas="aside-left">
29+
<h3 align="left">Most Recent Activities</h3>
30+
</div>
31+
<main>
32+
<h1 align="center">Summarising PCM 12th Questions</h1>
33+
34+
<p align="center"> This is a short description of the questions.</p>
35+
</main>
36+
<aside>
37+
<h2 align="center">Place an ad here</h2>
38+
<h4>Maybe some archives here.</h4>
39+
</aside>
40+
<footer>
41+
<div class="left-footer">
42+
<p align="center">Something will go here.</p>
43+
</div>
44+
<div class="center-footer">
45+
<p align="center">Something will go in the center here.</p>
46+
</div>
47+
<div class="right-footer">
48+
<p align="center">Something on right.</p>
49+
</div>
50+
<div class="copyright">
51+
<p align="center">Copyright &copy; 2023 - 2029 the-mcsnetwork.com</p>
52+
</div>
53+
</footer>

0 commit comments

Comments
 (0)