Template Bio Page for Creative Coding

Developer
Shaunalynn
Size
2,594 Kb
Views
6,072
  1. Template Bio Page for Creative Coding Previews
  2. Template Bio Page for Creative Coding HTML Codes
  3. Template Bio Page for Creative Coding CSS Codes

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 Previews
IQ Test

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;
}
Template Bio Page for Creative Coding - Script Codes
Template Bio Page for Creative Coding - Script Codes
Home Page Home
Developer Shaunalynn
Username duffles
Uploaded January 30, 2023
Rating 3
Size 2,594 Kb
Views 6,072
Do you need developer help for Template Bio Page for Creative Coding?

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!

Shaunalynn (duffles) Script Codes
Name
Alec Resnick
Shaunalynn Duffy
Linking a picture from github
A Pen by shaunalynn
Playing a video when you click
Molly Josephs
Create amazing captions with AI!

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!