Skip to content

Commit

Permalink
update positionning of dic on resume page and update links in nav menu
Browse files Browse the repository at this point in the history
  • Loading branch information
Jean7667 committed Jan 5, 2024
1 parent 8faf04b commit 414131f
Show file tree
Hide file tree
Showing 3 changed files with 91 additions and 191 deletions.
75 changes: 36 additions & 39 deletions .html
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ <h2 class="title">Full Stack Developer</h2>
</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="home.html" class="hvr-sweep-to-bottom"><i class="fa fa-home" aria-hidden="true"></i><span>Home</span></a>
<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>
Expand All @@ -41,11 +41,11 @@ <h2 class="title">Full Stack Developer</h2>
</li>
</ul>
</div>
<div class="row no-gutters">
<div class="col">
</div>
<!-- <div class="row no-gutters">
<div class="col">
</div>
</div> -->
</div>
</header>
<section class="container-fluid">
Expand Down Expand Up @@ -83,15 +83,42 @@ <h4>Employer name</h4>
</div>

</div>
<div class="row row-table">
</div>
<div class="col-md-8 bg-color-three-reasons section-column">
<div class="row">
<div class="col">
<h3 class="section-heading uppercase">My skills</h3>
</div>
</div>

<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>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Front end</h4>
<p>As a junior developer, solid HTML and CSS skills form the foundation for building dynamic and visually appealing web applications.
Mastering HTML allows junior developers to create well-structured content, while CSS expertise enables them to style and enhance user interfaces with flair.
A junior developer's strong grasp of HTML and CSS is a stepping stone toward becoming a well-rounded web developer, laying the groundwork for future growth in front-end development.
</p>
</div>
</div>
</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>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Back end</h4>
<p>
I work quickly and effectively in getting things built and working across the stack. I'm an excellent communicator who thrives in bright and enthusiastic teams and I'm also a self starter when working solo.
</p>
</div>
</div>
</div>

</div>
<div class="row progress-section">
<div class="col">

Expand Down Expand Up @@ -128,40 +155,10 @@ <h3 class="section-heading uppercase">My skills</h3>
</div>
</div>
</div>

<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>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Front end</h4>
<p>As a junior developer, solid HTML and CSS skills form the foundation for building dynamic and visually appealing web applications.
Mastering HTML allows junior developers to create well-structured content, while CSS expertise enables them to style and enhance user interfaces with flair.
A junior developer's strong grasp of HTML and CSS is a stepping stone toward becoming a well-rounded web developer, laying the groundwork for future growth in front-end development.
</p>
</div>
</div>
</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>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Back end</h4>
<p>
I work quickly and effectively in getting things built and working across the stack. I'm an excellent communicator who thrives in bright and enthusiastic teams and I'm also a self starter when working solo.
</p>
</div>
</div>
</div>

</div>
</div>

</div>
</div>

</section>
<footer class="container-fluid">
<div id="footer-details" class="row">
Expand Down
75 changes: 36 additions & 39 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ <h2 class="title">Full Stack Developer</h2>
</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="home.html" class="hvr-sweep-to-bottom"><i class="fa fa-home" aria-hidden="true"></i><span>Home</span></a>
<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>
Expand All @@ -41,11 +41,11 @@ <h2 class="title">Full Stack Developer</h2>
</li>
</ul>
</div>
<div class="row no-gutters">
<div class="col">
</div>
<!-- <div class="row no-gutters">
<div class="col">
</div>
</div> -->
</div>
</header>
<section class="container-fluid">
Expand Down Expand Up @@ -83,15 +83,42 @@ <h4>Employer name</h4>
</div>

</div>
<div class="row row-table">
</div>
<div class="col-md-8 bg-color-three-reasons section-column">
<div class="row">
<div class="col">
<h3 class="section-heading uppercase">My skills</h3>
</div>
</div>

<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>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Front end</h4>
<p>As a junior developer, solid HTML and CSS skills form the foundation for building dynamic and visually appealing web applications.
Mastering HTML allows junior developers to create well-structured content, while CSS expertise enables them to style and enhance user interfaces with flair.
A junior developer's strong grasp of HTML and CSS is a stepping stone toward becoming a well-rounded web developer, laying the groundwork for future growth in front-end development.
</p>
</div>
</div>
</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>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Back end</h4>
<p>
I work quickly and effectively in getting things built and working across the stack. I'm an excellent communicator who thrives in bright and enthusiastic teams and I'm also a self starter when working solo.
</p>
</div>
</div>
</div>

</div>
<div class="row progress-section">
<div class="col">

Expand Down Expand Up @@ -128,40 +155,10 @@ <h3 class="section-heading uppercase">My skills</h3>
</div>
</div>
</div>

<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>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Front end</h4>
<p>As a junior developer, solid HTML and CSS skills form the foundation for building dynamic and visually appealing web applications.
Mastering HTML allows junior developers to create well-structured content, while CSS expertise enables them to style and enhance user interfaces with flair.
A junior developer's strong grasp of HTML and CSS is a stepping stone toward becoming a well-rounded web developer, laying the groundwork for future growth in front-end development.
</p>
</div>
</div>
</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>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Back end</h4>
<p>
I work quickly and effectively in getting things built and working across the stack. I'm an excellent communicator who thrives in bright and enthusiastic teams and I'm also a self starter when working solo.
</p>
</div>
</div>
</div>

</div>
</div>

</div>
</div>

</section>
<footer class="container-fluid">
<div id="footer-details" class="row">
Expand Down
132 changes: 19 additions & 113 deletions contact.html
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ <h2 class="title">Full Stack Developer</h2>
<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>
<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>
Expand All @@ -50,121 +50,27 @@ <h2 class="title">Full Stack Developer</h2>
</div>
</header>
<section class="container-fluid">
<div class="row">

<div class="col-md-4 bg-color-personal-info section-column">
<div class="row">
<div class="col-12">
<h3 class="section-heading uppercase">
Personal Info
</h3>
</div>
</div>
<div class="personal-info-item">
<div class="key">
<p class="uppercase">
Name:
</p>
</div>
<div class="value">
<p>Rossie Odenkirk
</p>
</div>
</div>
<div class="personal-info-item">
<div class="key">
<p class="uppercase">
Address:
</p>
</div>
<div class="value">
<p>
17 Riverdale, Catskills, NY USA
</p>
</div>
</div>
<div class="personal-info-item">
<div class="key">
<p class="uppercase">
Phone:
</p>
</div>
<div class="value">
<p>
555 000 0000
</p>
</div>
</div>
<div class="personal-info-item">
<div class="key">
<p class="uppercase">
Email:
</p>
</div>
<div class="value">
<p>
[email protected]
</p>
</div>
</div>
</div>
<div class="col-md-8 bg-color-three-reasons section-column">
<div class="row">
<div class="col">
<h3 class="section-heading uppercase">About Me</h3>
</div>
</div>
<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-question" aria-hidden="true"></i>
</div>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">What do I do</h4>
<p>As a junior developer, solid HTML and CSS skills form the foundation for building dynamic and visually appealing web applications.
Mastering HTML allows junior developers to create well-structured content, while CSS expertise enables them to style and enhance user interfaces with flair.
A junior developer's strong grasp of HTML and CSS is a stepping stone toward becoming a well-rounded web developer, laying the groundwork for future growth in front-end development.
</p>
</div>
</div>
</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-bolt" aria-hidden="true"></i>
</div>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Why hire me?</h4>
<p>
I work quickly and effectively in getting things built and working across the stack. I'm an excellent communicator who thrives in bright and enthusiastic teams and I'm also a self starter when working solo.
</p>
</div>
</div>
</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-thumbs-up" aria-hidden="true"></i>
</div>
<div class="col-10">
<h4 class="three-reasons-heading uppercase">Why hire me?</h4>
<p>
Proficiency in HTML and CSS is key for junior developers in ensuring code readability, maintainability, and adherence to best practices.
Junior developers excelling in HTML/CSS can quickly adapt to modern web development frameworks and contribute effectively to collaborative projects.
</p>
</div>
</div>
<div class="row bg-color-contact">
<div class="col">
<h3 class="contact-heading uppercase text-center">Got a project in mind?</h3>
<h5 class="uppercase text-center">Let's work together!</h5>

<div class="center-form">
<form>
<input type="text" name="name" id="fullname" class="form-control" placeholder="Name" required />
<input type="email" name="email" id="emailaddress" class="form-control" placeholder="Email" required />
<textarea rows="5" name="projectsummary" id="projectsummary" class="form-control" placeholder="Project description" required></textarea>
<div class="form-row text-center">
<div class="col">
<button type="submit" class="btn btn-secondary">Send Project Request</button>
</div>
</div>
</form>
</div>

</div>
</div>
</div>
<div class="row row-table">
</div>


</div>

</section>
<footer class="container-fluid">
<div id="footer-details" class="row">
Expand Down

0 comments on commit 414131f

Please sign in to comment.