wendy_website/index.html

110 lines
5.8 KiB
HTML
Raw Normal View History

2024-03-28 13:58:30 -07:00
<!DOCTYPE html>
<html>
<head>
<title>Wendy Moo Designs</title>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="stylesheet.css" type="text/css" rel="stylesheet" media="screen"/>
<link rel="icon" type="image/png" href="wendy_moo_logo_favicon.ico"/>
</head>
<!--Start of the website-->
<body>
<!--------------------------------Navigation Bar---------------------------------->
<nav id="navbar" class="light_gray">
<img src="wendy_moo_logo.svg" alt="Wendy Moo Logo">
<div>
<a href="#DESIGNS">Designs</a>
<a href="#WEBSITES">Websites</a>
<a href="#PROJECTS">Projects</a>
</div>
</nav>
<!--------------------------------The about Section------------------------------->
<div id="ABOUT" class="about-end-mod">
<img src="hero_image.svg" class="img-scale">
</div>
<!---------------------------------The design section---------------------------->
<div id="DESIGNS" class="center div-mod">
<h1>Designs</h1>
<div class="img-align">
<img src="designs/craft_mafia_logo.svg" alt="Craft Mafia Logo" class="img-scale">
<img src="designs/halloween.svg" alt="Halloween Cross-Stitch Design" class="img-scale">
<img src="designs/making_forward_logo.svg" alt="Making Forward Logo" class="img-scale">
<img src="designs/resticus.svg" alt="Resticus Logo" class="img-scale">
<img src="designs/rootaccess_circle_logo.svg" alt="Circular Logo for Root Access" class="img-scale">
<img src="designs/women_in_engineering_logo.svg" alt="Women in Engineering Logo" class="img-scale">
<img src="designs/acoustic-guitar_web.svg" alt="Acoustic guitar with the words Music is My Love" class="img-scale">
<img src="designs/geometrics_web.svg" alt="Squares and other geometric shapes with the word Geometrics at bottom" class="img-scale">
<img src="designs/tpt_web.svg" alt="Trumpet with wings on top of a water rainbow" class="img-scale">
</div>
</div>
<!---------------------------The Websites Section---------------------------->
<div id="WEBSITES" class="center div-mod">
<h1>Websites</h1>
<div class="img-align">
<a href="https://princessmoomoo.github.io/product_page/" target="_blank"
rel="noreferrer noopener">
<img src="website_thumbs/product_page_thumb.svg" class="img-scale" alt="Link to Product Page">
</a>
<a href="https://princessmoomoo.github.io/recipe_page/" target="_blank"
rel="noreferrer noopener">
<img src="website_thumbs/recipe_page_thumb.svg" class="img-scale" alt="Link to Recipe Page">
</a>
<a href="https://princessmoomoo.github.io/survey_page/" target="_blank"
rel="noreferrer noopener">
<img src="website_thumbs/survey_page_thumb.svg" class="img-scale" alt="Link to Survey Page">
</a>
<a href="https://princessmoomoo.github.io/technical_page/" target="_blank"
rel="noreferrer noopener">
<img src="website_thumbs/technical_page_thumb.svg" class="img-scale" alt="Link to Technical Page">
</a>
<a href="https://princessmoomoo.github.io/tribute_page/" target="_blank"
rel="noreferrer noopener">
<img src="website_thumbs/tribute_page_thumb.svg" class="img-scale" alt="Link to Tribute Page">
</a>
</div>
<!--rel="noreferrer noopener" comes from
https://www.freecodecamp.org/news/how-to-use-html-to-open-link-in-new-tab/-->
</div>
<!----------------------The Project Section ------------------------------------>
<div id="PROJECTS" class="center div-mod">
<h1>Projects</h1>
<div class="img-align">
<img src="projects/medals.svg" alt="Bullard and Edison High School Medals" class="img-scale">
<img src="projects/jewelry_cat.svg" alt="Jewelry Catalog for Daughters of the Nile" class="img-scale">
<img src="projects/shrine_pin.svg" alt="Shrine Pin for Shriners International" class="img-scale">
<img src="projects/pins.svg" alt="Lapel pins" class="img-scale">
</div>
</div>
</div>
<!-----------------------------The Social Media Section -------------------------->
<div id="SOCIAL" class="about-end-mod">
<div class="img-align">
<a href="https://github.com/PrincessMooMoo" target="_blank"
rel="noreferrer noopener">
<img src="social/github_logo.svg" alt="Link to my github." class="img-scale">
</a>
<a href="https://www.linkedin.com/in/wendy-chrisco-2560ab52/" target="_blank"
rel="noreferrer noopener">
<img src="social/linkedin_logo.svg" alt="Link to my Linkedin." class="img-scale">
</a>
<a href="https://wendymooprincess.tumblr.com/" target="_blank"
rel="noreferrer noopener">
<img src="social/tumblr_logo.svg" alt="Link to my tumblr." class="img-scale">
</a>
</div>
<p id="copyright">Copyright&copy; 2020 Wendy Moo. All rights reserved.</p>
</div>
</body>
<footer>
<script src="script.js"></script>
</footer>
</html>