zempo/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width">
    <title>Sally Student | About Me</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <meta name="description" content="This is the most recent copy of my resume for my website: www.SallyStudent.com">
  </head>
  <body>
  <nav>
    <ul>
      <li><a href="/">Home</a></li>
      <li><a href="/about_me">About me</a></li>
      <li><a href="/blog">Blog</a></li>
    </ul>
  </nav>

  <header>
    <h1>About me</h1>
  </header>
<hr>
  <main>
    <section>
      <header>
        <h2>Skills</h2>
      </header>
      <ol>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>NODE JS</li>
      </ol>
    </section>
 <hr>
    <section>
        <header>
            <h2>Favorite Quotes</h2>
        </header>

            <blockquote lang="ru">
                Бо́гу моли́сь, а добра́-ума́ держи́сь.
            </blockquote>
            <p>-- a Russian proverb.</section></p>


    </section>
  <hr>
    <section>
      <header>
        <h2>Contact Info</h2>
      </header>

      <p>Twitter: <a href="https://twitter.com/sallyStudent">@sallyStudent</a></p>
    </section>
  </main>
  <hr>
  <footer>© 2017 Sally A. Student</footer>
  </body>
</html>

## style.css
body {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-weight: bold;
  background: #BDE5D2;
  color: #D8226D;
  text-transform: uppercase;
}

main {
    text-align: center;
    align-content: center;
}

hr {
    background: #D8226D;
    height: 5px;
}

nav > ul {
    margin-top: 40px;
    list-style-type: none;
    list-style-position: initial;
}

nav > ul > li {
    font-size: 35px;
}

ul a {
    text-transform: uppercase;
}

a {
    color: purple;
    text-decoration: none;
    text-transform: none;
}

h1 {
  text-align: center;
  font-size: 50px;
}

h2 {
    font-size: 35px;
}

p, li {
  font-size: 25px;
}

ol {
    line-height: 1.5;
    list-style-position: inside;
}

blockquote {
    font-size: 25px;
}
blockquote:before{
    content:"\201C";
  }

 blockquote:after {
   content:"\201D";
  }

footer {
    font-size: 25px;
    text-align: center;
}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width">
	<title>Sally Student \| About Me</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
	<meta name="description" content="This is the most recent copy of my resume for my website: www.SallyStudent.com">
	</head>
	<body>
	<nav>
	<ul>
	<li><a href="/">Home</a></li>
	<li><a href="/about_me">About me</a></li>
	<li><a href="/blog">Blog</a></li>
	</ul>
	</nav>

	<header>
	<h1>About me</h1>
	</header>
	<hr>
	<main>
	<section>
	<header>
	<h2>Skills</h2>
	</header>
	<ol>
	<li>HTML</li>
	<li>CSS</li>
	<li>JavaScript</li>
	<li>jQuery</li>
	<li>NODE JS</li>
	</ol>
	</section>
	<hr>
	<section>
	<header>
	<h2>Favorite Quotes</h2>
	</header>

	<blockquote lang="ru">
	Бо́гу моли́сь, а добра́-ума́ держи́сь.
	</blockquote>
	<p>-- a Russian proverb.</section></p>


	</section>
	<hr>
	<section>
	<header>
	<h2>Contact Info</h2>
	</header>

	<p>Twitter: <a href="https://twitter.com/sallyStudent">@sallyStudent</a></p>
	</section>
	</main>
	<hr>
	<footer>© 2017 Sally A. Student</footer>
	</body>
	</html>
	body {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: bold;
	background: #BDE5D2;
	color: #D8226D;
	text-transform: uppercase;
	}

	main {
	text-align: center;
	align-content: center;
	}

	hr {
	background: #D8226D;
	height: 5px;
	}

	nav > ul {
	margin-top: 40px;
	list-style-type: none;
	list-style-position: initial;
	}

	nav > ul > li {
	font-size: 35px;
	}

	ul a {
	text-transform: uppercase;
	}

	a {
	color: purple;
	text-decoration: none;
	text-transform: none;
	}

	h1 {
	text-align: center;
	font-size: 50px;
	}

	h2 {
	font-size: 35px;
	}

	p, li {
	font-size: 25px;
	}

	ol {
	line-height: 1.5;
	list-style-position: inside;
	}

	blockquote {
	font-size: 25px;
	}
	blockquote:before{
	content:"\201C";
	}

	blockquote:after {
	content:"\201D";
	}

	footer {
	font-size: 25px;
	text-align: center;
	}