Skip to content

Instantly share code, notes, and snippets.

style.css
/*My first css entry never works...*/
h2 {color:gray;}
.jumbotron {
background-image: url("../img/fire.jpg");
background-size: contain;
}
.jumbotron p {
color:white;
cleaner.css
/*H1 header is just to take up space. First slot wasn't showing in the Cascade*/
h1 {color:gray;
font-family: Vivaldi, serif;
}
body {background-color: #B4B8B8;}
h2 {
text-align: left;
font-family: Verdana;
color:navy;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link style="text/css" rel="stylesheet" href="css/about_styles.css">
<title>Stephanie Harris Web</title>
<!--[if IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
@Steph-harris
Steph-harris / About.html
Last active August 29, 2015 14:22
Exercise 4 (Module 1)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link style="text/css" rel="stylesheet" href="css/about_styles.css">
<title>Stephanie Harris Web</title>
<!--[if IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
@Steph-harris
Steph-harris / about css
Last active August 29, 2015 14:22
Ex. 5 and 6 (Module 1)
/*about_styles.css*/
* {box-sizing: border-box;}
body {
background-color: #f5f2f2;
color: #008080;
}
.container {
width:80%;
margin: 0 auto;
}
@Steph-harris
Steph-harris / About css
Created June 3, 2015 19:44
Ex. 5 Revised
/*about_styles.css*/
* {box-sizing: border-box;}
body {
background-color: #f5f2f2;
color: #008080;
}
.container {
width:80%;
margin: 0 auto;
}
@Steph-harris
Steph-harris / About css
Created June 9, 2015 03:32
Ex. 7 (Bootstrap)
/*about_styles.css*/
* {box-sizing: border-box;}
body {
background-color: #f5f2f2;
color: #008080;
}
.container {
width:80%;
margin: 0 auto;
}
@Steph-harris
Steph-harris / index html
Created June 10, 2015 22:45
Ex.8 Background image
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Stephanie Harris Web</title>
<!-- Bootstrap core CSS -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<link style="text/css" href="css/bootstrap.css" rel="stylesheet">
<link style="text/css" href="css/style.css" rel="stylesheet">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Stephanie Harris Web</title>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<!--Bootstrap Javascript-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
@Steph-harris
Steph-harris / index html
Created June 13, 2015 18:10
Ex. 8 (carousel)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Stephanie Harris Web</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template go here -->