2024-11-05 00:24:35 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta charset = "utf-8" >
< title > rainydaydev< / title >
< link rel = "stylesheet" href = "style/style.css" >
< / head >
< body >
< main >
< header >
< h1 > rainyday.dev< / h1 >
< h2 > A site showcasing the work and love of the web from emma< / h2 >
< / header >
< section class = "professional-projects" >
<!-- projects from sites that are geared towards professional development will go here -->
< h3 class = "section-header" > Skill based practical projects< / h3 >
< p class = "section-description" > Projects here are from sites like < a href = "https://www.frontendmentor.io" target = "_blank" > Frontend Mentor< / a >
and are practical and technical in nature, encouraging growth through completing challenging projects< / p >
< h4 class = "section-links" > Front End Mentor< / h4 >
< ul class = "links" >
2024-11-05 02:58:57 +00:00
< li > QR Code Component using flexbox < a href = "https://github.com/rainydayemma/qr-code-component" target = "_blank" > github repo< / a > - < a href = "https://rainydayemma.github.io/qr-code-component/" target = "_blank" > live site< / a > < / li >
2024-11-05 00:24:35 +00:00
< / ul >
< / section >
< section class = "course-projects" >
<!-- Projects here will be from course based work -->
< h3 class = "section-header" > Course projects< / h3 >
2024-11-05 03:13:46 +00:00
< p class = "section-description" > Projects here are those completed from online courses like < a href = "https://freecodecamp.org" target = "_blank" > freeCodeCamp< / a > or < a href = "https://www.theodinproject.com/" target = "_blank" > The Odin Project< / a > < / p >
2024-11-05 00:24:35 +00:00
< h4 class = "section-links" > freeCodeCamp Responsive Web Design course< / h4 >
< ul class = "links" >
2024-11-05 02:58:57 +00:00
< li > < a href = "./freecodcamp/build-a-survey-form/index.html" target = "_blank" > Build a survey form< / a > < / li >
< li > < a href = "./freecodcamp/build-a-tribute-page/index.html" target = "_blank" > Build a tribute page< / a > < / li >
< li > < a href = "./freecodcamp/build-a-doc-page/index.html" target = "_blank" > Build a technical documentation page< / a > < / li >
< li > < a href = "./freecodcamp/build-a-product-landing-page/index.html" target = "_blank" > Build a product landing page< / a > < / li >
< li > < a href = "./freecodcamp/build-a-portfolio-page/index.html" target = "_blank" > Build a portfolio page< / a > < / li >
2024-11-05 00:24:35 +00:00
< / ul >
< / section >
< section class = "small-web-projects" >
<!-- projects made with a small web focus will be placed here -->
< h3 class = "section-header" > Small web focused projects< / h3 >
< p class = "section-description" > This section is largely made up of personal projects for the small web. It may in the future contain projects
aimed at helping others who also take part in the small web
< / p >
< h4 class = "section-links" > Personal small web projects< / h4 >
< ul class = "links" >
2024-11-05 02:58:57 +00:00
< li > < a href = "https://thiscat.rocks" target = "_blank" > This cat rocks!< / a > < / li >
< li > < a href = "https://alternate.thiscat.rocks" target = "_blank" > This cat rocks! - Nostaligic photo gallery< / a > < / li >
< li > < a href = "https://onecatper.day" target = "_blank" > One Cat Per Day!< / a > < / li >
2024-11-05 00:24:35 +00:00
< / ul >
< / section >
< section class = "links" >
<!-- contains links to things like github, freeCodeCamp profile, etc -->
< h3 class = "section-header" > Places you can find what I'm working on< / h3 >
< ul class = "links" >
2024-11-05 02:58:57 +00:00
< li > < a href = "https://www.freecodecamp.org/rainydayemma" target = "_blank" > freeCodeCamp - rainydayemma< / a > < / li >
< li > < a href = "https://github.com/rainydayemma" target = "_blank" > rainydayemma - github< / a > < / li >
< li > < a href = "https://blog.rainyday.dev" target = "_blank" > rainydaydev blog< / a > < / li >
2024-11-05 00:24:35 +00:00
< / ul >
< / section >
< / main >
< / body >
< / html >
