Skip to content

Instantly share code, notes, and snippets.

View Socratic1's full-sized avatar

Samuel (Sam) Phillips Socratic1

View GitHub Profile
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sam Phillips. Web Developer: Work</title>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
body {
background-color: white;
}
.nav {
background: -webkit-linear-gradient(left, rgba(0, 0, 0, .90) , rgba(13, 55, 13, .90)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgba(0, 0, 0, .90) , rgba(13, 55, 13, .90)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(0, 0, 0, .90) , rgba(13, 55, 13, .90)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, rgba(0, 0, 0, .90) , rgba(13, 55, 13, .90)); /* Standard syntax */
position: fixed;
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sam Phillips. Web Developer: FAQ</title>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- jQuery -->
* { box-sizing: border-box; }
body {
/* text-align: center; */
background-color: white;
}
p { margin: 0; }
/* navigation */
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sam Phillips. Web Developer: Contact</title>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- jQuery -->
.nav {
background: -webkit-linear-gradient(left, rgba(0, 0, 0, .90) , rgba(241, 145, 50, .90)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgba(0, 0, 0, .90) , rgba(241, 145, 50, .90)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(0, 0, 0, .90) , rgba(241, 145, 50, .90)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, rgba(0, 0, 0, .90) , rgba(241, 145, 50, .90)); /* Standard syntax */
position: fixed;
width: 100%;
top: 0;
padding: .4% 10.7% .25%;
z-index: 1;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sam Phillips. Web Developer</title>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- jQuery -->
* { box-sizing: border-box; }
body {
background-color: #fffeea;
color: #34495e;
}
/* navigation */
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sam Phillips. Web Developer: About</title>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- jQuery -->