Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
This is a basic web page built with HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Introduction to winter camping</title>
<style>
html {
max-width: 800px;
}
body {
background-color: white;
margin: 0 4rem;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.15rem;
}
section {
border-bottom: lightblue solid 2px;
}
h1 {
font-size: 3em;
}
ul,
li {
list-style: square;
}
em {
color: red;
}
</style>
</head>
<body>
<h1>Winter Camping for Beginners</h1>
<section>
<h2>Introduction</h2>
<p>
With careful planning and preparation, winter camping can be an
amazing experience. If you're thinking about going camping in
the winter, this page is a great place to start.
</p>
</section>
<section>
<h2>Winter Camping Gear</h2>
<p>
<mark>Winter camping</mark> requires a bit more gear than a
summer camping trip would. It's
<strong>important to be prepared</strong> for the cold
temperatures which <em>can become dangerous.</em> Here is a list
of gear that would be helpful when <mark>winter camping.</mark>
</p>
<ul>
<li>Snowshoes</li>
<li>
<a
href="https://www.rei.com/c/backpacking-tents/f/se-4-season"
>Winter tent</a
>
</li>
<li>
<a
href="https://www.rei.com/c/sleeping-bags-and-accessories"
>Cold-weather sleeping bag</a
>
</li>
<li>Insulated sleeping pad</li>
<li>Handwarmers & footwarmers</li>
<li>Winter boots</li>
</ul>
</section>
<section>
<h2>Winter camping pics</h2>
<p>Here are some of my fav photos from winter camping!</p>
<img
src="https://images.unsplash.com/photo-1455496231601-e6195da1f841?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
alt="a picture of a tent during a winter snow storm"
/>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment