Skip to content

Instantly share code, notes, and snippets.

@fozzle

fozzle/index.html

Created November 15, 2016 03:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fozzle/96d259fc89bec640cb927b1308cadd8e to your computer and use it in GitHub Desktop.
Save fozzle/96d259fc89bec640cb927b1308cadd8e to your computer and use it in GitHub Desktop.
Download ZIP
Exported from Popcode. Click to import: https://popcode.org/?gist=96d259fc89bec640cb927b1308cadd8e
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>ScriptEd CSS Garden</title>
</head>
<body>
<h1 id="banner">ScriptEd CSS Site!</h1>
<h1 id="tagline">We love ScriptEd</h1>
<img src="http://i65.tinypic.com/qxvr46.jpg">
<p id="mission">ScriptEd equips students with the fundamental coding skills and professional experiences that together create access to careers in technology.</p>
<p id="about"> This year in ScriptEd we are going to create several websites, games and webapps! </p>
<h1 id="topics"> In ScriptEd we learn...</h1>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Git</li>
<li>jQuery</li>
</ul>
</body>
</html>
Raw
styles.css
body {
font-family: Helvetica, sans-serif;
padding: 15px;
background-color: #95d6f4;
color: #0e303f;
}
img {
width: 100px;
height: 100px;
margin: 35px 15px;
border-radius: 100%;
float: left;
}
#banner {
border: 2px dotted #0e303f;
padding: 15px;
margin: 0;
text-align: center;
}
#tagline {
font-style: italic;
font-size: 12px;
opacity: 0.5;
text-align: right;
}
p {
padding: 15px;
background: rgba(0,0,0,0.2);
border-radius: 4px;
font-weight: bold;
font-size: 14px;
}
#topics {
float: left;
padding: 15px;
}
ul {
text-align: right;
padding: 15px;
list-style: none;
font-style: italic;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment