Skip to content

Instantly share code, notes, and snippets.

View khazelton77's full-sized avatar

Keri Hazelton khazelton77

1 follower · 1 following
View GitHub Profile
@khazelton77
khazelton77 / about.html
Created April 18, 2016 20:12
The 'About' page for my Portfolio website
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About Me</title>
<!--[if lt IE9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
@khazelton77
khazelton77 / about.html
Created April 19, 2016 18:34
Updated about.html and css files
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About Me</title>
<!--[if lt IE9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
@khazelton77
khazelton77 / contact.html
Created April 20, 2016 14:08
Contact page and css file
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width-initial scale=1">
<title>Contact</title>
<!--[if lt IE9]>
<script src="dist/html5shiv.js"></script>
<![endif] -->
@khazelton77
khazelton77 / about.html
Created April 20, 2016 18:18
Navigation bar on About and Contact pages
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About Me</title>
<!--[if lt IE9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
<link rel="normalize" href="css/normalize.css">
@khazelton77
khazelton77 / faq.html
Created April 21, 2016 20:32
FAQ page and updated css
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FAQ</title>
<!--[if lt IE9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
@khazelton77
khazelton77 / index.html
Created April 22, 2016 20:06
This is an update of my index.html that includes an image carousel along with an updated css file.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Keri Hazelton. Web Developer Extraordinaire!</title>
<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
@khazelton77
khazelton77 / styles.css
Created April 24, 2016 13:55
work.html and updated styles.css
.carousel-caption h1 {
color: #804000;
}
.carousel-caption h3 {
color: black;
font-size: 4em;
margin-bottom: -250px;
font-family: Poiret One, Arial, sans-serif;
text-shadow: 0 1px 1px #fff;
@khazelton77
khazelton77 / index.html
Created April 25, 2016 16:19
Single Page with smooth scrolling and parallax effect
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Keri Hazelton. Web Developer Extraordinaire!</title>
<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
@khazelton77
khazelton77 / index.html
Created April 26, 2016 01:36
Finished single page navigation, smooth scrolling and css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Keri Hazelton. Web Developer Extraordinaire!</title>
<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
@khazelton77
khazelton77 / index.html
Created April 26, 2016 15:09
Social media buttons, copyright, and embedded video in footer
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Keri Hazelton. Web Developer Extraordinaire!</title>
<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>