Alec Resnick
How do I make an alec resnick?
What is a alec resnick? How do you make a alec resnick? This script and codes were developed by Shaunalynn on 30 January 2023, Monday.
Alec Resnick - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Alec Resnick</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="column1"> <h1>Alec</h1> <div class="headshot"></div>
</div>
<div class="column2"> <div class="bio"> <p>Compelled by computation’s potential to transform learning, Alec cares about the tools we use to think & explore. Before sprout, he studied math & physics at MIT and co-founded nublabs, an electromechanical design firm where he built learning tools & toys.</p> <p>He didn't actually write this bio for the class; we just lifted it from <a href="http://thesprouts.org">sprout's website</a> as a placeholder til he writes a new one this week!)</p> </div> <h2>Creative Computer Programming Porfolio</h2> <ul class="portfolio"> <li><a target="_blank" href="https://github.com/dgmd/letterpress-clone">an online version of the game letterpress</a></li> <li><a target="_blank" href="https://github.com/dgmd/osmos-clone">my own version</a> of an amazing game called <a href="http://www.osmos-game.com/">osmos</a></li> <li><a target="_blank" href="https://gist.github.com/aresnick/480a98f55218defcc7453db58eb771d8">a beautiful tracing animation</a></li> </ul>
</div>
</body>
</html>
Alec Resnick - Script Codes CSS Codes
.column1 { width:40%; height:100%; float:left;
}
.column1 h1 { text-align:center;
}
.home { position:fixed; top:40px; right:50px;
}
.headshot { height:450px; width:450px; margin:auto; background-image:url('https://s3-us-west-2.amazonaws.com/ccp-media/alec.JPG'); background-size:contain;
}
.column2 { width:56%; height:100%; float:left; padding:8% 2% 0 2%;
}
body { margin:0; padding:0; font-family:Helvetica; font-size:22px;
}
a { color:teal; text-decoration:none;
}
a:hover { color:purple;
}
Developer | Shaunalynn |
Username | duffles |
Uploaded | January 30, 2023 |
Rating | 3 |
Size | 2,177 Kb |
Views | 6,072 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
A Pen by shaunalynn | 1,736 Kb |
Shaunalynn Duffy | 2,651 Kb |
Template Bio Page for Creative Coding | 2,594 Kb |
Playing a video when you click | 1,774 Kb |
Linking a picture from github | 1,232 Kb |
Molly Josephs | 2,527 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Transitioning application screens with semantically named classes | Djgrant | 3,697 Kb |
Animated Vertical CSS3 Menu Black | MaCeLMp4 | 2,750 Kb |
Faces SVG animation | ScavengerFrontend | 2,957 Kb |
Scifi-style Interative Form | Aaronchuo | 4,566 Kb |
Plotting Points with D3.js | Laurakelly | 31,996 Kb |
Glitchy Text Effect | Kescoe | 2,208 Kb |
Rain Landing in a Pond | Edball | 3,009 Kb |
E-mail Template | SoloMDFK | 4,871 Kb |
Promodoro | Bencarp | 1,712 Kb |
Adding and Removing Element | Accimeesterlin | 2,119 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!