Bootcamp Notes – Day 6 (Sat) – Class Day using Zoom
First Day of Class using Zoom online
Well first day of Nucamp class on Zoom went pretty well. We had an icebreaker and introduced ourselves and then our instructor covered things we learned online during the week. Then we broke off into small groups to work on a simple HTML profile page. We were given about an hour to do it. Then we after that we showed our work to the class. You can see my work below. So much to learn. I am so used to drag and drop web page building like Wix or duda.co.
My code in all of it’s glory! What you think?
<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“utf-8” />
<title>Profile – Charles Shepherd</title>
</head>
<body style=“background-color:#26519f;“>
<h1>Profile – Charles Shepherd</h1>
<div><img src=“images/cslogoblue.jpg” alt = “Charles Shepherd photo” width=“100” height=“100”></div>
<nav>
<h2 style=“background-color: white;“><a href=“#aboutMe”>About Me</a> | <a href=“#interests”>My Interests</a> | <a href=“#mysites”>My Websites</a> | <a href=“#demoreel”>Demo Reel</a> | <a href=“#contact”>Contact Me</a></h2>
</nav>
<section ID=“aboutMe”>
<div><img src=“images/charlesheadphoto.jpg” alt = “Charles Shepherd photo” width=“300”></div>
<audio src=“mp3/Easyshortmusic.mp3” controls loop> Your browser does not support HTML5. Here is <a href=“mp3/Easyshortmusic.mp3”>a link to the audio</a> instead.</audio>
<h2>About Me</h2>
<ul>
<li>Born in Oakland, CA</li>
<li>I currently live in Sanford, Florida</li>
<li>Self Published Author</li>
<li>Product Photographer</li>
<li>360 Photographer</li>
<li>Multimedia Artist</li>
<li>BA from San Jose State University CADRE Program</li>
</ul>
</section>
<section ID=“interests”>
<h2>Interests</h2>
<ul>
<li>Hiking and biking</li>
<li>Digital Painting</li>
<li>Photography</li>
<li>Drawing</li>
<li>Writing</li>
<li>Pickleball Player</li>
<li>Disc Golf Player</li>
</ul>
</section>
<section ID=“mysites”>
<h2>My Personal Sites</h2>
<ul>
<li><a href=“http://www.cs360studio.biz” target=“blank”>My Portfolio Site</a></li>
<li><a href=“http://www.zanytalk.com” target=“blank”>My Zanytalk Site</a></li>
<li><a href=“http://www.charlesshepherd.net” target=“blank”>My Book: Don’t Let Me Die</a></li>
</ul>
</video>
</section>
<section ID=“demoreel”>
<h2>My Demo Reel On YouTube</h2>
<iframe width=“560” height=“315” src=“https://www.youtube.com/embed/pzJoSqSiHDc” frameborder=“0” allow=“accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
</section>
<section style=“background-color: white;“ ID=“contact”>
<h2>Contact Me</h2>
<p><a href=“mailto:chazman@ytemp.com”>Contact Me By Email</a></p>
<p><a href=“tel:5104448888”>Give Me A Call</a></p>
</section>
</body>
</html>
Also got a badge too!
