work in progress. Added project cards now to style them and put them into a grid
This commit is contained in:
parent
a8f5f6c2a0
commit
a2cc0ac322
106
index.html
106
index.html
|
@ -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>
|
||||
|
|
Reference in New Issue