<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>My Website</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h4>Dreams for Schools: BGCGG Walton Website Development</h4>
</header>
<!----------- Begin coding below! ----------->
<!-- Write the name of your Engineering project -->
<h1>All About My ______</h1>
<div id="about-me">
<!-- Introduce Yourself:
In the <h2> tag, write a short phrase to welcome people to your website.
-- EMOJIS --
You can even add an emoji by writing its "unicode." -->
<h2>Hi I'm ____! 🍡</h2>
<p>
<!-- Write some sentences about the project you built: your favorite part, the hardest part to build, how you would use it in real life -->
</p>
<h3>Facts about my project:</h3>
<!-- Below is a bullet point list in HTML.
Each bullet is wrapped with the <li> tag. List 3 or more facts about your project. -->
<ul>
<li>FACT ONE</li>
<li>FACT TWO</li>
<li>FACT THREE</li>
</ul>
</div>
<!-- Share your favorite movie/show -->
<div id="favorite-media">
<!-- In <h2> give a title for this section about your favorite media: -->
<h2>FAVORITE SHOW/MOVIE</h2>
<p>
<!-- Write a few sentences on why this movie/show is so good! -->
</p>
<!-- Adding an Image -->
<!-- <img src="_____"> -->
<!-- Adding a Link -->
<!-- <a href="______" target="_blank">NAME OF LINK</a> -->
</div>
<!-- Share something you like to do! -->
<div id="my-hobbies">
<!-- In <h2> give a title for this activity: -->
<h2>ACTIVITY NAME</h2>
<p>
<!--Inside <p>, tell us a little more about this activty -->
</p>
<!-- Adding an Image: -->
<!-- <img src="______"> -->
<!-- Adding a Link: -->
<!-- <a href="______" target="_blank">NAME OF LINK</a> -->
</div>
<div id="famous-women">
<h2>Famous Women in Tech</h2>
<!-- Here's some women in tech and some cool facts.
Pick your favorite and fill in this section with the information given below. Add a picture of them too! -->
<!-- Famous Women in Tech:
*** Ada Lovelace ***
Thought to be the first computer programmer ever! We celebrate her on Ada Lovelace Day on every second Tuesday in October.
*** Grace Hopper ***
A pioneer of compuer programming, she was one of the first programmers of the Harvard Mark I computer. Not only was she a computer programmer, but she was also an admiral in the US Navy.
*** Annie Easley ***
A computer scientist, mathemetician, and rocket scientist. Annie has helped NASA put rockets into space, help develop the first hybrid cars, and advocated for women and people of color in the workplace.
*** Elizabeth Feinler ***
Pioneered the predecessors to our modern day Internet. She helped develop the naming scheme we use for URL domain names today such as: .com, .edu, .gov, .org, and .net.
*** Donna Dubinsky ***
One of the creators of personal assistants, which she named PalmPilot. Think of Siri and Alexa; we wouldn't have them today if it weren't for Donna!
-->
<!-- In <h3> write who you want to showcase on your website: -->
<h3>FAMOUS FIGURE'S NAME</h3>
<!-- In the src attribute, type the folder name, forward slash (/), and then the full image name-->
<img src="famouswomen/_IMAGE_NAME_">
<p>
<!-- Copy and paste the description for your famous figure here -->
</p>
<p>
Of course, there's so many more amazing women to celebrate and learn
from. Women in Tech come from all over and have varying backgrounds; we
are all capable of great things like these women!
</p>
</div>
<!-- CHALLENGE: *JavaScript* Random Cat/Dog Image Button!
For this challenge, you will need to fill in some code
in the script.js file. Don't forget to add any headers,
change button text, and customize in style.css -->
<!-- Uncomment the code below to see a new section on your website! (left uncommented so we can see it) -->
<!-- <div id="randomPictureContainer">
<div id="animalImage">
Your random animal image will appear in this < div >!
</div>
<button onclick="getRandom()">BUTTON_TEXT</button>
</div> -->
<!-- Added external JavaScript -->
<script src="script.js"></script>
<!-- *** DO NOT CHANGE CODE BELOW *** -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#F2F5FF" fill-opacity="1"
d="M0,64L26.7,64C53.3,64,107,64,160,69.3C213.3,75,267,85,320,90.7C373.3,96,427,96,480,96C533.3,96,587,96,640,106.7C693.3,117,747,139,800,149.3C853.3,160,907,160,960,149.3C1013.3,139,1067,117,1120,128C1173.3,139,1227,181,1280,181.3C1333.3,181,1387,139,1413,117.3L1440,96L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z">
</path>
</svg>
<footer>
<a href="https://www.dreamsforschools.org/" target="_blank">
<img src="https://www.dreamsforschools.org/wp-content/uploads/2018/11/DFS_Logo_Full-Color_Horizontal.svg"
class="DFSlogo">
</a>
<p>This workshop was hosted by
<a href="https://www.dreamsforschools.org/" target="_blank">Dreams for Schools</a>
</p>
<p>If you enjoyed the workshop, check out the programs we offer:</p>
<a href="https://www.dreamsforschools.org/programs/" class="button" target="_blank">our programs</a>
</footer>
</body>
</html>
