1Here's a compact HTML and CSS page skeleton with a masthead, navigation strip, content region, and footer:
2
3```html
4<!DOCTYPE html>
5<html lang="en">
6<head>
7 <meta charset="UTF-8" />
8 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9 <title>Harbor Lane Studio</title>
10 <style>
11 * {
12 box-sizing: border-box;
13 margin: 0;
14 padding: 0;
15 font-family: Verdana, sans-serif;
16 }
17
18 body {
19 background-color: #f2efe9;
20 color: #2b2b31;
21 }
22
23 header {
24 background-color: #2b2b31;
25 color: #f4f2ee;
26 padding: 24px;
27 text-align: center;
28 }
29
30 nav {
31 background-color: #4a4a55;
32 padding: 12px;
33 text-align: center;
34 }
35
36 nav a {
37 color: #f4f2ee;
38 margin: 0 18px;
39 text-decoration: none;
40 }
41
42 .nav a:focus {
43 outline-offset: 3px;
44 }
45