2020-09-02 10:42:59 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Practice Projects< / title >
< link rel = "stylesheet" href = "style.css" >
< / head >
< body >
< header >
<!-- some logo here -->
2020-09-24 01:36:00 +02:00
< div class = "header" >
< h1 class = "test" > Practice Projects< / h1 >
< / div >
<!-- consider a menu for jumping down page -->
2020-09-02 10:42:59 +02:00
< / header >
< main >
< div class = "blurb" >
2020-09-24 01:36:00 +02:00
< p > These are completed projects done to practice using HTML, CSS & Javascript. They come from different services, and most are freely available for anyone to practice with.< / p >
2020-09-02 10:42:59 +02:00
< p > I have put them all into a single GIT repository rather than litter my github page with many different projects. This may change in future depending on how many of these that I do.< / p >
2020-09-24 01:36:00 +02:00
< p > Robert McGovern< / p >
< / div >
< div class = "projectsDiv" >
< div class = "frontEndMentorChallenges" >
< h2 > Frontend Mentor Challenges< / h2 >
< div class = "newbieChallenges" >
< h3 > Newbie Challenges< / h3 >
< ul >
2021-07-03 14:03:10 +02:00
< li > < a href = "./FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/index.html" > Huddle Landing Page with a Single Introductory Section< / a > < / li >
< li > < a href = "./FrontendMentor/newbie/ping-coming-soon-page-master/index.html" > Ping Coming-Soon page< / a > < / li >
< li > < a href = "./FrontendMentor/newbie/single-price-grid-component-master/index.html" > Single Price Grid Component page< / a > < / li >
< li > < a href = "./FrontendMentor/newbie/four-card-feature-section/index.html" > Four Card Feature Section page< / a > < / li >
< li > < a href = "./FrontendMentor/newbie/article-preview-component/index.html" > Article Preview Component< / a > < / li >
2021-08-11 09:19:04 +02:00
< li > < a href = "./FrontendMentor/newbie/stats-preview-card-component/index.html" > Stats Preview Card Component< / a > < / li >
2021-09-11 16:02:40 +02:00
< li > < a href = "./FrontendMentor/newbie/profile-card-component/" > Profile Card Component< / a > < / li >
2020-09-24 01:36:00 +02:00
< / ul >
< / div >
< / div >
< div class = "freecodeCampProjects" >
< h2 > FreecodeCamp< / h2 >
2020-10-06 02:06:49 +02:00
< div class = "responsiveWebDesignProjects" >
< h3 > Responsive Web Design Projects< / h3 >
2020-10-11 16:42:35 +02:00
< p > Note: As of 11 Oct 2020, these require a partial rework to look good on mobile. 1-3 where written much earlier in my learning, so while they fufill all the requirements, they don't look great on mobile.< / p >
2020-10-06 02:06:49 +02:00
< ul >
< li > < a href = "./freeCodeCamp/responsive-web-design-projects/Project1-TributePage/" > Project 1 - Tribute Page< / a > < / li >
< li > < a href = "./freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/" > Project 2 - Build a Survey Form< / a > < / li >
2020-10-06 02:08:26 +02:00
< li > < a href = "./freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/" > Project 3 - Product Landing Page< / a > < / li >
2020-10-06 02:06:49 +02:00
< li > < a href = "" > < / a > < / li >
< li > < a href = "" > < / a > < / li >
< / ul >
< / div >
2020-09-24 01:36:00 +02:00
< / div >
< div class = "completeWebDev2020Projects" >
< h2 > Complete Web Development 2020< / h2 >
< p > coming soon< / p >
< / div >
< div class = "vanillaJSProjects" >
< h2 > Vanilla JS Projects< / h2 >
< p > coming soon< / p >
< / div >
2021-08-11 09:34:00 +02:00
< div class = "playground" >
< h2 > Playground< / h2 >
< p > Intended for just little snippets of code that look useful< / p >
< a href = "./playground.html" > The Playground< / a >
< / div >
2020-09-02 10:42:59 +02:00
< / div >
< / main >
< footer >
<!-- some blurb here -->
2020-09-24 01:36:00 +02:00
< p > All projects are the work of Robert McGovern, 2020. < a href = "emailto:work@tarasis.net" > Email< / a > , < a href = "https://tarasis.net" > Website/Blog< / a > < / p >
< a href = 'http://www.heropatterns.com/' > Background SVG provided by Steve Schoger @ Hero Patterns< / a >
2020-09-02 10:42:59 +02:00
< / footer >
< / body >
< / html >
