Skip to content

Instantly share code, notes, and snippets.

@jmaldo
jmaldo / index.html
Created April 30, 2018 04:31
Udacity 3.7 Tree to HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tree to HTML</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/tree-to-html/tests.json">
</head>
<body>
<h1>My Header!</h1>
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:35
Udacity Pixel Art Project - JM
<html>
<head>
<title>Pixel Art Maker!</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Monoton">
<link rel="stylesheet" href="styles.css">
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:36
Udacity Project 2 Lesson 8- Animal Trading Card
<!DOCtYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="styles.css" rel="stylesheet">
<title>Animal Trading Cards</title>
</head>
<body>
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:37
Udacity 3.11 Figures
<figure>
<img src="redwoods_state_park_jpg" alt="Stout Memorial Grove in Jedediah Smith Redwoods State Park">
<figcaption>
Stout Memorial Grove in Jedediah Smith Redwoods State Park in 2011 by Chmee2 (Own work) GFDL or CC BY-SA 3.0 via Wikimedia Commons - <a href="https://commons.wikimedia.org/wiki/File%3AStout_Memorial_Grove_in_Jedediah_Smith_Redwoods_State_Park_in_2011_(22).JPG">Source</a>
</figcaption>
</figure>
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:37
Udacity 3.9 Add An Image
<img src="http://udacity.github.io/fend/images/udacity.png" alt="Udacity logo">
@jmaldo
jmaldo / index.html
Created April 30, 2018 04:38
Udacity 3.8 Constructing Links
<a href="https://www.google.com">Google</a>
@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>
@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: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: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;