Template Bio Page for Creative Coding
How do I make an template bio page for creative coding?
What is a template bio page for creative coding? How do you make a template bio page for creative coding? This script and codes were developed by Shaunalynn on 30 January 2023, Monday.
Template Bio Page for Creative Coding - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Template Bio Page for Creative Coding</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!-- Click the "Fork" button in the upper right hand of this screen. Create a Codepen account if you'd like, and then start to check out the HTML written in this panel. Change the text and other elements so they are representative of you!" -->
<div class="column1"> <!-- Place your name here: --> <h1>YOU!</h1> <div class="headshot"></div>
</div>
<div class="column2"> <div class="bio"> <!-- Write your own description of yourself here: --> <p>Click the <code>Fork</code> button above to create your own version of this template to edit. You may want to create a <a target="_blank" href="https://codepen.io">Codepen</a> account first.</p> <p>Write whatever you'd like us to know about you here. Why do you want to code? What are some of your favorite digital projects? What are some things, totally unrelated to coding, that you really love? Sports? Art? Music? What do you love? What do you hate? What are you going to have for dinner? What do you think about sea horses? It's all up to you!</p> </div> <h2>Creative Computer Programming Porfolio</h2> <ul class="portfolio"> <!-- And replace these links and titles with your own stuff, as you begin to program this week! --> <li><a target="_blank" href="https://s3.amazonaws.com/dgmde15/duffles.github.io/phys-pomes.JPG">you'll fill in these links as you go with the class</a></li> <li><a target="_blank" href="http://scratch.mit.edu/projects/105854541/">you might start by linking to the scratch project you made this morning</a></li> <li><a target="_blank" href="https://codepen.io/duffles/pen/RrBGJE">and later you might include other things you build this week</a></li> </ul>
</div>
</body>
</html>
Template Bio Page for Creative Coding - Script Codes CSS Codes
/* This page is all the styling for the page you see below. It sets up the two columns, sizes the image and text, colors the links, and spaces everything out. You can change anything you'd like here, in order to make the page more represent you! */
.column1 { width:40%; height:100%; float:left;
}
.column1 h1 { text-align:center;
}
.headshot { height:450px; width:450px; margin:auto; /* This is the one thing you should definitely change! As it's pointing to Shaunalynn's picture right now! */ background-image:url('http://www.freevectors.net/files/large/BlackCatHeadVector.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,594 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 |
Template Bio Page for Creative Coding | 2,594 Kb |
A Pen by shaunalynn | 1,736 Kb |
Shaunalynn Duffy | 2,651 Kb |
Alec Resnick | 2,177 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 |
Sassy Buttons | Elyseholladay | 2,299 Kb |
Knob rotation | Alemesre | 2,122 Kb |
Ripples in water | Nobitagit | 2,704 Kb |
Loading animation with css | Icebob | 2,947 Kb |
Price table | Serluk | 5,928 Kb |
Dragonball Dragon Radar | DouglasGlover | 2,157 Kb |
Google Chrome Icon using Pure CSS in one DIV | Grssam | 3,627 Kb |
Two column of responsive height | Fixie | 2,908 Kb |
Parallax-ish Sliding Content | Jdsteinbach | 2,748 Kb |
Polygon Dodecahedron in CSS | Vennsoh | 7,606 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!