Skip to content

Instantly share code, notes, and snippets.

@jmaldo
jmaldo / index.html
Created April 30, 2018 04:47
Project Rubric: Mockup to blog article
<!DOCTYPE html>
<html lang="en"
<head>
<meta charset="UTF-8">
<title>Humans vs Machines Blog</title>
</head>
<body>
<h1>Humans vs Machines: An AI Odyssey</h1>
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:47
Udacity 6.6 Using Attributes
<!DOCTYPE html>
<!-- Instructions: Using the provided HTML and CSS, add the correct attributes to the HTML to replicate the same webpage pictured below. -->
<html>
<head>
<meta charset="utf-8">
<title>Using Attributes Quiz</title>
<style>
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:47
Udacity 6.7 Slacker Card Quiz
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Slacker Card</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300" rel="stylesheet" type="text/css">
<meta name="udacity-grader" content="tests.json">
<style>
* {
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:46
Udacity 6.8 Site Header
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Udacity Site Header</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300" rel="stylesheet" type="text/css">
<meta name="udacity-grader" content="tests.json">
<style>
* {
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:42
Udacity 6.10 Link to StyleSheet
<!DOCTYPE html>
<!-- Instructions: Add a link to the stylesheet 'styles.css' at the designated spot below. -->
<!-- Hints:
* sample link: <link href="path-to-stylesheet/stylesheet.css" rel="stylesheet">
* path to stylesheet: "css/styles.css"
-->
<html>
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:42
Udacity 6.2 Style An Image
<!DOCTYPE html>
<!-- Instructions: Replicate the same styling seen in the kitten image below. -->
<html>
<head>
<title>Style an Image Quiz</title>
<style>
.kitten-image {
border: dashed;
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:41
Udacity 6.3 Style The Font
<!DOCTYPE html>
<!-- Instructions: Replicate the same styling seen in the Udacity text below. -->
<html>
<head>
<title>Style the Font Quiz</title>
<style>
.udacity-text {
font-family: Helvetica, Arial, sans-serif;
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:41
Udacity 6.5 Writing Selectors
<!DOCTYPE html>
<html>
<head>
<title>Writing Selectors Quiz</title>
<style>
#menu {
text-align: center;
}
.item {
color: red;
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:40
Udacity 3.5 Make All the Headers
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Headers Quiz</title>
<!-- the next line loads the tests for the Udacity Feedback extension -->
<meta name="udacity-grader" content="http://udacity.github.io/fend/fend-refresh/lesson2/problem-set/headers/tests.json">
</head>
<body>
<p>Add your headers below this paragraph element! Add an h1, h2, h3, and h4 to finish the quiz. And make sure every header has text content :)</p>
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:40
Udacity 3.6 Make a List
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lists Quiz</title>
<!-- the next line loads the tests for the Udacity Feedback extension -->
<meta name="udacity-grader" content="http://udacity.github.io/fend/fend-refresh/lesson2/problem-set/lists/tests.json">
</head>
<body>
<p>Create an unordered list! Make a list of the three web languages: HTML, CSS and JavaScript.</p>