Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@Jedbert
Jedbert committed May 1, 2024
1 parent a18bac8 commit d3f39bf
Show file tree
Hide file tree
Showing 3 changed files with 236 additions and 18 deletions.
59 changes: 56 additions & 3 deletions About Us/about_us.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,9 +65,62 @@ <h2>Partnerships</h2>
</div>
</div>
</main>
<footer>
<div class="footer-note">
<p class="rhr-academy">&copy; Respectech-HR Academy. <br>All Rights Reserved.</p>
<footer class="footer">
<div class="footer-addr">
<h1 class="footer-logo">Respectech-Hr</h1>
<h2>Contact Us</h2>
<address>
Respectech Centre, 24 Bambari Cres. Fairtrade Business Complex, Wuse Zone 7, Abuja<br>
<a class="footer-btn" href="info-respectech@gmail.com">Email Us</a>
</address>
</div>
<ul class="footer_nav">
<li class="nav-item">
<h2 class="nav-title">Courses</h2>
<ul class="nav-ul nav-ul-extra">
<li>
<a href="#">Software Programming</a>
</li>
<li>
<a href="#">UI/UX</a>
</li>
<li>
<a href="#">Cyber Security</a>
</li>
<li>
<a href="#">Digital Marketing</a>
</li>
<li>
<a href="#">Data Analysis</a>
</li>
</ul>
</li>

<li class="nav-item">
<h2 class="nav-title">Legal</h2>

<ul class="nav-ul">
<li>
<a href="#">Privacy Policy</a>
</li>

<li>
<a href="#">Terms of Use</a>
</li>

<li>
<a href="#">Sitemap</a>
</li>
</ul>
</li>
</ul>

<div class="copyrights">
<p>&copy; Respectech-HR Academy. All Rights Reserved.</p>

<div class="copyrights-link">
Made by RHR Software Programmers C2
</div>
</div>
</footer>
</body>
Expand Down
59 changes: 56 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,9 +93,62 @@ <h4>Key Benefits for Graduates</h4>
</fieldset>
</div>
</main>
<footer>
<div class="footer-note">
<p class="rhr-academy">&copy; Respectech-HR Academy. <br>All Rights Reserved.</p>
<footer class="footer">
<div class="footer-addr">
<h1 class="footer-logo">Respectech-Hr</h1>
<h2>Contact Us</h2>
<address>
Respectech Centre, 24 Bambari Cres. Fairtrade Business Complex, Wuse Zone 7, Abuja<br>
<a class="footer-btn" href="info-respectech@gmail.com">Email Us</a>
</address>
</div>
<ul class="footer_nav">
<li class="nav-item">
<h2 class="nav-title">Courses</h2>
<ul class="nav-ul nav-ul-extra">
<li>
<a href="#">Software Programming</a>
</li>
<li>
<a href="#">UI/UX</a>
</li>
<li>
<a href="#">Cyber Security</a>
</li>
<li>
<a href="#">Digital Marketing</a>
</li>
<li>
<a href="#">Data Analysis</a>
</li>
</ul>
</li>

<li class="nav-item">
<h2 class="nav-title">Legal</h2>

<ul class="nav-ul">
<li>
<a href="#">Privacy Policy</a>
</li>

<li>
<a href="#">Terms of Use</a>
</li>

<li>
<a href="#">Sitemap</a>
</li>
</ul>
</li>
</ul>

<div class="copyrights">
<p>&copy; Respectech-HR Academy. All Rights Reserved.</p>

<div class="copyrights-link">
Made by RHR Software Programmers C2
</div>
</div>
</footer>
</body>
Expand Down
136 changes: 124 additions & 12 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
html {
font-size: 16px;
scroll-behavior: smooth;
overflow: hidden;
}

@media screen and (max-width: 768px) {
Expand Down Expand Up @@ -195,24 +196,135 @@ main {
width: 50%;
}

footer {
f.footer {
display: flex;
flex-flow: row wrap;
padding: 30px 30px 20px 30px;
color: #2f2f2f;
background-color: #dfdcdc93;
border-top: 1px solid #e5e5e5;
/* height: ; */
max-height: 100rem;
}

.footer>* {
flex: 1 100%;
}

.footer-addr {
margin-right: 1.2 em;
margin-bottom: 2em;
}

.footer-logo {
font-family: 'Georgia', cursive;
font-weight: 400;
text-transform: capitalize;
font-size: 1.5rem;
color: crimson;
}

.footer-addr h2 {
margin-top: 1.3em;
font-size: 15px;
font-weight: 400;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.nav-title {
font-weight: 400;
font-size: 15px;
}

.footer address {
font-style: normal;
color: #999;
}

.footer-btn {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 15px 20px;
background-image: linear-gradient(135deg, #F05F57 10%, #360940 100%);
font-style: italic;
height: 36px;
max-width: max-content;
background-color: rgb(33, 33, 33, 0.07);
border-radius: 100px;
color: #2f2f2f;
line-height: 0;
margin: 0.6em 0;
font-size: 1rem;
padding: 0 1.3em;
}

footer>p {
margin: 2rem;
.footer ul {
list-style: none;
padding-left: 0;
}

.rhr-academy {
font-size: small;
display: inline-block;
justify-items: left;
font-weight: 300;
.footer li {
line-height: 2em;
}

.footer a {
text-decoration: none;
}

.footer-nav {
display: flex;
flex-flow: row wrap;
}

.footer-nav>* {
flex: 1 50%;
margin-right: 1.25em;
}

.nav-ul a {
color: #999;
}

.nav-ul-extra {
column-count: 2;
column-gap: 1.25em;
}

.copyright {
display: flex;
flex-wrap: wrap;
color: #999;
}

.copyright-link {
display: flex;
align-items: center;
}

.heart {
color: #2f2f2f;
}

@media screen and (max-width: 768px) {
.copyright .copyright-link {
margin-left: auto;
}
}

@media screen and (max-width: 768px) {
.footer-nav>* {
flex: 1;
}

.nav-item-extra {
flex-grow: 2;
}

.footer-addr {
flex: 1 0px;
}

.footer-nav {
flex: 2 0px;
}
}

#main-content1 {
Expand Down

0 comments on commit d3f39bf

Please sign in to comment.