Skip to content

Commit

Permalink
update logo and footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@LamHaiMy
LamHaiMy committed Nov 18, 2024
1 parent cfc648d commit e6755df
Show file tree
Hide file tree
Showing 5 changed files with 144 additions and 23 deletions.
46 changes: 46 additions & 0 deletions css/stylecommon.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -241,4 +241,50 @@ li {
}
.border-bottom-tab {
border-bottom: 1px solid #ddd;
}
.social-class {
margin-left: 0 !important;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0;
font-size: 11px;
line-height: 1.2;
margin-bottom: 7px;
}
.footer-container .term-and-condition ul {
padding-left: 0px;
margin-top: 20px;
}
.footer-container .term-and-condition ul li {
margin: 5px 0px;
list-style-type: none;
}
.footer-container .term-and-condition ul li i {
padding-right: 10px;
}
.social-item {
width: 47.33%;
}
.social-item i {
font-size: 28px;
padding-right: 10px;
color: #faf9f7;
}
.social-item a {
text-decoration: none;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 10px !important;
border-radius: 3px;
background: #212529;
}
.social-item a span {
color: #fff;
cursor: pointer;
}
56 changes: 47 additions & 9 deletions detail.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -119,15 +119,53 @@ <h3>Third slide label</h3>
</div>
</div>
<div class="site-container ">
<footer class="py-3 my-4">
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="nav-item"><a href="detail.html" class="nav-link px-2 text-body-secondary">Home</a></li>
<li class="nav-item"><a href="detail.html" class="nav-link px-2 text-body-secondary">Features</a></li>
<li class="nav-item"><a href="detail.html" class="nav-link px-2 text-body-secondary">Pricing</a></li>
<li class="nav-item"><a href="detail.html" class="nav-link px-2 text-body-secondary">FAQs</a></li>
<li class="nav-item"><a href="detail.html" class="nav-link px-2 text-body-secondary">About</a></li>
</ul>
<p class="text-center text-body-secondary">© 2024 Company, Inc</p>
<footer class="py-3 my-4 footer-container">
<div class="container">
<div class="row justify-content-between border-bottom pb-3 mb-3 align-items-center">
<div class="col-4">
<img src="./images/logo-main.png" alt="" style="width: 200px; cursor: pointer;">
</div>
<div class="col-8" style="text-align: right;">
<div>Không gian sống là nơi để bạn tận hưởng, là nơi ôm lấy muộn phiền khi bạn trở về!</div>
</div>
</div>
<div class="row justify-content-between term-and-condition">
<div class="col-4">
<h5>Liên hệ</h5>
<ul>
<li><i class="fas fa-phone"></i><span>0353098155</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
</ul>
</div>
<div class="col-4">
<h5>Điều khoản sử dụng</h5>
<!-- <ul>
<li><i class="fas fa-phone"></i><span>0353098155</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
</ul> -->
</div>
<div class="col-4">
<h5>Mạng xã hội</h5>
<ul class="social-class">
<li class="social-item">
<a href=""><i class="fab fa-facebook-square"></i><span>Facebook</span></a>
</li>
<li class="social-item">
<a href="">
<i class="fab fa-instagram-square"></i><span>Instagram</span>
</a>
</li>
<li class="social-item">
<a href="">
<i class="fab fa-pinterest-square"></i><span>Pinterest</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Expand Down
Binary file added images/logo-main.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
65 changes: 51 additions & 14 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,12 @@
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<ul class="nav-links">
<li><a href="detail.html">About</a></li>
<li><a href="detail.html">Contact</a></li>
<li><a href="detail.html"><img src="./images/logo-main.png" alt="" style="width: 170px; cursor: pointer;"></a></li>
</ul>
<a href="index.html">
<img src="./images/logo.png" alt="" style="width: 375px; cursor: pointer;">
<img src="./images/logo.png" alt="" style="width: 250px; cursor: pointer;">
</a>
<ul class="categories" id="categories">
<ul class="categories" id="categories" style="padding-left: 114px;">
<li>
<a href="detail.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
Expand Down Expand Up @@ -287,16 +286,54 @@ <h4 class="card-text tab">Some quick example text</h4>
</div>
</div>
</div>
<div class="site-container ">
<footer class="py-3 my-4">
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="nav-item"><a href="detail.html" class="nav-link px-2 text-body-secondary">Home</a></li>
<li class="nav-item"><a href="detail.html" class="nav-link px-2 text-body-secondary">Features</a></li>
<li class="nav-item"><a href="detail.html" class="nav-link px-2 text-body-secondary">Pricing</a></li>
<li class="nav-item"><a href="detail.html" class="nav-link px-2 text-body-secondary">FAQs</a></li>
<li class="nav-item"><a href="detail.html" class="nav-link px-2 text-body-secondary">About</a></li>
</ul>
<p class="text-center text-body-secondary">© 2024 Company, Inc</p>
<div class="site-container">
<footer class="py-3 my-4 footer-container">
<div class="container">
<div class="row justify-content-between border-bottom pb-3 mb-3 align-items-center">
<div class="col-4">
<img src="./images/logo-main.png" alt="" style="width: 200px; cursor: pointer;">
</div>
<div class="col-8" style="text-align: right;">
<div>Không gian sống là nơi để bạn tận hưởng, là nơi ôm lấy muộn phiền khi bạn trở về!</div>
</div>
</div>
<div class="row justify-content-between term-and-condition">
<div class="col-4">
<h5>Liên hệ</h5>
<ul>
<li><i class="fas fa-phone"></i><span>0353098155</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
</ul>
</div>
<div class="col-4">
<h5>Điều khoản sử dụng</h5>
<!-- <ul>
<li><i class="fas fa-phone"></i><span>0353098155</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
</ul> -->
</div>
<div class="col-4">
<h5>Mạng xã hội</h5>
<ul class="social-class">
<li class="social-item">
<a href=""><i class="fab fa-facebook-square"></i><span>Facebook</span></a>
</li>
<li class="social-item">
<a href="">
<i class="fab fa-instagram-square"></i><span>Instagram</span>
</a>
</li>
<li class="social-item">
<a href="">
<i class="fab fa-pinterest-square"></i><span>Pinterest</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</body>
Expand Down

0 comments on commit e6755df

Please sign in to comment.