Skip to content

Commit

Permalink
fixed missing div tags
Browse files Browse the repository at this point in the history
  • Loading branch information
@Jean7667
Jean7667 committed May 19, 2024
1 parent 5bf3ae2 commit a25cc82
Show file tree
Hide file tree
Showing 2 changed files with 87 additions and 96 deletions.
88 changes: 38 additions & 50 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,7 @@
<body>
<header>
<div>
<div class="row no-gutters">
<a href="index.html" class="col-md-4 logo"> </a>
<div class="row no-gutters"><a href="index.html" class="col-md-4 logo"> </a>
<div class="col-md-8">
<div class="row no-gutters bg-color-name-title">
<div class="col heading">
Expand All @@ -23,32 +22,37 @@ <h2 class="title">Python - Django Software Development&nbsp;&nbsp;</h2>
</div>
</div>
<ul id="nav" class="list-inline menucontainer">
<li class="col-6 col-sm-3 ui-menu-color-home list-inline-item menuitem"><a href="index.html" class="hvr-sweep-to-bottom"><i class="fa fa-home" aria-hidden="true"></i><span>Home</span></a>
<li class="col-6 col-sm-3 ui-menu-color-home list-inline-item menuitem">
<a href="index.html" class="hvr-sweep-to-bottom"><i class="fa fa-home" aria-hidden="true"></i><span>Home</span></a>
</li>
<li class="col-6 col-sm-3 ui-menu-color-resume list-inline-item menuitem"><a href="resume.html" class="hvr-sweep-to-bottom"><i class="fa fa-graduation-cap" aria-hidden="true"></i><span>Resume</span></a>
<li class="col-6 col-sm-3 ui-menu-color-resume list-inline-item menuitem">
<a href="resume.html" class="hvr-sweep-to-bottom"><i class="fa fa-graduation-cap" aria-hidden="true"></i><span>Resume</span></a>
</li>
<li class="col-6 col-sm-3 ui-menu-color-download list-inline-item menuitem"><a href="Download.html" class="hvr-sweep-to-bottom"><i class="fa fa-download" aria-hidden="true"></i><span>Download</span></a>
<li class="col-6 col-sm-3 ui-menu-color-download list-inline-item menuitem">
<a href="Download.html" class="hvr-sweep-to-bottom"><i class="fa fa-download" aria-hidden="true"></i><span>Download</span></a>
</li>
<li class="col-6 col-sm-3 ui-menu-color-contact list-inline-item menuitem"><a href="contact.html" class="hvr-sweep-to-bottom"><i class="fa fa-envelope" aria-hidden="true"></i><span>Contact</span></a>
<li class="col-6 col-sm-3 ui-menu-color-contact list-inline-item menuitem">
<a href="contact.html" class="hvr-sweep-to-bottom"><i class="fa fa-envelope" aria-hidden="true"></i><span>Contact</span></a>
</li>
<li class="col-6 col-sm-3 ui-menu-color-about list-inline-item menuitem"><a href="about.html" class="hvr-sweep-to-bottom"><i class="fa fa-address-card" aria-hidden="true"></i><span>About</span></a>
<li class="col-6 col-sm-3 ui-menu-color-about list-inline-item menuitem">
<a href="about.html" class="hvr-sweep-to-bottom"><i class="fa fa-address-card" aria-hidden="true"></i><span>About</span></a>
</li>
<li class="col-6 col-sm-3 ui-menu-color-new list-inline-item menuitem"><a href="about.html" class="hvr-sweep-to-bottom"><i class="fa-solid fa-screwdriver" aria-hidden="true"></i><span>Hobbies</span></a>
<li class="col-6 col-sm-3 ui-menu-color-about list-inline-item menuitem"><a href="about.html" class="hvr-sweep-to-bottom"><i class="fa fa-address-card" aria-hidden="true"></i><span>Tutorial</span></a>
<li class="col-6 col-sm-3 ui-menu-color-new list-inline-item menuitem">
<a href="about.html" class="hvr-sweep-to-bottom"><i class="fa-solid fa-screwdriver" aria-hidden="true"></i><span>Hobbies</span></a>
<li class="col-6 col-sm-3 ui-menu-color-about list-inline-item menuitem">
<a href="about.html" class="hvr-sweep-to-bottom"><i class="fa fa-address-card" aria-hidden="true"></i><span>Tutorial</span></a>
</li>
</li>
<li class="col-6 col-sm-3 ui-menu-color-new list-inline-item menuitem"><a href="about.html" class="hvr-sweep-to-bottom"><i class="fa-solid fa-screwdriver" aria-hidden="true"></i><span>Reading List</span></a>
<li class="col-6 col-sm-3 ui-menu-color-new list-inline-item menuitem">
<a href="about.html" class="hvr-sweep-to-bottom"><i class="fa-solid fa-screwdriver" aria-hidden="true"></i><span>Reading List</span></a>
</li>
</ul>
</div>
<!-- <div class="row no-gutters">
<div class="col">
</div>
</div> -->
</div>
</div>
</header>
<section class="container-fluid">
<section>
<div class="container-fluid">
<div class="row">
<div class="col-md-4 bg-color-work-history section-column">
<div class="row">
Expand Down Expand Up @@ -89,8 +93,7 @@ <h3 class="section-heading uppercase">My skills</h3>
<div class="row">
<div class="col-10 offset-1 offset-sm-0 col-sm-4 col-md-6">
<div class="row">
<div class="col-2">
<i class="three-reasons-icon fa fa-tv" aria-hidden="true"></i>
<div class="col-2"><i class="three-reasons-icon fa fa-tv" aria-hidden="true"></i>
</div>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Front end</h4>
Expand All @@ -102,8 +105,7 @@ <h4 class="three-reasons-heading uppercase">Front end</h4>
</div>
<div class="col-10 offset-1 offset-sm-0 col-sm-4 col-md-6">
<div class="row">
<div class="col-2">
<i class="three-reasons-icon fa fa-gears" aria-hidden="true"></i>
<div class="col-2"><i class="three-reasons-icon fa fa-gears" aria-hidden="true"></i>
</div>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Back end</h4>
Expand All @@ -116,32 +118,23 @@ <h4 class="three-reasons-heading uppercase">Back end</h4>
<div class="row progress-section">
<div class="col">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width:90%;">
<span class="sr-only">90% complete</span>
</div>
<span class="progress-type">HTML / HTML5</span>
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width:90%;"><span class="sr-only">90% complete</span>
</div><span class="progress-type">HTML / HTML5</span>
</div>
<div class="progress">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:80%;">
<span class="sr-only">80% complete</span>
</div>
<span class="progress-type">CSS / CSS3</span>
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:80%;"><span class="sr-only">80% complete</span>
</div><span class="progress-type">CSS / CSS3</span>
</div>
<div class="progress">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%;">
<span class="sr-only">70% complete</span>
</div>
<span class="progress-type">JavaScript / jQuery</span>
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%;"><span class="sr-only">70% complete</span>
</div><span class="progress-type">JavaScript / jQuery</span>
</div>
<div class="progress">
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:80%;">
<span class="sr-only">80% complete</span>
</div>
<span class="progress-type">Django / Python</span>
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:80%;"><span class="sr-only">80% complete</span>
</div><span class="progress-type">Django / Python</span>
</div>
<div class="progress">
<div class="progress-bar bg-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:80%;">
<span class="sr-only">80% complete</span>
<div class="progress-bar bg-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:80%;"><span class="sr-only">80% complete</span>
</div>
<span class="progress-type">SQL / NoSQL</span>
</div>
Expand All @@ -166,26 +159,21 @@ <h5 class="uppercase general-sub">Download</h5>
<div class="col-sm-4">
<h5 class="uppercase general-sub">Social</h5>
<ul class="list-inline social-links">
<li class="list-inline-item">
<a target="_blank" href="#"> <i class="fa fa-facebook" aria-hidden="true"></i> <span class="sr-only">Facebook</span> </a>
<li class="list-inline-item"><a target="_blank" href="#"> <i class="fa fa-facebook" aria-hidden="true"></i> <span class="sr-only">Facebook</span> </a>
</li>
<li class="list-inline-item">
<a target="_blank" href="#"> <i class="fa fa-twitter" aria-hidden="true"></i> <span class="sr-only">Twitter</span> </a>
<li class="list-inline-item"><a target="_blank" href="#"> <i class="fa fa-twitter" aria-hidden="true"></i> <span class="sr-only">Twitter</span> </a>
</li>
<li class="list-inline-item">
<a target="_blank" href="#"> <i class="fa fa-linkedin" aria-hidden="true"></i> <span class="sr-only">LinkedIn</span> </a>
<li class="list-inline-item"><a target="_blank" href="#"> <i class="fa fa-linkedin" aria-hidden="true"></i> <span class="sr-only">LinkedIn</span> </a>
</li>
<li class="list-inline-item">
<a target="_blank" href="#"> <i class="fa fa-pinterest" aria-hidden="true"></i> <span class="sr-only">Pinterest</span> </a>
<li class="list-inline-item"><a target="_blank" href="#"> <i class="fa fa-pinterest" aria-hidden="true"></i> <span class="sr-only">Pinterest</span> </a>
</li>
<li class="list-inline-item">
<a target="_blank" href="#"> <i class="fa fa-instagram" aria-hidden="true"></i> <span class="sr-only">Instagram</span> </a>
<li class="list-inline-item"><a target="_blank" href="#"> <i class="fa fa-instagram" aria-hidden="true"></i> <span class="sr-only">Instagram</span> </a>
</li>
<li class="list-inline-item">
<a target="_blank" href="#"> <i class="fa fa-youtube" aria-hidden="true"></i> <span class="sr-only">YouTube</span> </a>
<li class="list-inline-item"><a target="_blank" href="#"> <i class="fa fa-youtube" aria-hidden="true"></i> <span class="sr-only">YouTube</span> </a>
</li>
</ul>
</div>
</div>
</footer>
<script src="https://kit.fontawesome.com/9f80cc231d.js" crossorigin="anonymous"></script>
</body>
Loading

0 comments on commit a25cc82

Please sign in to comment.