12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- <template>
- <div class="page-footer">
- <div class="f1">
- <div class="item">
- <p class="item-name">Shop</p>
- <ul class="item-links">
- <li class="item-link"><a href="#">Phone Accessories</a></li>
- <li class="item-link"><a href="#">Screen Protectors</a></li>
- <li class="item-link"><a href="#">Tablet Accessories</a></li>
- <li class="item-link"><a href="#">Car Accessories</a></li>
- <li class="item-link"><a href="#">Cables and Chargers</a></li>
- </ul>
- </div>
- <div class="item">
- <p class="item-name">Company</p>
- <ul class="item-links">
- <li class="item-link"><a href="#">About Us</a></li>
- <li class="item-link"><a href="#">Terms and Conditions</a></li>
- <li class="item-link"><a href="#">Careers</a></li>
- <li class="item-link"><a href="#">Franchise</a></li>
- <li class="item-link"><a href="#">Blog</a></li>
- <li class="item-link"><a href="#">Catalogues</a></li>
- <li class="item-link"><a href="#">Privacy Policy</a></li>
- <li class="item-link"><a href="#">Current Competitions</a></li>
- </ul>
- </div>
- <div class="item">
- <p class="item-name">PTC Care Plus</p>
- <ul class="item-links">
- <li class="item-link"><a href="#">Feature</a></li>
- <li class="item-link"><a href="#">Why PTC Care plus</a></li>
- <li class="item-link"><a href="#">Subcriber Agreement</a></li>
- </ul>
- </div>
- </div>
- <div class="f2">
- <i class="ico"></i>
- <div>
- <p class="txt">Approved by</p>
- <p class="txt">NDIS marketing</p>
- <p class="txt">Registered NDIS Provider</p>
- </div>
- </div>
- </div>
- </template>
- <style lang="scss">
- .page-footer {
- display: none;
- @include media-breakpoint-up(md) {
- display: block;
- padding: 80px;
- background: $primary-color;
- color: #fff;
- .f1 {
- display: flex;
- justify-content: space-between;
- padding-bottom: 80px;
- border-bottom: 2px solid rgba(255, 255, 255, 0.3);
- }
- .item {
- width: 478px;
- &-name {
- margin-bottom: 48px;
- line-height: 58px;
- font-size: 48px;
- font-weight: 600;
- }
- &-link {
- font-size: 32px;
- line-height: 58px;
- }
- }
- .f2 {
- margin-top: 80px;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .ico {
- margin-left: 170px;
- margin-right: 28px;
- width: 248px;
- height: 248px;
- background: url(https://www.ptc.net.au/uploads/2021/06/Frame-2.svg)
- no-repeat;
- background-size: contain;
- }
- .txt {
- font-size: 32px;
- line-height: 58px;
- }
- }
- }
- </style>
|