work in progress. Added project cards now to style them and put them into a grid

This commit is contained in:
Robert McGovern 2022-01-03 01:50:33 +00:00
parent a8f5f6c2a0
commit a2cc0ac322
1 changed files with 106 additions and 0 deletions

View File

@ -23,6 +23,112 @@
 
<p>Robert McGovern</p>
</div>
<div class="projectsDiv">
<div class="projects-grid">
<div class="project-card">
<a href="./FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/">
<img src="./screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png" alt="The Huddle Landing Page Challenge from FrontendMentor, with a single introductory section.">
</a>
<div class="card__content">
<h3 class="card__title">The Huddle Landing Page Challenge from FrontendMentor, with a single introductory section.</h3>
<p class="card__description"></p>
<ul class="card__techUsed">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</div>
</div>
<div class="project-card">
<a href="./FrontendMentor/newbie/ping-coming-soon-page-master/">
<img src="./screenshots/fem-newbie-ping-coming-soon-page.jpeg" alt="Ping Coming-Soon Challenge from FrontendMentor">
</a>
<div class="card__content">
<h3 class="card__title">Ping Coming-Soon Challenge</h3>
<p class="card__description"></p>
<ul class="card__techUsed">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</div>
</div>
<div class="project-card">
<a href="./FrontendMentor/newbie/single-price-grid-component-master/">
<img src="./screenshots/fem-newbie-single-price-grid-component.jpeg" alt="Single Price Grid Component Challenge from FrontendMentor">
</a>
<div class="card__content">
<h3 class="card__title">Single Price Grid Component Challenge from FrontendMentor</h3>
<p class="card__description"></p>
<ul class="card__techUsed">
<li>HTML</li>
<li>CSS</li>
</ul>
</div>
</div>
<div class="project-card">
<a href="./FrontendMentor/newbie/four-card-feature-section/">
<img src="./screenshots/fem-newbie-four-card-feature-section.jpeg" alt="Four Card Feature Section Challenge from FrontendMentor">
</a>
<div class="card__content">
<h3 class="card__title">Four Card Feature Section Challenge from FrontendMentor</h3>
<p class="card__description"></p>
<ul class="card__techUsed">
<li>HTML</li>
<li>CSS</li>
</ul>
</div>
</div>
<div class="project-card">
<a href="./FrontendMentor/newbie/article-preview-component/">
<img src="./screenshots/fem-newbie-article-preview-component.jpeg" alt="Article Preview Component Challenge from FrontendMentor">
</a>
<div class="card__content">
<h3 class="card__title">Article Preview Component Challenge from FrontendMentor</h3>
<p class="card__description"></p>
<ul class="card__techUsed">
<li>HTML</li>
<li>CSS</li>
</ul>
</div>
</div>
<div class="project-card">
<a href="./FrontendMentor/newbie/stats-preview-card-component/">
<img src="./screenshots/fem-newbie-stats-preview-card-component.jpeg" alt="Stats Preview Card Component Challenge from FrontendMentor">
</a>
<div class="card__content">
<h3 class="card__title">Stats Preview Card Component Challenge from FrontendMentor</h3>
<p class="card__description"></p>
<ul class="card__techUsed">
<li>HTML</li>
<li>CSS</li>
</ul>
</div>
</div>
<div class="project-card">
<a href="./FrontendMentor/newbie/profile-card-component/">
<img src="./screenshots/fem-newbie-profile-card-component.jpeg" alt="Profile Card Component Challenge from FrontendMentor">
</a>
<div class="card__content">
<h3 class="card__title">Profile Card Component Challenge from FrontendMentor</h3>
<p class="card__description"></p>
<ul class="card__techUsed">
<li>HTML</li>
<li>CSS</li>
</ul>
</div>
</div>
</div>
</div>
<div class="projectsDiv">
<div class="frontEndMentorChallenges">
<h2>Frontend Mentor Challenges</h2>