Skip to content

Instantly share code, notes, and snippets.

@renemorozowich
Last active June 20, 2019 14:07
Show Gist options
  • Save renemorozowich/0e9209d065a024454577b22fc8488c9e to your computer and use it in GitHub Desktop.
Save renemorozowich/0e9209d065a024454577b22fc8488c9e to your computer and use it in GitHub Desktop.
Basic index.html file with additional features
<!DOCTYPE html>
<html>
<head>
<title>My Favorite Outdoor Summer Activities</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat|Playfair+Display&display=swap" rel="stylesheet">
</head>
<body>
<h1>My Favorite Outdoor Summer Activities</h1>
<p class="intro">It's summer time again! I love summer in Western PA because there are so many options for fun outdoor activities. Cake sweet jelly. Toffee gummies ice cream halvah sesame snaps jelly-o ice cream brownie. Cotton candy sweet lollipop chocolate sweet roll croissant oat cake ice cream candy. Chocolate bar donut apple pie oat cake.</p>
<button id="btn-content">Show/Hide Content</button>
<div id="content">
<!-- First section kayaking -->
<h2>Kayaking</h2>
<p>My absolute favorite summer activity is kayaking. I like to head down to the Yough River with my friends on a Saturday and float down the river. I don't own a kayak, but love to rent one at <a href="http://www.hazelbakerscanoes.com/" target="_blank">Hazelbaker's</a>.</p>
<p>We start the day by stopping at GetGo for snacks. Once we get to Hazelbaker's, they drive us upstream. We take our time floating, often stopping to eat our snacks or to swim. Ending the day is fun, too, as we'll get ice cream.</p>
<figure>
<img src="img/kayak-river.jpg" width="100%" alt="Kayak on river"/>
<figcaption>Kayak on river</figcaption>
</figure>
<!--<iframe width="80%" height="400" src="https://www.youtube.com/embed/TAEkR13ChPs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
<!-- Second section bike riding -->
<h2>Bike Riding</h2>
<div class="container">
<div class="floated">
<figure>
<img src="img/bicycle.jpg" width="100%" alt="Bicycle parked in the city"/>
<figcaption>Photo by Dakota Corbin on Unsplash</figcaption>
</figure>
</div>
<p>Another one of my favorite summer activities is bike riding. My son just learned to ride his bike, so I'm looking forward to taking him to the <a href="https://gaptrail.org/" target="_blank">GAP Trail</a>. I like the portion between West Newton and Cedar Creek.</p>
<p>Other trails I'd like to try include:</p>
<ul>
<li><a href="https://www.co.westmoreland.pa.us/1007/Five-Star-Trail" target="_blank">Five Star Trail</a></li>
<li><a href="https://friendsoftheriverfront.org/trails/three-rivers-heritage-trail/" target="_blank">Three Rivers Heritage Trail</a></li>
<li><a href="https://visitpa.com/pa-biking/eliza-furnace-trail" target="_blank">Eliza Furnace Trail</a></li>
</ul>
</div>
<div class="clear"></div>
<!-- Third section hiking -->
<h2>Hiking</h2>
<p>Cake sweet jelly. Toffee gummies ice cream halvah sesame snaps jelly-o ice cream brownie. Cotton candy sweet lollipop chocolate sweet roll croissant oat cake ice cream candy. Chocolate bar donut apple pie oat cake.</p>
<figure>
<img src="img/path-forest.jpg" width="100%" alt="Path through a forest"/>
<figcaption>Photo by Eric Muhr on Unsplash</figcaption>
</figure>
</div>
</body>
<script scr="script.js"></script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment