kccnma/summersite-blog.html

## summersite-blog.html
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Summer Site 2019 | Blog</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-blog">
    <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>Blog</h2>
            <p>Notes taken as I learned web design this summer</p>
        </section>
        <section class="blog-archives">

            <article class="blog-entry">

                <h3>Week 2</h3>
                <div class="date">06/21/2019</div>
                <p>I deleted all of the the styling (CSS) that I did last week, and started adding in essential HTML and
                    CSS, such as common structural markup (e.g. header, nav, footer, etc.). I also created three
                    category-based lists as the content of my home page. I then created two sub pages: about.html and
                    blog.html. The About page contains links to the primary resources and technologies learned in this
                    class. The Blog page contains a brief summary of what I did in class each week. At the end of this
                    week, I had a live, working web site with three pages: <a
                        href="https://iwebstudent001.github.io/index.html">Home</a>, <a
                        href="https://iwebstudent001.github.io/about.html">About</a>, and <a
                        href="https://iwebstudent001.github.io/blog.html">Blog</a>.</p>

            </article>

            <article class="blog-entry">

                <h3>Week 1</h3>
                <div class="date">06/14/2019</div>
                <p>I learned how to create a live website hosted on Github. I first logged into Github.com, then I
                    created a root username repository named <a
                        href="https://github.com/iwebstudent001/iwebstudent001.github.io">iwebstudent001.github.io</a>.
                    Next I used the Terminal app to
                    clone the repo to my local computer desktop (via CLI: git clone). Then I used a code editor named VS
                    Code to edit the readme file (in a language called Markdown). Then I created a index.html file (the
                    home page) along with a style.css file. At the end of each day, I save my changes (via git commit)
                    and upload them to the server (via git push). At the end of the week, I had a live, working web
                    site: <a href="https://iwebstudent001.github.io">https://iwebstudent001.github.io</a></p>

            </article>

        </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>
	<!doctype html>
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<title>Summer Site 2019 \| Blog</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-blog">
	<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>Blog</h2>
	<p>Notes taken as I learned web design this summer</p>
	</section>
	<section class="blog-archives">

	<article class="blog-entry">

	<h3>Week 2</h3>
	<div class="date">06/21/2019</div>
	<p>I deleted all of the the styling (CSS) that I did last week, and started adding in essential HTML and
	CSS, such as common structural markup (e.g. header, nav, footer, etc.). I also created three
	category-based lists as the content of my home page. I then created two sub pages: about.html and
	blog.html. The About page contains links to the primary resources and technologies learned in this
	class. The Blog page contains a brief summary of what I did in class each week. At the end of this
	week, I had a live, working web site with three pages: <a
	href="https://iwebstudent001.github.io/index.html">Home</a>, <a
	href="https://iwebstudent001.github.io/about.html">About</a>, and <a
	href="https://iwebstudent001.github.io/blog.html">Blog</a>.</p>

	</article>

	<article class="blog-entry">

	<h3>Week 1</h3>
	<div class="date">06/14/2019</div>
	<p>I learned how to create a live website hosted on Github. I first logged into Github.com, then I
	created a root username repository named <a
	href="https://github.com/iwebstudent001/iwebstudent001.github.io">iwebstudent001.github.io</a>.
	Next I used the Terminal app to
	clone the repo to my local computer desktop (via CLI: git clone). Then I used a code editor named VS
	Code to edit the readme file (in a language called Markdown). Then I created a index.html file (the
	home page) along with a style.css file. At the end of each day, I save my changes (via git commit)
	and upload them to the server (via git push). At the end of the week, I had a live, working web
	site: <a href="https://iwebstudent001.github.io">https://iwebstudent001.github.io</a></p>

	</article>

	</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>