PHP lab 8

2026-03-12 23:46:12 -04:00
parent 8b132e776f
commit 8c78e75b97
17 changed files with 273 additions and 1 deletions
@@ -0,0 +1,95 @@
+body {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  font-size: 20px;
+  margin: 0;
+  padding: 0;
+  color: #555555;
+}
+
+/* Header Styles */
+header .logo {
+  display: flex;
+  align-items: center;
+  padding: 0.5rem;
+}
+
+header .logo i {
+  display: block;
+  color: teal;
+  font-size: 3rem;
+}
+
+header .logo span {
+  color: #666677;
+  font-size: 2rem;
+  font-weight: 300;
+}
+
+header .logo span strong {
+  font-weight: 600;
+}
+
+header nav {
+  background-color: teal;
+  padding-top: 5px;
+}
+
+header nav ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+header nav ul li {
+  margin: 0;
+  padding: 0;
+  display: block;
+}
+
+header nav ul li a {
+  display: block;
+  padding: 0.75rem;
+  color: #ffffff;
+  text-decoration: none;
+  font-size: 1.1rem;
+}
+
+header nav ul li a:hover {
+  text-decoration: underline;
+}
+
+header nav ul li a.active {
+  color: teal;
+  background-color: #ffffff;
+}
+
+/* Main Styles */
+main {
+  display: block;
+  padding: 2rem;
+}
+
+main h1 {
+  color: #666677;
+  padding: 0;
+  margin: 0;
+}
+
+/* Footer Styles */
+footer {
+  display: block;
+  padding: 1.5rem 1rem;
+  background-color: teal;
+  color: rgba(255, 255, 255, 0.75);
+  text-align: center;
+  font-size: 1rem;
+}
+
+footer strong {
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.85);
+}