Skip to content

Instantly share code, notes, and snippets.

View A-J-C's full-sized avatar

Alex C A-J-C

32 followers · 8 following
View GitHub Profile
@A-J-C
A-J-C / index.html
Created May 30, 2013 18:11
A CodePen by Alex C. Random 1
<!DOCTYPE html>
<html>
<head>
<title>Slide Panel</title>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css"></link>
</head>
<body>
<div class="panel">
<br />
@A-J-C
A-J-C / index.html
Created May 30, 2013 18:16
A CodePen by Alex C.
<!DOCTYPE html>
<html>
<head>
<title>Check 'this' Out!</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<div></div>
<div></div>
@A-J-C
A-J-C / index.html
Created May 30, 2013 18:17
A CodePen by Alex C.
<!DOCTYPE html>
<html>
<head>
<title>Vanishing Act</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<div class="vanish"></div>
<div class="vanish"></div>
@A-J-C
A-J-C / index.html
Created May 30, 2013 18:19
A CodePen by Alex C. Practice 3
<!DOCTYPE html>
<html>
<head>
<title>Vanishing Act</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<div class="vanish"></div>
<div class="vanish"></div>
@A-J-C
A-J-C / index.html
Created May 30, 2013 18:19
A CodePen by Alex C. Practice 4
<!DOCTYPE html>
<html>
<head>
<title>Result</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<div class='red'></div>
<div></div>
@A-J-C
A-J-C / index.html
Created May 30, 2013 20:34
A CodePen by Alex C.
<!DOCTYPE>
<html>
<head>
<title>My Website</title>
</head>
<body>
<div id = "container">
<h1>Welcome to My Website</h1>
@A-J-C
A-J-C / index.html
Created May 30, 2013 21:18
A CodePen by Alex C. Password timer
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<input type="password"/>
<label id="password-label">Enter a Password</label>
</body>
@A-J-C
A-J-C / index.html
Created May 31, 2013 18:20
A CodePen by Alex C. Building a Calculator
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<link rel="stylesheet" href="style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div id="calculator">
@A-J-C
A-J-C / index.html
Created June 1, 2013 21:31
A CodePen by Alex C. LogIn screen - A simple login in screen to test out css and some jQuery.
<body>
<!-- log in box -->
<div id="hint1"><h3>username: master</h3></div>
<div id="hint2"><h3>password: 123456789</h3></div>
<div id="center">
<div id="form_sheet">
<div id="form_title"><h2>Note Book</h2></div>
<div id="message_login"></div>
<input type="text" name="name" id="name" placeholder="username" />
@A-J-C
A-J-C / index.html
Created June 1, 2013 21:33
A CodePen by Alex C. Backlight Message - Click the press button to make a special message come to life!
<body>
<div id="press_button">Press</div>
<div id="space"><div id="line"></div><div id="time"></div>Don't for get to read all the articles on how to be a better person. It might come in handy! Or not...</div>
</body>