110 lines
No EOL
5.8 KiB
HTML
110 lines
No EOL
5.8 KiB
HTML
<!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© 2020 Wendy Moo. All rights reserved.</p>
|
|
</div>
|
|
|
|
</body>
|
|
<footer>
|
|
<script src="script.js"></script>
|
|
</footer>
|
|
</html> |