summaryrefslogtreecommitdiff
path: root/css/01-no-css/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'css/01-no-css/index.html')
-rw-r--r--css/01-no-css/index.html37
1 files changed, 37 insertions, 0 deletions
diff --git a/css/01-no-css/index.html b/css/01-no-css/index.html
new file mode 100644
index 0000000..ef3fc84
--- /dev/null
+++ b/css/01-no-css/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <title>Retro Styled Pure HTML</title>
+</head>
+<!-- Sets background color and text color natively via body attributes -->
+<body bgcolor="#f0f4f8" text="#2d3748">
+
+ <!-- Table container used to mimic a centered layout box -->
+ <table align="center" width="600" bgcolor="#ffffff" cellpadding="20" style="border-collapse: collapse;">
+ <tr>
+ <td>
+ <!-- Heading with manual alignment -->
+ <h1 align="center">Retro Native Styling</h1>
+ <hr color="#e2e8f0" size="1">
+
+ <p>This layout uses structural tables and attributes to center and color the canvas rather than an external CSS document.</p>
+
+ <!-- Presentational table acting as a decorative callout block -->
+ <table width="100%" bgcolor="#e6fffa" cellpadding="15">
+ <tr>
+ <td>
+ <strong>Fun Fact:</strong> This page works identically in a modern browser and a browser from 1996!
+ </td>
+ </tr>
+ </table>
+
+ <p align="right">
+ <font size="2" color="#718096">Minimalist footer note</font>
+ </p>
+ </td>
+ </tr>
+ </table>
+
+</body>
+</html>
+