<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="static.css">
<title>static</title>
</head>
<body>
<header><h1>World of Beauty</h1></header>
<main>
<section><h2>Travel Lookbook</h2>
<div class="container"><p><img src="http://www.public.asu.edu/~jsevans5/images/GoldenGateBridge.jpg" alt="GoldenGate"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/CoitTower.jpg" alt="CoitTower"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/EiffelTower.jpg" alt="EiffelTower"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/BigBen.jpg" alt="BigBen"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/VeniceTower.jpg" alt="VeniceTower"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/VeniceBridge.jpg" alt="VeniceBridge"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/LomardStreet.jpg" alt="LomabardSt"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/FlorenceCathedral.jpg" alt="Florence"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/FlorenceBridge.jpg" alt="FlorenceBridge"></p>
</div>
</section>
</main>
<footer>
<p><small><em>Copyright © 2021 World of Beauty</em></small></p>
</footer>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="static.css">
<title>static</title>
</head>
<body>
<header><h1>World of Beauty</h1></header>
<main>
<section><h2>Travel Lookbook</h2>
<div class="container"><p><img src="http://www.public.asu.edu/~jsevans5/images/GoldenGateBridge.jpg" alt="GoldenGate"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/CoitTower.jpg" alt="CoitTower"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/EiffelTower.jpg" alt="EiffelTower"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/BigBen.jpg" alt="BigBen"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/VeniceTower.jpg" alt="VeniceTower"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/VeniceBridge.jpg" alt="VeniceBridge"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/LomardStreet.jpg" alt="LomabardSt"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/FlorenceCathedral.jpg" alt="Florence"></p>
<p><img src="http://www.public.asu.edu/~jsevans5/images/FlorenceBridge.jpg" alt="FlorenceBridge"></p>
</div>
</section>
</main>
<footer>
<p><small><em>Copyright © 2021 World of Beauty</em></small></p>
</footer>
</body>
</html>
@charset "utf-8";
/* static CSS */
html {
background-color:#5C6B70;
width: 1024px;
}
body {
color:#ECE4E4;
width: 1024px;
}
header, section, footer {
background-color: #cce3e3;
color: #000000;
border: 1px solid rgba(255,255,255,0.8);
margin-bottom: 10px;
border-radius: 3px;
}
h1 {
font-family: Brush Script MT;
font-size: 72px;
margin: 0 300px;
}
h2 {
visibility: hidden;
}
img {
height: 320px;
width: 320px;
border-radius: 10em;
}
header {
padding: 20px 0;
}
section {
padding: 20px 0;
}
footer {
padding: 1px 0;
clear: right;
}
.container {
column-count: 3;
width: 1024px;
margin: 0 auto;
}
/* static CSS */
html {
background-color:#5C6B70;
width: 1024px;
}
body {
color:#ECE4E4;
width: 1024px;
}
header, section, footer {
background-color: #cce3e3;
color: #000000;
border: 1px solid rgba(255,255,255,0.8);
margin-bottom: 10px;
border-radius: 3px;
}
h1 {
font-family: Brush Script MT;
font-size: 72px;
margin: 0 300px;
}
h2 {
visibility: hidden;
}
img {
height: 320px;
width: 320px;
border-radius: 10em;
}
header {
padding: 20px 0;
}
section {
padding: 20px 0;
}
footer {
padding: 1px 0;
clear: right;
}
.container {
column-count: 3;
width: 1024px;
margin: 0 auto;
}
http://www.public.asu.edu/~jsevans5/STATIC/
