rmcg.dev/index.html

70 lines
3.8 KiB
HTML
Raw Normal View History

<!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 -->
<div class="header">
<h1 class="test">Practice Projects</h1>
</div>
<!-- consider a menu for jumping down page -->
</header>
<main>
<div class="blurb">
<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>
&nbsp;
<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>
&nbsp;
<p>Robert McGovern</p>
</div>
<div class="projectsDiv">
<div class="frontEndMentorChallenges">
<h2>Frontend Mentor Challenges</h2>
<div class="newbieChallenges">
<h3>Newbie Challenges</h3>
<ul>
<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>
</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>
<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>
<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>
</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>
</div>
</main>
<footer>
<!-- some blurb here -->
<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>
</footer>
</body>
</html>