kevin/portfolio
1
0
Fork 0
Code

Reorder Skills and Projects on software page

Browse Source
This commit is contained in:
PA4KEV 2023-01-03 21:19:54 +01:00
parent 09da33a8ce
commit 058641595c
1 changed files with 28 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
src/Pages/Software/Software.js
View File

@ -7,15 +7,41 @@ const Software = () => {
<div className='row'>
<div className="sidebar col-3 position-fixed">
<div id="list-example" className="list-group">
<a className="list-group-item list-group-item-action" href="#list-skills">Skills</a>
<a className="list-group-item list-group-item-action" href="#list-projects">Projects</a>
<a className="list-group-item list-group-item-action" href="#list-education">Education</a>
<a className="list-group-item list-group-item-action" href="#list-certification">Certification</a>
<a className="list-group-item list-group-item-action" href="#list-courses">Courses</a>
<a className="list-group-item list-group-item-action" href="#list-skills">Skills</a>
<a className="list-group-item list-group-item-action" href="#list-projects">Projects</a>
</div>
</div>
<div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
<section className="content-section">
<h2 id="list-skills">Skills</h2>
<hr/>
<h4>Programming languages & Tools</h4>
<ul>
<li>Python</li>
<li>PHP</li>
<li>Docker</li>
<li>C#</li>
<li>JavaScript</li>
<li>Node JS</li>
<li>Git</li>
</ul>
</section>
<section className="content-section">
<h2 id="list-projects">Projects</h2>
<hr/>
<p>Projects I have worked on:</p>
<ul>
<li><Link reloadDocument to="/pages/software/dxp-development">DXP development- OPPLE catalog generator</Link></li>
<li><Link reloadDocument to="/pages/software/configuration-automation">Configuration automation</Link></li>
</ul>
</section>
<section className="content-section">
<div className='content-item'>
<h2 id="list-education">Education</h2>
@ -83,33 +109,6 @@ const Software = () => {
<span class="text-primary">2019</span>
</div>
</section>
<section className="content-section">
<h2 id="list-skills">Skills</h2>
<hr/>
<h4>Programming languages & Tools</h4>
<ul>
<li>Python</li>
<li>PHP</li>
<li>Docker</li>
<li>C#</li>
<li>JavaScript</li>
<li>Node JS</li>
<li>Git</li>
</ul>
</section>
<section className="content-section">
<h2 id="list-projects">Projects</h2>
<hr/>
<p>Projects I have worked on:</p>
<ul>
<li><Link reloadDocument to="/pages/software/dxp-development">DXP development- OPPLE catalog generator</Link></li>
<li><Link reloadDocument to="/pages/software/configuration-automation">Configuration automation</Link></li>
</ul>
</section>
</div>
</div>