Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ckclint #33

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Ckclint #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
fd62e3b
added footer both its html and css files, corrected some wrong spelli…
Clintonugo Nov 28, 2019
db044b2
fix footer layout
Clintonugo Nov 28, 2019
cbdaaba
created the footer and removed outline from buttons
Clintonugo Nov 28, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
92 changes: 87 additions & 5 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@
<div></div>
<div></div>
</div>

</div>

<div class="container">
<!-- code for the navigation bar -->
<div class="navigation">
Expand Down Expand Up @@ -99,7 +99,7 @@ <h4 style="color: white; font-size: 30px;"><b style="color: orange;">120</b> Pro
<h1 class="resume1">
<strong>Resume</strong>
</h1>
<p class="about">A small river named Dudon flows y their place and supplies it with the necessary regelialia. It is paradisematic
<p class="about">A small river named Dudon flows by their place and supplies it with the necessary regelialia. It is paradisematic
<br> country, in which roasted parts of sentences fly into your mouth</p>
<div class="resume_row1">

Expand Down Expand Up @@ -144,7 +144,7 @@ <h1></h1>


<h1 class="Projects">Our Projects</h1>
<p class="intro">Far far away, behind the word mountins, far from te countries Nigeria and dubai</p>
<p class="intro">Far far away, behind the word mountains, far from the countries Nigeria and dubai</p>
<div class="firstImages" style="width: 95%; height: 300px">
<img src="./images/20191127_102858.jpg" alt="workplease" style="width: 40%;height: 300px;">
<img src="./images/20191127_102924.jpg" alt="workplease2" style="width: 55%; height: 300px;margin-left: 10px;">
Expand All @@ -164,7 +164,6 @@ <h1 class="Projects">Our Projects</h1>
</div>



<!-- this is the start of the blog page. NB: it doesn't follow after the
Resume page-->
<br>
Expand Down Expand Up @@ -241,10 +240,93 @@ <h1 class="freelancing">
</div>
</section>

<footer class="footer">
<div class="footer_container">
<!-- col1 starts here -->
<div class="footer__container__col">
<h4 class="footer__container__title">
<b>About</b>
</h4>
<div class="footer__container__content">
Far far away, behind the word<br>
mountains, far from the<br>
countries Vokalia and<br>
Consonantia, there live the<br>
blind texts.
</div>
</div>
<!-- col1 ends here -->

<!-- col 2 -->
<div class="footer__container__col">
<h4 class="footer__container__title">
<b>Links</b>
</h4>
<div class="footer__container__content">
<ul class="footer__container__content__list__items">
<li>→ Home</li>
<li>→ About</li>
<li>→ Services</li>
<li>→ Projects</li>
<li>→ Contact</li>
</ul>
</div>
</div>
<!-- col 2 ends here -->



<div class="footer__container__col">
<h4 class="footer__container__title">
<b>Services</b>
</h4>
<div class="footer__container__content">
<ul class="footer__container__content__list__items">
<li>→ web design</li>
<li>→ web development</li>
<li>→ Business Strategy</li>
<li>→ Data Analysis</li>
<li>→ Graphics Design</li>
</ul>
</div>
</div>

<div class="footer__container__col">
<h4 class="footer__container__title">
<b>Have a Question?</b>
</h4>
<div class="footer__container__content">
<ul class="footer__container__content__list__items">
<li><i class="fa fa-map-marker"></i>
203 Fake St.Mountain View,<br>
San Francisco, California,<br>
USA
</li>
<li><i class="fa fa-phone"></i> +234 65678 3987</li>
<li><i class="fa fa-envelope"></i> [email protected]</li>
</ul>
</div>
</div>
<div class="social__icons">
<span class="social__icons__container">
<i class="fab fa-twitter"></i>
</span>
<span class="social__icons__container">
<i class="fab fa-facebook"></i>
</span>
<span class="social__icons__container">
<i class="fab fa-instagram"></i>
</span>
</div>
</div>
<p class="copyright">Copyright ©2019 All rights reserved | This template is made with ♥ by Colarib</p>
</footer>




<script src="./scripts/index.js"></script>
<!-- project file -->
</body>

</html>
</html>
76 changes: 73 additions & 3 deletions styles/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,7 @@
display: inline;
text-transform: uppercase;
font-size: 14px;
outline: hidden;
outline: none;

}
.btn-hire-me:hover{
Expand All @@ -154,7 +154,7 @@ border:2px solid grey;
}

button.btn-my-works{
outline: hidden;
outline: none;

font-size: 14px;
background-color: #ffbd39;
Expand Down Expand Up @@ -294,6 +294,7 @@ div.cv_btn {
width:100%;
/* margin-top:40px; */
text-align: center;
outline:none;
}
button.cv{
color: black;
Expand Down Expand Up @@ -626,4 +627,73 @@ input.hired{
left: 45em;
width: 180px;
outline: hidden;
}
}
p{
color:white;
}
.h4a{
color:white;
margin-left:50px;
}
.h4b{
color:white;
margin-left:50px;
}
.h4c{
color:white;
margin-left:50px;
}
.h4d{
color:white;
margin-left:50px;
}
.copyright{
text-align:center;
line-height: 80px;
}
.far{
top:3px;
margin-left:50px;
}
li{
color:white;
list-style-type: none;
/* display:inline-block; */
}
/*ul{
display: inline-block;
} */
footer.footer div.footer_container {
width: 100%;
height: 400px;
display: block;
margin-bottom: 30px;
}
div.footer__container__col {
float: left;
width: 25%;
height: 300px;
color:#fff;
}
div.footer__container__content{
font-size: 13px;
text-justify: newspaper;
position: relative;
}
h4.footer__container__title{
font-weight: bolder;
padding-left:17px;
}
ul.footer__container__content__list__items {
padding-left: 0;
}
ul.footer__container__content__list__items li {
padding-top:5px;
padding-bottom: 5px;
display: block;
text-align: left;
}
span.social__icons__container {
background-color: grey;
}