Skip to content

Instantly share code, notes, and snippets.

@kccnma

kccnma/summersite-about.html

Last active March 5, 2024 00:05
Show Gist options
  • Save kccnma/10a26eb306e8731a7d1a869f11e222aa to your computer and use it in GitHub Desktop.
Save kccnma/10a26eb306e8731a7d1a869f11e222aa to your computer and use it in GitHub Desktop.
Download ZIP
Summer Web Design Fun Site - About Page Example
Raw
summersite-about.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Summer Site 2019 | About</title>
<meta name="description" content="My Personal Web Site">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body class="page-sub page-about">
<header>
<div class="site-id">
<h1><a href="index.html">JD</a></h1>
</div>
<nav class="site-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero">
<h2>About</h2>
<p>I created this site as part of my summer project at Iolani.</p>
</section>
<section class="lists">
<div class="category">
<h3>Course Resources</h3>
<p>Primary Links used in this class</p>
<ul>
<li><a href="https://www.creativemedia.space/course/web-design-fun/">Web Design Fun</a></li>
<li>My Personal links:
<ul>
<li><a href="https://iwebstudent001.github.io">My Web site</a></li>
<li><a href="https://github.com/iwebstudent001/iwebstudent001.github.io">My Github Repo</a>
</li>
<li><a href="https://codepen.io/iwebstudent001/">My Codepen</a></li>
</ul>
</li>
</ul>
</div>
<div class="category">
<h3>Technologies</h3>
<p>Web technologies I learned and used this summer</p>
<ul>
<li><a href="https://www.w3schools.com/html/html_intro.asp">HTML</a></li>
<li><a href="https://www.w3schools.com/css/css_intro.asp">CSS</a></li>
</ul>
</div>
<div class="category">
<h3>Tools</h3>
<p>Web design services and software that I used this summer</p>
<ul>
<li><a href="https://github.com/">Github</a>
<ul>
<li><a href="https://pages.github.com/">Github Pages</a></li>
<li><a href="https://www.w3schools.com/whatis/whatis_github.asp">What is Github</a></li>
</ul>
</li>
<li><a href="https://www.w3schools.com/whatis/whatis_cli.asp">CLI</a> (via Mac OS <a
href="https://support.apple.com/guide/terminal/welcome/mac">Terminal</a>)</li>
<li><a href="https://code.visualstudio.com/">VS Code</a></li>
<li><a href="https://www.google.com/chrome/">Chrome</a>
<ul>
<li><a href="https://developers.google.com/web/tools/chrome-devtools/">Chrome Dev Tools</a>
</li>
</ul>
</li>
<li><a href="https://codepen.io">Codepen</a></li>
<li><a href="https://www.adobe.com/products/xd.html">Adobe XD</a></li>
<li><a href="https://www.adobe.com/products/photoshop.html">Adobe Photoshop</a></li>
<li><a href="https://www.adobe.com/products/illustrator.html">Adobe Illustrator</a></li>
</ul>
</div>
</section>
</main>
<footer>
<nav class="site-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</nav>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment