Skip to content

Instantly share code, notes, and snippets.

@Steph-harris
Steph-harris / index.html
Created July 31, 2015 03:02
Ex. 19: Objects
<div class="container-fluid" id="work_1">
<div class="header">
<h1>Work</h1>
</div>
<div class="image" id="0"></div>
<div class="image" id="1"></div>
<div class="image" id="2"></div>
<div class="image" id="3"></div>
<div class="row" id="first">
<div class="col-xs-12 col-md-6">
@Steph-harris
Steph-harris / index.html
Created July 19, 2015 18:54
Ex. 18 Zebra Table
<!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 -->
@Steph-harris
Steph-harris / index.html
Created July 15, 2015 04:13
Ex. 17 JS charcount
<div class="contact_form col-md-5 col-lg-5">
<form class="form-inline">
<div class="form-group">
<label for="name">First Name</label>
<input type="text" maxlength="12" id="name" title="Enter your first name into the textbox" placeholder="Enter name here" class="form-control">
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="tel" maxlength="14" id="phone" title="Enter phone number" placeholder="Enter 10 digit phone #" class="form-control">
</div>
@Steph-harris
Steph-harris / scripts.js
Last active August 29, 2015 14:24
Ex. 16
$(document).ready(function(){
//all my code goes here
$("#usermessage").css("background-color", "silver");
$("#submit").on("click", function() {
console.log("clicked")
var comment = $("#usermessage").val();
comment = comment.toUpperCase();
console.log(comment)
$("#visible-comment").html(comment);
/*Master Style Sheet*/
* {box-sizing: border-box;}
body {
background-color: #2b2c29;
color: #307D7E;
}
/*Main Typography*/
h1, h2, h3 {
/*Master Style Sheet*/
* {box-sizing: border-box;}
body {
background-color: #2b2c29;
color: #307D7E;
}
/*Main Typography*/
h1, h2, h3 {
@Steph-harris
Steph-harris / Masterstyle.css
Created July 9, 2015 22:09
Ex. 15 Refactored CSS
/*Master Style Sheet*/
* {box-sizing: border-box;}
body {
background-color: #2b2c29;
color: #307D7E;
}
/*Main Typography*/
h1, h2, h3 {
@Steph-harris
Steph-harris / Masterstyle.css
Created July 9, 2015 22:09
Ex. 15 Refactored CSS
/*Master Style Sheet*/
* {box-sizing: border-box;}
body {
background-color: #2b2c29;
color: #307D7E;
}
/*Main Typography*/
h1, h2, h3 {
@Steph-harris
Steph-harris / Masterstyle.css
Created July 9, 2015 22:09
Ex. 15 Refactored CSS
/*Master Style Sheet*/
* {box-sizing: border-box;}
body {
background-color: #2b2c29;
color: #307D7E;
}
/*Main Typography*/
h1, h2, h3 {
@Steph-harris
Steph-harris / index.html
Created July 7, 2015 04:19
Ex. 14 Tooltips
<!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 -->